Æliens

section(s)

• 0: getting started
• 1: programming the display
• 2: media & playlists
• 3: handlers & interaction
• 4: animations & effects
• 5: graphics & bitmaps
• 6: sound & visualizations
• 7: organize (y)our code
• 8: libraries & framework(s)
• 9: wrap up(s)

section 0 -- getting started

• lookat -- www.adobe.com/products/flex
• flex SDK -- opensource.adobe.com/wiki/display/flexsdk/Downloads : flex 3 / flex 4
• IDE? -- flex builder (sdk 3) / labs.adobe.com/technologies/flashbuilder4
• read -- flash player 10 / developer documentation
• explore -- bubblemark.com / www.google.nl/search?q=rich+internet+applications

multimedia authoring / interactive visualization

• flex/as3 sdk -- declarative + operational
• web-based multimedia -- flash(player) is (de facto) standard
• coding multimedia -- design + development
• application(s) -- alien(s) ... (musical) flowers ... shopping ... tunnel(s) ... flow(s)

explore, copy & paste, understand, adapt

• lookat(s) -- selected examples
• flex & actionscript -- from livedocs
• animation(s) -- foundation animation: making things move
• flex construct(s) -- professional flex 2
• example(s) -- miscellaneous topics

help / getting (in) shape(s)

• image gallery -- tutorial / example
• bitmaps/filters -- tutorial(s)
• amf php -- tutorial / example
• (u)maps -- tutorial / example

section 1 -- programming the display

• read -- about flex development(s)
• lookat -- getting (in) shape(s)
• flash/as3 -- flash.display.Sprite / flash.display.DisplayObject / flash.display.DisplayObjectList
• flex/core -- mx.core.UIComponent
• control(s) -- mx:Image
• container(s) -- mx:Canvas / google(s)

compiling with mxmlc / compc / asdoc

  mxmlc file.mxml / file.as / file.css
  mxmlc -include-libraries corelib.swc -source-path+="." file.mxml 
  compc -output book.swc -is com -is org
  asdoc -source-path . -output apidoc -doc-sources file.mxml 
  asdoc -source-path . -output apidoc -doc-sources net/ximpel/ 
  

setting (y)our style(s)

• lookat -- style(s) / embedded style(s) / css / runtime style(s)
• flex/as3 -- mx:Style
• explore -- accordeon(s) / item renderer(s) / css property list(s) / skin(s)
• try -- style creator / style explorer

creating (the) component(s)

• look at -- photo viewer / gallery / photo show
• read -- documentation
• see -- flickr photo viewer / blog(s)
• try -- mxml component explorer

section 2 -- media & playlists

• lookat -- video player / camera(s)
• event(s) -- mx.events.VideoEvent
• control(s) -- mx:VideoDisplay
• read -- extending the video display component

loading the playlist(s)

• lookat -- video player (script)
• event(s) -- mx.rpc.http.mxml.HTTPService / mx.rpc.events.ResultEvent / mx.rpc.events.FaultEvent
• read -- working with XML data
• study -- e4x tutorial / example(s)

the powerrail experience

• lookat -- powerrail / presentation
• read -- about blog.papervision3d.org
• explore -- selection(s)

configuration(s) & parameters

• lookat -- configuration(s) with XML and object parameter(s)
• read -- about using XML and flashVars
• and do not forget to look (again) at -- ximpel.org / view(s)

section 3 -- handlers & interaction

• lookat -- alarm clock / color picker / drag & drop
• read -- handling events

drawing (on) the screen(s)

• lookat -- draw tool / script / diagram(s) / effect(s) / scribble(s) / paint
• read -- drawing lines and curves / tutorial(s)
• explore -- display(s) / drawingboard

section 4 -- animation(s) & effect(s)

• lookat -- garden(s) / bubble(s) / firework(s) / rotation(s)
• see -- physics flash animation(s) / animation(s) / advanced animation(s)
• explore -- playground(s) / algorithmic visual generator

infamous (cover) flow(s)

• lookat -- fish eye(s) / coverflow(s) / book(s)
• read -- designing for flex -- guiding with motion
• explore -- coverflow(s) / user interface animation
• question(s) -- what is missing in the iPhone?

section 5 -- graphics & bitmaps

• lookat -- mask(s) / ascii art / scrap book image(s) / led(s) / iso metric(s) / filter(s)
• read -- using the drawing API / available display filters
• explore -- filter workbench / selection(s) / example(s)
• let it -- rain / snow / burn: (media|create)

distortion(s) & visualisation(s)

• lookat -- distortion lab / media cube / perlin landscape(s)
• read -- flex graphic trick(s) / blending
• explore -- flex graphic component(s)

filter(s) & shader(s)

• lookat -- alien(s) / lady in red / selection(s)
• read -- convolution matrix
• explore -- crystal(s) / hypno(s) / plane(s) / tunnel(s) / vortex

section 6 -- sound & visualizations

• lookat -- sound explorer / wave(s) / flower(s)
• read -- working with sound

section 7 -- organize (y)our code

• lookat -- object(s) / component(s) / template(s) / code(s)
• read -- creating flex components / livedoc(s)
• explore -- selection(s) / editor(s)
• try -- iframe(s) / bridge(s) / wii: actionpaint (documentation/code)

section 8 -- libraries & frameworks

• lookat -- student(s) / lib(s) / material(s) / philosopher(s) / roamer(s) / game(s)
• read -- about
  • using camera(s)
  • physics engine(s)
  • using google sketchup in flex
  • papervision3D in flex
• explore -- google map(s) / declarative graphics

section 9 -- wrap up(s)

• lookat -- flex.org/showcase / www.gotoandlearn.com
• read -- designing for flex / extra(s) / math game(s)
• explore -- replay(s)