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.

Abbreviated Messages depicted in Different Contexts!

Personal Context

This can be based on memories, the concern of my grammar and other aspect can be my curiosity why this is so common to today's youths. The endless encounter of misspellings during writing and this is a concern more so that I need to be a professional. It is quick way of communicating and the knowledge about is fascinating.

Social Context

It can apply to communication in general as we know that the society is based on communication for them to develop. The grammar and lingo usage and the society e.g online chats or hang out places like facebook, Myspace and so on.

Political Context

This can be a provocative topic being elders against youths or informal way of communications vs formal way. The is can be termed as diversity and labeled class, upper vs lower class of the society .

Historical Context

This is a concern to literature and language structure of the society.It can be a direction to what the future is to become. The transition of usage of typography since the ancient age.

Cultural Context

It is a new sign of a new culture approaching, just like pop culture did in the olden daisy. A new way of communication setting new norms, language and class.

Institutional Context

This can be an alteration of education; informal vs formal writing. Classified as breaking of rules of ways of writings.

Text/Abbreviated Messages!!

Communication is the most important aspect of life in the society, nationally and globally. Many ways of communications are precedent, we used to use smoke to call meetings, drums, or verbatim( word to word) before technology came in.

Due to the advancement of technology, wireless ways of communicating is evident, the use of Bluetooth, wirefii, 3G,4G, internet even GPS came in handy . Mobile phones also included, we now began a way of writing that is shorthand. The point is, it communication.

Abbreviated Messages (The Future Language).

This topic to come about, I had challenges with my way of writing formal reports or documents. I realized that I had problems with spellings and grammar but as for online chats, I discovered that as I was writing in short hands, It was little bit fast.

Abbreviated messages are the latest way of COMMUNICATION mostly done by young adults, this is evident through online portals like facebook, yahoo, hotmail,skype messengers and so on. I researched that in schools,teens included sort of inherited this.

By the look of things, shorthand writing has to been there, in the fields of programming, the main reason is that it is speedy. Though back in the days, during the times of Guru literature like William Shakespeare, the present way of communicating that is English evolved from their English Literature. Formal writing and poetry goes together though in poems there is involvement of metaphors it evident that grammar is the main base to communication. If we understand each others grammar no matter what language one speaks.

Nowadays these are phrases used when we communicate; OMG (oh my god), l8 for late, the millenia speak as some experts call it. The netSpeak is now spreading at a rapid rate not only chat messages with smileys are involved, online dictionaries for this new language "The Future language" are now present. Shops, Banks and many corporate businesses have inherited the trend. e.g maybank2u.

Pros

1. It is fast

2. Stimulates creativity.

3.Popular, the new trend

4.Future language

Cons

1.Spelling errors

2.Alteration of grammar

3.Distortion of language literature

4.multiple interpretation

5.

I will keep on updating the cons and pros of the use of short handwriting. Now with the information I collected my main focus is not take sides on either the cons or pros but to make the society the young adults in particular, to be aware of the involvement in this new form of communication.

Research and Idea Development.

One of the reasons i had to choose the second proposal, are that it is challenging and in sync with reality now. My previous title was Text abbreviation the future language. Now I had to change it to Abbreviated messages the future language because I noticed that smiley's or "emoticons " are still part of abbreviates messages. So in the scope of text, specifying text as only as abbreviated language depicted limitation of scope of the topic.

1.what is typography?

On the web typography is define as the craft of type either for printing or for web. In my opinion I think typography or texts gives the backbone to information or to communications. Type is a big topic that has many subtopics and those topics really show how type gives weight to information. Examples of where type can be found. On the web, Magazines, newspapers softwares, graphics such as posters, illustrations, business cards and so on. I also discovered that typo comes in different forms or fonts.

examples of type:

Type used as portrait.

Vomit Type!!

Gun Type!!

All in all, we can see how type is powerful. The vast creativity and all shows really how when we break away from the tradition use of type like book publication or on newspapers.

Research 2

In my previous gamma 3 project, Our group did a spray illusion that uses Bluetooth and infrared to manipulate the graphics. I came across a project that uses candles as infrared emitters. The most current trend of input in computers nowadays is touch -screen, as I am doing my research I'm looking for some sort of alien way of inputting data in the computer or rather a way to manipulate and interact with the graphics not the usual traditional way of mouse and key board.

Programming.

When I was doing my research, I found a couple of books to be useful, Action script 3.0 bible and Learning Processing. For actionscript 3.0 I see a lot of control in terms of programming, actionscript 3.0 looks structured and a lot can be done in it as long as practice is adhered to.

Processing.

This can be good for manipulating text and graphics through the use of arduino. It's a challenge when now arTists incorporate graphics with graphics.