Demonstrate a mastery of media integration

To demonstrate a mastery of media integration

Actually I have a hard time to get the idea of this homework.
I am not sure how to make .swf to call up the JavaScript… etc.

Flash transition

This is the component that I use to create the flash transition
http://www.jumpeyecomponents.com/Flash-Components/Skins-and-Patterns/MCTE-V3-Square-Pack-48/

You also can make some change in the ActionScript, like alpha, speed and how many pictures.

Here is my example: http://yl372.aisites.com/mm3301/MM3301_wk3.html

import mx.transitions.Tween;

stop();

btnPlay._alpha = 50;

btnPlay.onRollOver = function()
{
btnPlay.oTween = new Tween(btnPlay, "_alpha",Strong.easeOut, 50, 100, 15, false);
}

btnPlay.onRollOut = function()
{
if(btnPlay._alpha > 50)
{
btnPlay.oTween = new Tween(btnPlay, "_alpha", Strong.easeOut, 100, 50, 15, false);
}
}

btnPlay.onRelease = function()
{
var counter:Number = 0;
var btnPlayRollOut:Function = btnPlay.onRollOut;
var btnPlayRollOver:Function = btnPlay.onRollOver;

btnPlay.oTween = new Tween(btnPlay, "_alpha",Strong.easeOut, 100, 0, 10, false);

btnPlay.onRollOut = function()
{}

btnPlay.onRollOver = function()
{}

btnPlay.oTween.onMotionFinished = function()
{
var listener:Object = new Object();

mcte._targetInstanceName = "mc1";
mcte.transitionEffect("show");

mcte.addEventListener("onTransitionEnd", listener);
listener.onTransitionEnd = function()
{
mcte.removeEffect();
btnPlay.swapDepths(mcBcg);
btnPlay.oTween = new Tween(btnPlay, "_alpha" ,Strong.easeOut, 0, 50, 30, false);
mcte.removeEventListener("onTransitionEnd", listener);

btnPlay.oTween.onMotionFinished = function()
{
btnPlay.onRollOver = btnPlayRollOver;
btnPlay.onRollOut = btnPlayRollOut;
}
}
}
}

Developing the transition

Developing the transition

Transition is really help to make your website have the vitality.
This website offer different flash transition components.
You can download one to try it out, but the demo version is only working on the flash debug movie.

http://www.jumpeyecomponents.com/

I think this is an efficient way to improve the website. Some of transition is hard to make by your own at lease you know ActionScript very well.

ActionScript for photo website

This is the action script for the photo flash website

http://yl372.aisites.com/mm3301/MM3301_wk2.html

(Developing a compelling navigation/sequencing concept)
However, you have to figure out the x and y location for each photo


background_mc.targetX = background_mc._x;
background_mc.targetY = background_mc._y;
background_mc.onEnterFrame = function() {
this._x -= ( this._x - this.targetX ) * .23;
this._y -= ( this._y - this.targetY ) * .23;
};

background_mc.set_target = function( newX, newY ) {
this.targetX = newX;
this.targetY = newY;
};

b_0.onRelease = function() {
background_mc.set_target( -550, -500 );
};

b_1.onRelease = function() {
background_mc.set_target( 1200, 1550 );
};

b_2.onRelease = function() {
background_mc.set_target( -650, 1000 );
};

b_3.onRelease = function() {
background_mc.set_target( 1650, -550 );
};

b_4.onRelease = function() {
background_mc.set_target( 500, 400 );
};

Developing a compelling navigation/sequencing concept

Developing a compelling navigation/sequencing concept

I want to create a picture board, so I make 5 buttons.
When you click each bottom, it will move to the next picture.
Picture is coming from different side to the middle.
I think this is fun.

Identifying Modes of Online Entertainment

Week 2
We have to identify the modes of online entertainment website.
Band Website - http://www.bandofhorses.com/
Movie Website - http://www.panslabyrinth.com/
Short Entertainment - http://www.movieola.ca/
Cross-Media Promotion - http://www.cartoonnetwork.com/
MMOG (Massively Multi-Player Online Game) - http://www.eve-online.com/
Advergame - http://www.mms.com/us/fungames/games/
Webisodic - http://media.movies.ign.com/media/490/490104/vids_2.html
Blog orVlog - http://www.im.tv/vlog/
Interactive Portfolio Website - http://ichibod.com/

Advergame website

I love this Advergame website and it really promote it’s product and logo characters.
http://www.kelloggs.com/hollowtree4kids/