1. Flash on Tap 2009
Jamie Kosoy
Associate Technical Director
j.kosoy@bigspaceship.com
Thursday, June 4, 2009

2. the situation
Thursday, June 4, 2009

3. the situation
Thursday, June 4, 2009

4. the situation
Thursday, June 4, 2009

5. the situation
Thursday, June 4, 2009

6. the situation
4 weeks until launch.
Thursday, June 4, 2009

7. the situation
Thursday, June 4, 2009

8. 10 fundamentals to our process.
Thursday, June 4, 2009

9. 1. Give everyone a say.
Thursday, June 4, 2009

10. give everyone a say
Strategy
Production
Design
Development
Thursday, June 4, 2009

11. give everyone a say
Strategy
Production
Design
Development
bad.
Thursday, June 4, 2009

12. give everyone a say
Strategy
Production
Design
Development
good.
Thursday, June 4, 2009

13. 2. Never say it’s too hard.
“Non-trivial” is better.
Thursday, June 4, 2009

14. 3. Build fast.
Thursday, June 4, 2009

15. build fast
In Flash:
+ Set relative publish settings.
+ One Document root to rule them all.
In HTML/CSS/JavaScript:
+ Publish main SWF to the root directory.
Thursday, June 4, 2009

16. build fast
+ Leverage the community.
- GTween
- BulkLoader
- Corelib
- SWFObject
- SWFAddress
Thursday, June 4, 2009

17. build fast
Simple Code Rules
- $argument
- _private
- public
- __private static
- CONSTANT
Thursday, June 4, 2009

18. build fast
Oh yeah, protected variables:
_vvv$_$$pppp$_$p____$_$$$$protected__$p_________myInfo_loadercontentloaderinformation
Thursday, June 4, 2009

19. build fast
Model
Main
Header Footer
BigScreen
(Some Footer
Component)
Thursday, June 4, 2009

20. build fast
obligatory code slide
Thursday, June 4, 2009

21. build fast
public function Main()
{
if(stage) _initialize();
else addEventListener(Event.ADDED_TO_STAGE,_initialize,false,0,true);
}
private function _initialize($evt:Event = null):void
{
Security.allowDomain('*');
stage.scaleMode = StageScaleMode.NO_SCALE;
GTween.timingMode = GTween.FRAME;
Out.enableAllLevels();
if(Environment.IS_IN_BROWSER) Out.disableAllLevels();
_layers = [];
_layers[Model.ABOUT] = new About(about_mc);
_layers[Model.HEADER] = new Header(header_mc);
_layers[Model.FOOTER] = new Footer(footer_mc);
_layers[Model.SCREENS] = new Sprite(); // jk: screens will get added to this sprite.
_layers[Model.SUBMIT] = new Submit(submit_mc);
for(var i:int=0;i<_layers.length;i++)
{
_layers[i].tabEnabled = false;
addChild(_layers[i]);
}
_layers[Model.FOOTER].addEventListener(“foo”,_footerOnFoo,false,0,true); // jk: an example event.
}
Thursday, June 4, 2009

22. 4. Build ugly.
Thursday, June 4, 2009

23. build ugly
Thursday, June 4, 2009

24. build ugly
Thursday, June 4, 2009

25. build ugly
Thursday, June 4, 2009

26. build ugly
Thursday, June 4, 2009

27. 5. Trust the timeline.
Thursday, June 4, 2009

28. trust the timeline
Thursday, June 4, 2009

29. trust the timeline
Thursday, June 4, 2009

30. trust the timeline
stop();
dispatchEvent(new AnimationEvent(AnimationEvent.ANIMATE_IN));
Thursday, June 4, 2009

31. trust the timeline
+ Developers
- No motion chops.
+ Designers
- Lots of motion chops.
So the equation in codespeak:
if(developer.chops.motion < designer.chops.motion)
assignMotionWorkTo(designer); // jk: duh
Thursday, June 4, 2009

32. trust the timeline
TimelineHelper class:
http://www.adobe.com/devnet/flash/articles/timelinewatcher.html
(tinyurl version): http://tinyurl.com/cybwnr
Thursday, June 4, 2009

33. 6. Buy the developer whiskey.
Thursday, June 4, 2009

34. 7. Mise en place.
Thursday, June 4, 2009

35. mise en place
In Flash:
+ Deep linking
+ Loading scheme(s)
+ Library items organized
In HTML/CSS/JavaScript:
+ SEO
+ Flash detection
+ Minimum browser resize
Thursday, June 4, 2009

36. mise en place
Thursday, June 4, 2009

37. mise en place
Thursday, June 4, 2009

38. mise en place
Thursday, June 4, 2009

39. 8. Start from scratch.
Thursday, June 4, 2009

40. 9. Strive for exellence.
(not perfection)
Thursday, June 4, 2009

41. strive for excellence
Thursday, June 4, 2009

42. strive for excellence
+ Idea was pretty... but not a mathematically perfect helix.
+ Bottles need to dynamically “swing” on rollover.
+ Each bottle is used in the site in several other places.
- 120kb per bottle.
- Must be front loaded.
Thursday, June 4, 2009

43. Reindeer Games
Were you invited?
Thursday, June 4, 2009

44. Reindeer Games
Were you invited?
Thursday, June 4, 2009

45. strive for excellence
Thursday, June 4, 2009

46. strive for excellence
Thursday, June 4, 2009

47. 10. Think simple.
Thursday, June 4, 2009

48. in conclusion
+ Give everyone a say.
+ Never say it’s too hard.
+ Build fast.
+ Build ugly.
+ Trust the timeline.
+ Buy the developer whiskey.
+ Mise en place.
+ Start from scratch.
+ Strive for excellence, not perfection.
+ Think simple.
Thursday, June 4, 2009

49. thanks.
bigspaceship.com
labs.bigspaceship.com
twitter: jkosoy
Thursday, June 4, 2009