Fitc Amsterdam 2010
•
2 likes•993 views
Wonderfl is an online service that allows users to build Flash applications for free in the browser. Key features include: - Building a Flash application without needing Flash installed - Code is shared freely and users can view a community of 50,000 samples - Samples cover a wide range of Flash/Actionscript topics and techniques - Code can be forked (copied) and modified, allowing for collaboration - Popular libraries can be used like Tweener, Papervision, and Box2D - The site is good for all skill levels from beginners to professionals - A live coding feature allows real-time collaboration on code
Fitc Amsterdam 2010
- 1. wonderfl.net Feb 22, 2010 FITC Amsterdam
- 2. Me 大塚 雅和 Masakazu Ohtsuka (mash) Twitter: @maaash Software Engineer @ KAYAC Inc.
- 4. wonderfl is an online service…
- 5. wonderfl is an online service… ・Build a Flash
- 6. wonderfl is an online service… ・Build a Flash ・Free
- 7. wonderfl is an online service… ・Build a Flash ・Free ・Share/Community
- 8. wonderfl is an online service… ・Build a Flash ・Free ・Share/Community ・more
- 9. DEMO
- 10. Question: Everybody here Create Flash?
- 11. For people who haven’t: Start today, It’s easy. You only need to click ONCE to create your 1 st Flash.
- 12. Question: How good are you? Beginner? Middle? Pro? skill
- 13. wonderfl.net Is for ALL of you.
- 14. Beginners say: “I want to do something, But how?”
- 16. There are MANY WORKING Samples 50,000 Feb/2010
- 17. My favorite①: Cool graphics http://wonderfl.net/tag/graphics
- 19. My favorite②: particles http://wonderfl.net/tag/particle
- 21. My favorite③: http://wonderfl.net/tag/3d
- 24. My favorite④: Sound Generation http://wonderfl.net/tag/sound
- 27. My favorite⑤: GAMES http://wonderfl.net/tag/game
- 29. We have working examples for EVERYTHING Flash can do (with Actionscript3)
- 30. Want to do something? READ CODE, THERE’S A LOT
- 31. When learning, Reading < Writing ↓ FORK IT
- 32. FORK DEMO
- 33. Remember when you started your 1st programming language, wasn’t your 1 st step like this: ・Copy&Paste samples ・modify it ・see if it works
- 34. Got a problem? Ask the community! Tag your code “question” ↓ Someone will fork your code and fix it.
- 35. Community features Found GOOD people? Follow them to get notices of their actions: ・write code, fork code ・follow somebody ・add code to favorite
- 36. Community features Found GOOD code? Add to Favorites to stock them
- 37. Study Flash/Actionscript3, The wonderfl way. • watch the code ranking (rss) • watch your following users actions (rss) • find something cool? • read it, fork it and understand • add it to favorites • follow the author in wonderfl • back to 1.
- 38. Beginner ↓ Middle class
- 39. Middle class: “How can I make this done easily?” (looking for a nice library, or samples)
- 40. Question: What libraries do you use? •Tweener? •PV3D? •Box2D?
- 41. Yes, you can use these libraries in wonderfl.net Just import it in the code.
- 42. Supported libraries http://wonderfl.net/libraries Tweener, TweenLite, TweenMax as3corelib, tweensy, BetweenAS3, Progression, Papervision3D, Thread, Frocessing, Stats, Sandy 3D Engine, Alternativa3D, as3ds, Box2D, jiglibflash, swfassist, Flash Camouflage, minimalcomps, Union Reactor, SiON, Stardust, Funnel, Modest Maps, Google Maps, UMap AS3, FeliCa SDK, KitchenSync, QuickBox2D
- 43. Fastest when you want samples http://www.google.com/search? q=papervision3d http://wonderfl.net/search?q=p apervision3d
- 44. The samples: •Just WORK •Complete source code •Easy to modify(Fork) •Download-able •License clear
- 45. Middle class ↓ Pro
- 46. Pro: write nice libraries (share knowledge, get famous!) You want: ・many people to use it? ・beta testers? ・feed back?
- 47. Add the library to wonderfl (send your swc to me!) Tring a new library is EASY For 10,000 over users posting 300+ codes/day
- 48. wonderfl is THE BEST place to share as3 code.
- 49. Pro: write books! Cool idea of actionscriptbible by Roger Braunstein http://wonderfl.net/user/actionscriptbible
- 50. Pro: talk at FITC! I wish if all the samples in the talks were at wonderfl.net so we can play with it easily.
- 51. Everybody: have fun Creating Flash and sharing it is JUST FUN
- 52. Collaborate by FORKing example: Gradius game
- 54. wonderfl is an online service… ・Build a Flash ・Free ・Share/Community ・more
- 56. Sync every edit Code Editor wonderfl Server Code Code Code Viewer Viewer Viewer
- 57. DEMO
- 58. Adding more features in /live soon. •Text Chat •Live coding with your favorite editor
- 60. Thank you. http://wonderfl.net/ Twitter: @maaash Email: [email protected] Questions?