macromedia flash a bridge between designers and developers

8
Macromedia Flash A Bridge Between Designers and Developers

Post on 20-Dec-2015

215 views

Category:

Documents


2 download

TRANSCRIPT

Page 1: Macromedia Flash A Bridge Between Designers and Developers

Macromedia Flash

A Bridge Between Designers and Developers

Page 2: Macromedia Flash A Bridge Between Designers and Developers

Interface Layout

Page 3: Macromedia Flash A Bridge Between Designers and Developers

Writing code to make art

• Joshua Davis– Flash-based graphic and web artist– Inaugurated into the Smithsonian’s

National Museum of Design History– Art making machines based off algorithms

and hand drawn imagery• http://www.once-upon-a-forest.com

Page 4: Macromedia Flash A Bridge Between Designers and Developers

Example• Art generated through code

• Why is it art?– Requires creativity– All tools are given to you to form ideas

• Paintbrush = code• Canvas = flash

– Cannot be learned from textbook

Page 5: Macromedia Flash A Bridge Between Designers and Developers

import com.mosesSupposes.fuse.*;

ZigoEngine.register(Fuse,PennerEasing);

this.createEmptyMovieClip("leader", 1);

function moveLeader():Void{

var f:Fuse = new Fuse();f.push({target:leader, x:grp, y:grp, controlX:grp, controlY:grp, time:1, ease:"easeOutQuad"});f.push({func:moveLeader});f.start();

}

moveLeader();

function grp():Number //getrandomposition{

return Math.random()*600;

}

this.onEnterFrame = function(){

var t:MovieClip = this.attachMovie("circle", "c" + this.getNextHighestDepth(), this.getNextHighestDepth());t._x = leader._x;t._y = leader._y;var f:Fuse = new Fuse();f.push({target:t, scale:300, tint:Math.random()*0xFFFFFF, rotation:360, alpha:0, time:5, ease:"easeOutExpo"});f.push({func:function(){t.removeMovieClip();}});f.start();

}

Import a custom class-extend Flash functionality

Helper Function

Page 6: Macromedia Flash A Bridge Between Designers and Developers

Project: Scarlett Vision Media

• Design Entrance Page

• Design Entire Online Portfolio

Page 7: Macromedia Flash A Bridge Between Designers and Developers

Scarlett Vision MediaEntrance Page

• All designed with code, no timeline

• Designers get too caught up in one idea, lose focus of the goal of a project

• Too artsy, not “corporate” enough, waste of time?

• Link to entrance page

Page 8: Macromedia Flash A Bridge Between Designers and Developers

Scarlett Vision MediaOnline Portfolio

• Demonstrates use of timeline along with code

• Good compromise on art mixed with business

• Unique style for user interface

• link