Embed Size (px)
DESCRIPTION
introduction to wonderfl.net - build flash online -
Citation preview
wonderfl.net
Feb 22, 2010FITC Amsterdam
Me
大塚 雅和Masakazu Ohtsuka (mash)
Twitter: @maaashSoftware Engineer @ KAYAC Inc.
Do you know
wonderfl.net?
Question:
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・Share/Community
wonderflis an online service…・Build a Flash・Free・Share/Community・more
DEMO
Everybody here
Create Flash?
Question:
For people who haven’t:
Start today, It’s easy.You only need to click ONCE to create your 1st Flash.
skill
Beginner?
Middle?Pro?
Question:How good are you?
wonderfl.netIs forALL
of you.
Beginners say:
“I want to do something,
But how?”
Explore wonderflhttp://wonderfl.net/codeshttp://wonderfl.net/tags
There areMANY
WORKINGSamples
50,000 Feb/2010
Cool graphics
http://wonderfl.net/tag/graphics
My favorite①:
http://wonderfl.net/code/b8ec2e7155357ddc65d21eb8b1fa2e94c8363cfc
My favorite①:
particleshttp://wonderfl.net/tag/particle
My favorite②:
http://wonderfl.net/code/6efe4c0d9b5e27e91db92b1175409f31e7005dca
My favorite②:
http://wonderfl.net/tag/3d
My favorite③:
http://wonderfl.net/code/d79cd85845773958620f42cb3e6cb363c2020c73
My favorite③:
http://wonderfl.net/code/3e921a9e3eeedb891c2c09ca7792d77a94e6be7e
My favorite③:
SoundGeneration
http://wonderfl.net/tag/sound
My favorite④:
http://wonderfl.net/code/ce10335ea45949194f7b26b2a7906faf1860037d
My favorite④:
http://wonderfl.net/code/a61ade6375f452e6dbcc873f241652ef0f80bb96
My favorite④:
GAMEShttp://wonderfl.net/tag/game
My favorite⑤:
http://wonderfl.net/code/e3ad9058e4ee2e00d7ff7a40e806e7ed82fdb0ef
My favorite⑤:
We have workingexamples for
EVERYTHINGFlash can do
(with Actionscript3)
Want to do something?
READ CODE,THERE’S A LOT
When learning,
Reading < Writing↓
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
Got a problem?Ask the community!
Tag your code “question”
↓Someone will fork your
code and fix it.
Community features
Found GOOD people?
Follow them
to get notices of their actions: ・write code, fork code ・follow somebody ・add code to favorite
Community features
Found GOOD code?
Add to Favoritesto stock them
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.
Beginner↓
Middle class
Middle class:
“How can I make this
done easily?”(looking for a nice library, or samples)
Question:
What libraries do you use?
•Tweener?•PV3D?•Box2D?
Yes, you can use theselibraries in
wonderfl.netJust import it in the code.
Supported librarieshttp://wonderfl.net/librariesas3corelib, Tweener, TweenLite, TweenMax
tweensy, BetweenAS3, Progression,
Thread, Frocessing, Stats, Papervision3D,
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
Fastestwhen you want
sampleshttp://www.google.com/search?q=papervision3dhttp://wonderfl.net/search?q=papervision3d
The samples:•Just WORK•Complete source code•Easy to modify(Fork)•Download-able•License clear
Middle class↓
Pro
Pro: write nice libraries(share knowledge, get famous!)
You want:
・many people to use it?・beta testers?・feed back?
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
wonderfl is THE BEST
place to share as3 code.
Pro: write books!
Cool idea ofactionscriptbibleby Roger Braunstein
http://wonderfl.net/user/actionscriptbible
Pro: talk at FITC!
I wish if all the samples in the talks were at wonderfl.net so
we can play with it easily.
Everybody: have fun
Creating Flash and sharing it isJUST FUN
Collaborateby FORKing
example: Gradius game
http://wonderfl.net/code/23552f1d7a0805e6a44c812715e89bf6b520e346
http://wonderfl.net/code/6e076415a6d24cbe1c1ce65fb5db5fc9284e9c10
http://wonderfl.net/code/aa66ffdabd0d60b9b0f78bc98d35054860212703
http://wonderfl.net/code/685b39a67b560fd762e25fb805c7cb30780efb78
http://wonderfl.net/code/e40b7ab8221ba0b85632726091fc9211c5f503c4
Collaboration example:
wonderflis an online service…・Build a Flash・Free・Share/Community・more
wonderfl.net/live
Flash LIVE Coding
CodeEditor
wonderflServer
CodeViewer
CodeViewer
CodeViewer
Sync every edit
DEMO
Adding more features in /live soon.•Text Chat•Live coding with your favorite editor
wonderflisn’t it?
that’s it!
