flash on tap slides
TRANSCRIPT
![Page 2: Flash on Tap slides](https://reader033.vdocument.in/reader033/viewer/2022042714/5549fb65b4c905e56c8b4ad1/html5/thumbnails/2.jpg)
the situation
Thursday, June 4, 2009
![Page 3: Flash on Tap slides](https://reader033.vdocument.in/reader033/viewer/2022042714/5549fb65b4c905e56c8b4ad1/html5/thumbnails/3.jpg)
the situation
Thursday, June 4, 2009
![Page 4: Flash on Tap slides](https://reader033.vdocument.in/reader033/viewer/2022042714/5549fb65b4c905e56c8b4ad1/html5/thumbnails/4.jpg)
the situation
Thursday, June 4, 2009
![Page 5: Flash on Tap slides](https://reader033.vdocument.in/reader033/viewer/2022042714/5549fb65b4c905e56c8b4ad1/html5/thumbnails/5.jpg)
the situation
Thursday, June 4, 2009
![Page 6: Flash on Tap slides](https://reader033.vdocument.in/reader033/viewer/2022042714/5549fb65b4c905e56c8b4ad1/html5/thumbnails/6.jpg)
4 weeks until launch.
the situation
Thursday, June 4, 2009
![Page 7: Flash on Tap slides](https://reader033.vdocument.in/reader033/viewer/2022042714/5549fb65b4c905e56c8b4ad1/html5/thumbnails/7.jpg)
the situation
Thursday, June 4, 2009
![Page 8: Flash on Tap slides](https://reader033.vdocument.in/reader033/viewer/2022042714/5549fb65b4c905e56c8b4ad1/html5/thumbnails/8.jpg)
10 fundamentals to our process.
Thursday, June 4, 2009
![Page 9: Flash on Tap slides](https://reader033.vdocument.in/reader033/viewer/2022042714/5549fb65b4c905e56c8b4ad1/html5/thumbnails/9.jpg)
1. Give everyone a say.
Thursday, June 4, 2009
![Page 10: Flash on Tap slides](https://reader033.vdocument.in/reader033/viewer/2022042714/5549fb65b4c905e56c8b4ad1/html5/thumbnails/10.jpg)
give everyone a say
StrategyProductionDesignDevelopment
Thursday, June 4, 2009
![Page 11: Flash on Tap slides](https://reader033.vdocument.in/reader033/viewer/2022042714/5549fb65b4c905e56c8b4ad1/html5/thumbnails/11.jpg)
give everyone a say
StrategyProductionDesignDevelopment
bad.
Thursday, June 4, 2009
![Page 12: Flash on Tap slides](https://reader033.vdocument.in/reader033/viewer/2022042714/5549fb65b4c905e56c8b4ad1/html5/thumbnails/12.jpg)
give everyone a say
StrategyProductionDesignDevelopment
good.
Thursday, June 4, 2009
![Page 13: Flash on Tap slides](https://reader033.vdocument.in/reader033/viewer/2022042714/5549fb65b4c905e56c8b4ad1/html5/thumbnails/13.jpg)
2. Never say it’s too hard.“Non-trivial” is better.
Thursday, June 4, 2009
![Page 14: Flash on Tap slides](https://reader033.vdocument.in/reader033/viewer/2022042714/5549fb65b4c905e56c8b4ad1/html5/thumbnails/14.jpg)
3. Build fast.
Thursday, June 4, 2009
![Page 15: Flash on Tap slides](https://reader033.vdocument.in/reader033/viewer/2022042714/5549fb65b4c905e56c8b4ad1/html5/thumbnails/15.jpg)
In Flash:
+ Set relative publish settings.
+ One Document root to rule them all.
In HTML/CSS/JavaScript:
+ Publish main SWF to the root directory.
build fast
Thursday, June 4, 2009
![Page 16: Flash on Tap slides](https://reader033.vdocument.in/reader033/viewer/2022042714/5549fb65b4c905e56c8b4ad1/html5/thumbnails/16.jpg)
+ Leverage the community.
- GTween
- BulkLoader
- Corelib
- SWFObject
- SWFAddress
build fast
Thursday, June 4, 2009
![Page 17: Flash on Tap slides](https://reader033.vdocument.in/reader033/viewer/2022042714/5549fb65b4c905e56c8b4ad1/html5/thumbnails/17.jpg)
Simple Code Rules
- $argument
- _private
- public
- __private static
- CONSTANT
build fast
Thursday, June 4, 2009
![Page 18: Flash on Tap slides](https://reader033.vdocument.in/reader033/viewer/2022042714/5549fb65b4c905e56c8b4ad1/html5/thumbnails/18.jpg)
Oh yeah, protected variables:_vvv$_$$pppp$_$p____$_$$$$protected__$p_________myInfo_loadercontentloaderinformation
build fast
Thursday, June 4, 2009
![Page 19: Flash on Tap slides](https://reader033.vdocument.in/reader033/viewer/2022042714/5549fb65b4c905e56c8b4ad1/html5/thumbnails/19.jpg)
Main
Header Footer
Model
BigScreen
(Some Footer Component)
build fast
Thursday, June 4, 2009
![Page 20: Flash on Tap slides](https://reader033.vdocument.in/reader033/viewer/2022042714/5549fb65b4c905e56c8b4ad1/html5/thumbnails/20.jpg)
obligatory code slide
build fast
Thursday, June 4, 2009
![Page 21: Flash on Tap slides](https://reader033.vdocument.in/reader033/viewer/2022042714/5549fb65b4c905e56c8b4ad1/html5/thumbnails/21.jpg)
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.
}
build fast
Thursday, June 4, 2009
![Page 22: Flash on Tap slides](https://reader033.vdocument.in/reader033/viewer/2022042714/5549fb65b4c905e56c8b4ad1/html5/thumbnails/22.jpg)
4. Build ugly.
Thursday, June 4, 2009
![Page 23: Flash on Tap slides](https://reader033.vdocument.in/reader033/viewer/2022042714/5549fb65b4c905e56c8b4ad1/html5/thumbnails/23.jpg)
build ugly
Thursday, June 4, 2009
![Page 24: Flash on Tap slides](https://reader033.vdocument.in/reader033/viewer/2022042714/5549fb65b4c905e56c8b4ad1/html5/thumbnails/24.jpg)
build ugly
Thursday, June 4, 2009
![Page 25: Flash on Tap slides](https://reader033.vdocument.in/reader033/viewer/2022042714/5549fb65b4c905e56c8b4ad1/html5/thumbnails/25.jpg)
build ugly
Thursday, June 4, 2009
![Page 26: Flash on Tap slides](https://reader033.vdocument.in/reader033/viewer/2022042714/5549fb65b4c905e56c8b4ad1/html5/thumbnails/26.jpg)
build ugly
Thursday, June 4, 2009
![Page 27: Flash on Tap slides](https://reader033.vdocument.in/reader033/viewer/2022042714/5549fb65b4c905e56c8b4ad1/html5/thumbnails/27.jpg)
5. Trust the timeline.
Thursday, June 4, 2009
![Page 28: Flash on Tap slides](https://reader033.vdocument.in/reader033/viewer/2022042714/5549fb65b4c905e56c8b4ad1/html5/thumbnails/28.jpg)
trust the timeline
Thursday, June 4, 2009
![Page 29: Flash on Tap slides](https://reader033.vdocument.in/reader033/viewer/2022042714/5549fb65b4c905e56c8b4ad1/html5/thumbnails/29.jpg)
trust the timeline
Thursday, June 4, 2009
![Page 30: Flash on Tap slides](https://reader033.vdocument.in/reader033/viewer/2022042714/5549fb65b4c905e56c8b4ad1/html5/thumbnails/30.jpg)
stop();
dispatchEvent(new AnimationEvent(AnimationEvent.ANIMATE_IN));
trust the timeline
Thursday, June 4, 2009
![Page 31: Flash on Tap slides](https://reader033.vdocument.in/reader033/viewer/2022042714/5549fb65b4c905e56c8b4ad1/html5/thumbnails/31.jpg)
+ 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
trust the timeline
Thursday, June 4, 2009
![Page 32: Flash on Tap slides](https://reader033.vdocument.in/reader033/viewer/2022042714/5549fb65b4c905e56c8b4ad1/html5/thumbnails/32.jpg)
TimelineHelper class: http://www.adobe.com/devnet/flash/articles/timelinewatcher.html(tinyurl version): http://tinyurl.com/cybwnr
trust the timeline
Thursday, June 4, 2009
![Page 33: Flash on Tap slides](https://reader033.vdocument.in/reader033/viewer/2022042714/5549fb65b4c905e56c8b4ad1/html5/thumbnails/33.jpg)
6. Buy the developer whiskey.
Thursday, June 4, 2009
![Page 34: Flash on Tap slides](https://reader033.vdocument.in/reader033/viewer/2022042714/5549fb65b4c905e56c8b4ad1/html5/thumbnails/34.jpg)
7. Mise en place.
Thursday, June 4, 2009
![Page 35: Flash on Tap slides](https://reader033.vdocument.in/reader033/viewer/2022042714/5549fb65b4c905e56c8b4ad1/html5/thumbnails/35.jpg)
In Flash:
+ Deep linking
+ Loading scheme(s)
+ Library items organized
In HTML/CSS/JavaScript:
+ SEO
+ Flash detection
+ Minimum browser resize
mise en place
Thursday, June 4, 2009
![Page 36: Flash on Tap slides](https://reader033.vdocument.in/reader033/viewer/2022042714/5549fb65b4c905e56c8b4ad1/html5/thumbnails/36.jpg)
mise en place
Thursday, June 4, 2009
![Page 37: Flash on Tap slides](https://reader033.vdocument.in/reader033/viewer/2022042714/5549fb65b4c905e56c8b4ad1/html5/thumbnails/37.jpg)
mise en place
Thursday, June 4, 2009
![Page 38: Flash on Tap slides](https://reader033.vdocument.in/reader033/viewer/2022042714/5549fb65b4c905e56c8b4ad1/html5/thumbnails/38.jpg)
mise en place
Thursday, June 4, 2009
![Page 39: Flash on Tap slides](https://reader033.vdocument.in/reader033/viewer/2022042714/5549fb65b4c905e56c8b4ad1/html5/thumbnails/39.jpg)
8. Start from scratch.
Thursday, June 4, 2009
![Page 40: Flash on Tap slides](https://reader033.vdocument.in/reader033/viewer/2022042714/5549fb65b4c905e56c8b4ad1/html5/thumbnails/40.jpg)
9. Strive for exellence.(not perfection)
Thursday, June 4, 2009
![Page 41: Flash on Tap slides](https://reader033.vdocument.in/reader033/viewer/2022042714/5549fb65b4c905e56c8b4ad1/html5/thumbnails/41.jpg)
strive for excellence
Thursday, June 4, 2009
![Page 42: Flash on Tap slides](https://reader033.vdocument.in/reader033/viewer/2022042714/5549fb65b4c905e56c8b4ad1/html5/thumbnails/42.jpg)
+ 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.
strive for excellence
Thursday, June 4, 2009
![Page 43: Flash on Tap slides](https://reader033.vdocument.in/reader033/viewer/2022042714/5549fb65b4c905e56c8b4ad1/html5/thumbnails/43.jpg)
Were you invited?Reindeer Games
Thursday, June 4, 2009
![Page 44: Flash on Tap slides](https://reader033.vdocument.in/reader033/viewer/2022042714/5549fb65b4c905e56c8b4ad1/html5/thumbnails/44.jpg)
Were you invited?Reindeer Games
Thursday, June 4, 2009
![Page 45: Flash on Tap slides](https://reader033.vdocument.in/reader033/viewer/2022042714/5549fb65b4c905e56c8b4ad1/html5/thumbnails/45.jpg)
strive for excellence
Thursday, June 4, 2009
![Page 46: Flash on Tap slides](https://reader033.vdocument.in/reader033/viewer/2022042714/5549fb65b4c905e56c8b4ad1/html5/thumbnails/46.jpg)
strive for excellence
Thursday, June 4, 2009
![Page 47: Flash on Tap slides](https://reader033.vdocument.in/reader033/viewer/2022042714/5549fb65b4c905e56c8b4ad1/html5/thumbnails/47.jpg)
10. Think simple.
Thursday, June 4, 2009
![Page 48: Flash on Tap slides](https://reader033.vdocument.in/reader033/viewer/2022042714/5549fb65b4c905e56c8b4ad1/html5/thumbnails/48.jpg)
+ 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.
in conclusion
Thursday, June 4, 2009
![Page 49: Flash on Tap slides](https://reader033.vdocument.in/reader033/viewer/2022042714/5549fb65b4c905e56c8b4ad1/html5/thumbnails/49.jpg)
bigspaceship.com
labs.bigspaceship.comtwitter: jkosoy
thanks.
Thursday, June 4, 2009