Adobemax2009na
•
0 likes•932 views
wonderfl build flash online, the browser-based Actionscript IDE and community Masakazu (Mash) Ohtsuka
Adobemax2009na
- 1. wonderfl.net Oct 7, 2009 FITC Unconference Room @Adobe MAX L.A.
- 2. Me 大塚 雅和 Masakazu Ohtsuka (mash) Twitter: @maaash Software Engineer @ KAYAC Inc.
- 3. Do you know wonderfl.net?
- 4. You write Actionscript3? Want to get Better?
- 5. wonderfl.net Helps all of you.
- 6. This presentation is about: WHY?
- 8. wonderfl is an online service…
- 9. wonderfl is an online service… ・Build a Flash
- 10. wonderfl is an online service… ・Build a Flash ・Free
- 11. wonderfl is an online service… ・Build a Flash ・Free ・Community
- 12. wonderfl is an online service… ・Build a Flash ・Free ・Community ・more
- 13. Hello, world! DEMO access http://wonderfl.net/
- 15. wonderfl launched @Dec2008 12300 users 40200 codes @Oct 2,2009 code snippets which JUST WORKS
- 16. We have working examples for EVERYTHING Flash can do (with Actionscript3)
- 17. Cool graphics?
- 22. Like GAMES?
- 23. We have working examples for EVERYTHING Flash can do (with Actionscript3)
- 24. Do you have any AS3 keyword that you want to know more about? SEARCH wonderfl http://wonderfl.net/search?q=%s
- 25. If you do Flash and want to get better? READ CODE, THERE’S A LOT Faster to reach what you want than Google.
- 26. But, Writing is better than reading to learn. ↓ FORK IT
- 27. FORK DEMO
- 28. 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
- 29. You got a problem? Got a question about Flash/Actionscript? Tag your code “question” Someone will fork your code and fix it.
- 30. Collaborate by FORKing example: Gradius
- 31. Community features ・follow users to get updates of their actions: ・write code, fork code ・follow somebody ・add code to favorite
- 32. Community features ・add code to favorites to stock them
- 33. Community features ・talk about code
- 34. 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 • follow @wonderfl in twitter • back to 1.
- 35. I said everybody… Just in case you’re already a Actionscript Hero, and don’t have to learn any more, wonderfl.net is worth seeing because…
- 36. maybe you’re writing a nice library and want others to use it? Send your swc file to me and add it to wonderfl, so that 10,000 over users can ‘import’ it to play.
- 37. Library writers want… ・beta testers ・to see example usage ・feed back Use wonderfl, Tring a new library is 1 CLICK For users
- 38. Supported libraries as3corelib tweener TweenLite TweenMax tweensy BetweenAS3 Progression Thread Frocessing Stats Papervision3D Sandy3DEngine Alternativa3D as3ds Box2DFlashAS3 jiglibflash swfassist FlashCamouflage minimalcomps UnionReactor SiON Stardust Funnel
- 39. libraries from Spark Project http://www.libspark.org/ as3corelib tweener TweenLite TweenMax tweensy BetweenAS3 Progression Thread Frocessing Stats Papervision3D Sandy3DEngine Alternativa3D as3ds Box2DFlashAS3 jiglibflash swfassist FlashCamouflage minimalcomps UnionReactor SiON Stardust Funnel
- 40. Or maybe you’re writing a book about Flash?
- 41. Cool idea of actionscriptbible by Roger Braunstein
- 42. Or maybe just remember creating Flash and showing what you’ve created, is fun.
- 43. wonderfl is an online service… ・Build a Flash ・Free ・Community ・more
- 44. Some VERY new and experimental features
- 45. ① physical.wonderfl.net share physical computing experience
- 46. What’s physical computing? Human Mouse, Keyboard Computer
- 47. What’s physical computing? Human more ??? physical interaction Computer
- 48. How do we try it? 1. Get a physical computing toolkit Arduino Gainer 2. Connect sensors 3. Build Controller on wonderfl.net
- 49. DEMO VIDEO
- 50. Thanks to Shigeru Kobayashi’s Team at IAMAS
- 51. Try it
- 53. Actionscript3 coding contest. ・Kings (professionals) give a quiz Kings include Colin Moock! and other star players.
- 54. Actionscript3 coding contest. ・Kings (professionals) give a quiz ・You answer it post a code on wonderfl.net during 1month period
- 55. Actionscript3 coding contest. ・Kings (professionals) give a quiz ・You answer it ・Sponsored by Adobe and more (thanks!)
- 56. Actionscript3 coding contest. ・Kings (professionals) give a quiz ・You answer it ・Sponsored by Adobe and more (thanks!) ・Win and get the prize! (depends on the sponsor)
- 57. Today starts the 4 th round. Go challenge!
- 58. ③ wonderfl API
- 59. HTTP and JSON based API to access resources on wonderfl
- 60. methods supported for now ・GET /user/<username> ・GET /user/<username>/codes ・GET /code/<codeid> ・GET /code/<codeid>/forks
- 61. GET /user/mash?api_key=******* HTTP/1.1 HTTP/1.1 200 ok Connection: close Content-Length: ...snip... Content-Type: application/json; charset=utf-8 Date: ...snip... { "user": { "icon":…snip…, "external_url":"http://maaash.jp/", "name":"mash", "description": ...snip... }, "stat":"ok“ }
- 62. Future(maybe): POST code API to compile?
- 63. ④ Beautifl.net Thanks to clockmaker http://wonderfl.net/user/clockmaker http://clockmaker.jp/
- 65. remember the collaboration DEMO? idea: must be fun to create a game collaboratively
- 66. 1 st Project Infinite Tank Battle
- 67. Flash Creators: ・ create tank appearance ・ create bullet appearance ・ create AI Game players: ・ fight against them
- 69. Thank you. http://wonderfl.net/ Twitter: @maaash Email: [email protected]