Embed Size (px)
DESCRIPTION
wonderfl build flash online, the browser-based Actionscript IDE and communityMasakazu (Mash) Ohtsuka
Citation preview
wonderfl.net
Oct 7, 2009FITC Unconference Room
@Adobe MAX L.A.
Me
大塚 雅和Masakazu Ohtsuka (mash)
Twitter: @maaashSoftware Engineer @ KAYAC Inc.
Do you know
wonderfl.net?
You write
Actionscript3?Want to get
Better?
wonderfl.netHelps all of you.
This presentation is about:
WHY?
wonderflis a service…
wonderflis an online service…
wonderflis an online service…・Build a Flash
wonderflis an online service…・Build a Flash・Free
wonderflis an online service…・Build a Flash・Free・Community
wonderflis an online service…・Build a Flash・Free・Community・more
Hello, world!DEMO
accesshttp://wonderfl.net/
Flash can do MORE
wonderfl launched @Dec2008
12300 users40200 codes
@Oct 2,2009
code snippets whichJUST WORKS
We have workingexamples for
EVERYTHINGFlash can do
(with Actionscript3)
Cool graphics?
Moreparticles?
http://wonderfl.net/tag/particle
import: Papervision3DAlternativa3D
Sandy3Dhttp://wonderfl.net/tag/3d
SoundGeneration
http://wonderfl.net/tag/sound
Like GAMES?
We have workingexamples for
EVERYTHINGFlash can do
(with Actionscript3)
Do you have any AS3 keyword that you want to
know more about?
SEARCH wonderflhttp://wonderfl.net/search?q=%s
If you do Flash andwant to get better?
READ CODE,THERE’S A LOT
Faster to reach what you want than Google.
But,
Writingis better than reading to learn.
↓
FORK IT
FORKDEMO
Remember when you started your 1st programming language,wasn’t your 1st step like this:・Copy&Paste samples・modify it・see if it works
You got a problem?Got a question about Flash/Actionscript?
Tag your code “question”
Someone will fork your code and fix it.
Collaborateby FORKing
example: Gradius
Community features
・follow users to get updates of their actions: ・write code, fork code ・follow somebody ・add code to favorite
Community features
・add code to favorites to stock them
Community features
・talk about code
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.
I said everybody…
Just in case you’re alreadya Actionscript Hero,
and don’t have to learn any more,wonderfl.net is worth seeing
because…
maybe you’re writing a nice library and want others to use it?
Send your swc file to meand add it to wonderfl,so that 10,000 over users can ‘import’ it to play.
Library writers want…・beta testers・to see example usage・feed back
Use wonderfl,Tring a new library is 1 CLICKFor users
Supported librariesas3corelib tweener TweenLite TweenMax tweensy BetweenAS3 Progression Thread Frocessing Stats Papervision3D Sandy3DEngine Alternativa3D as3ds Box2DFlashAS3 jiglibflash swfassist FlashCamouflage minimalcomps UnionReactor SiON Stardust Funnel
libraries from Spark Projecthttp://www.libspark.org/as3corelib tweener TweenLite TweenMax tweensy BetweenAS3Progression Thread FrocessingStats Papervision3D Sandy3DEngine Alternativa3D as3ds Box2DFlashAS3 jiglibflash swfassist FlashCamouflage minimalcomps UnionReactor SiONStardust Funnel
Or maybe you’re writing a book about Flash?
Cool idea ofactionscriptbibleby Roger Braunstein
Or maybe just remember creating Flash and showing what you’ve created, is fun.
wonderflis an online service…・Build a Flash・Free・Community・more
Some VERYnew and
experimentalfeatures
①physical.wonderfl.net
share physical computing experience
Mouse,Keyboard
Human
Computer
What’s physical computing?
???
Human
Computer
What’s physical computing?
morephysicalinteraction
How do we try it?1. Get a physical computing toolkit
Arduino Gainer
2. Connect sensors3. Build Controller on wonderfl.net
DEMOVIDEO
Thanks toShigeru
Kobayashi’s Team at IAMAS
Try it
②checkmate.wonderfl.net
Actionscript3 coding contest.
・Kings (professionals) give a quiz Kings include Colin Moock! and other star players.
Actionscript3 coding contest.
・Kings (professionals) give a quiz・You answer it post a code on wonderfl.net during 1month period
Actionscript3 coding contest.
・Kings (professionals) give a quiz・You answer it・Sponsored by Adobe and more (thanks!)
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)
Todaystarts the 4th round.
Go challenge!
③wonderfl API
HTTP and JSON based API to
access resources on wonderfl
methods supported for now・GET /user/<username>・GET /user/<username>/codes・GET /code/<codeid>・GET /code/<codeid>/forks
GET /user/mash?api_key=******* HTTP/1.1
HTTP/1.1 200 okConnection: closeContent-Length: ...snip...Content-Type: application/json; charset=utf-8Date: ...snip...
{"user":{
"icon":…snip…,"external_url":"http://maaash.jp/","name":"mash","description": ...snip...
},"stat":"ok“
}
Future(maybe):POST code API
to compile?
④Beautifl.netThanks to clockmakerhttp://wonderfl.net/user/clockmaker
http://clockmaker.jp/
⑤flash-games.wonderfl.net
remember the collaboration DEMO?
idea: must be fun tocreate a game collaboratively
1st Project
Infinite Tank Battle
Flash Creators:・ create tank appearance・ create bullet appearance・ create AI
Game players:・ fight against them
wonderfl, isn’t it?
