Final.

Poster

Manual Installation

Manual installation

View more documents from phytD.

Installation Pictures.

Critique 3 setup!!

This video is basically the setup of critique 3, more videos welcome soon!

Codes !!

The codes used!!

ActionScript 2.0

fscommand("fullscreen", "true");

//----------Mouse-Cursor-------\\

var myMusic:Sound = new Sound();

myMusic.attachSound("music");

myMusic.start(0,9999);

cursor_mc.startDrag("true");

Mouse.hide();

cursor_mc._x = _xmouse;

cursor_mc._y = _ymouse;

//calcuate the position

function calculate() {

var px = _root._xmouse/Stage.width;

var py = _root._ymouse/Stage.height;

var x = 2000*px;

var y = 2000*py;

world.motionCam({x:x, y:y, z:0}, 20);

world.rotateZ(0, 10);

}

//world init initialize listener

var lis = {};

lis.onWorldInit = function() {

_root.calculate();

};

//set listener

world.addEventListener("onWorldInit", lis);

//set mouse event

_root.onMouseMove=calculate;

function onBtnRelease(btn,nm){

_root.onMouseMove=null;

_root.panel.title_txt.text=btn.title;

_root.panel._visible=true;

}

panel._visible=false;

The above code is for the 3d or space effect, it is generally used with a flash extension to get the effect working.

on(rollOver){

var mySong:Sound = new Sound();

mySong.attachSound("over1");

this.mySong.start();

this.gotoAndPlay(2);

}

on(rollOut){

var mySong:Sound = new Sound();

mySong.attachSound("over1");

//this.mySong.stop();

this.gotoAndPlay(1);

}

Above is the rollover code for the buttons.

Screen Shots.

Everyday becomes a challenge when making addition to the design and It becomes a headache when moving your design to the interaction realm. When moved things to flash, because of the depth created by the action script, design elements looks scattered not blending well. I came with a solution of adding some more design elements. Below is the application in Flash. A.M Wall of Fame (page).

Equipments I will use.

I painted a candle holder for the right candles, I used a black paint which will used with thre black candles. below are the pictures.

The candle holder will be placed with the black candles at the right side of the stage.

Reference for the Pages.

1. A.M wall of fame is referenced to the below picture, the idea is to have examples OMG, LOL, IMO and so on to be on a wall like the logos. The difference with this one is that, rotation property will be used o generate different mood. Below is different logos displaying different forms and shapes, with A.m I will be using Text with different types of fonts.

Below is the design I'm going for, The fonts used and for the background I will use a wall like texture with a dull,blueish color.

The one with A.M examples colored.

With background pattern.

Testing, Wii, Candles

This is the test I did, candles in sync with the computer through Bluetooth, infrared.

Page Elements

There are about six pages, namely ;

1. A.M Wall of Fame

2. History

3. Platforms

4.

5.

6.

1. A.M Wall Of Fame

Background animation

The idea was to have a background animation, this is not a guarantee that It will be used. It seems the animation was distracting everything placed center.

Interaction

Simplified Way of the interaction.

The Final Proposal.

The whole scope.

A.M is a information based interactive installation using candles instead of the mouse or touch capabilities. Abbreviated Messages (A.M) refers to the netspeak, chat messages such as lol, omg, asap, imo and many more. The Installation is fun and interactive for information and used as a way to celebrate the use of A.M, It does not decide or criticize or promote the use of A.M but rather a celebration of the presence of it.

The Set-Up

From the beginning there will be a black-screen or empty screen without any animations or visuals, a software called Zone trigger will be synced with a web camera to detect movement or rather color change on the location of the lighter. When an audience reaches for the lighter, then webcam detects the motion through zone trigger, then It calls up the .exe (project) which is flash based, then the flash application maximizes full screen and Intro animates in until the main page where the user can make decisive changes.

The main page will comprise of time based animation and with buttons placed seamlessly in such a way that the candles are positioned in sync with them. There will be six candles, each representing different page or visuals and different content (digitally). The application allows only a single candle to be lit, after the whole transition on to the candle 1 page, then the user is allowed to use the lit candle to act as mouse. Of course the is limitation because the Wiimote calibration will allow for how extreme the user can use the lit candle as a mouse. The Wiimote will be put on top of the projected visuals on the wall, at a 45 degrees angle to pick up the infrared emitted by one of the candles.

Digital Content

Intro

Organization

Dm gantt

View more documents from phytD

Softwares

wii-presenter

Flash

ActionScript 2.0

After Effects

Illustrator

Photoshop.

The Intro video.

I used After Effects to create A.M which is abbreviated text Messages. The A.M has animating numbers to symbolize a digital effect, this in a way shows how mostly these abbreviated messages are common mostly in digital platforms. The installation will have a black screen before any user enters the the trigger area. Zone trigger synced with a web camera will be set to trigger this intro to appear when a user or audience get to the stage area.

Below is the Intro for the application

The Intro Images

I used photoshop to create the below picture.

The one below was chosen for the after effects. The dark orange A.M had more of the orange popping off hence helping the desired effect in after effects to be carried out easily.

The candles pics were animated in after effects for a more smooth and realistic look.

All the candle images were acquired from deviant art and Photobucket.

Media Art Project Teaser

Final Preseantation Slides.

Abbreviated Messages.

Final presentation

View more presentations from phytD.

Daily Inspirations.

Everyday I try to read or watch clips of great speakers or anyone that interests me. Today I want to share with you a video from Chris Abani. Such a bold man, having poetry as his interests, that added to his sentence constructions blended well with emotions and humor , now am inspired by this fellow. What a great story teller!

Chris Abani muses on Humanity.