Fitc Amsterdam 2010
-
Upload
masakazu-ohtsuka -
Category
Technology
-
view
2.150 -
download
0
description
Transcript of Fitc Amsterdam 2010
![Page 1: Fitc Amsterdam 2010](https://reader031.fdocuments.net/reader031/viewer/2022020306/5592b55e1a28ab830d8b46f3/html5/thumbnails/1.jpg)
wonderfl.net
Feb 22, 2010FITC Amsterdam
![Page 2: Fitc Amsterdam 2010](https://reader031.fdocuments.net/reader031/viewer/2022020306/5592b55e1a28ab830d8b46f3/html5/thumbnails/2.jpg)
Me
大塚 雅和Masakazu Ohtsuka (mash)
Twitter: @maaashSoftware Engineer @ KAYAC Inc.
![Page 3: Fitc Amsterdam 2010](https://reader031.fdocuments.net/reader031/viewer/2022020306/5592b55e1a28ab830d8b46f3/html5/thumbnails/3.jpg)
Do you know
wonderfl.net?
Question:
![Page 4: Fitc Amsterdam 2010](https://reader031.fdocuments.net/reader031/viewer/2022020306/5592b55e1a28ab830d8b46f3/html5/thumbnails/4.jpg)
wonderflis an online service…
![Page 5: Fitc Amsterdam 2010](https://reader031.fdocuments.net/reader031/viewer/2022020306/5592b55e1a28ab830d8b46f3/html5/thumbnails/5.jpg)
wonderflis an online service…・Build a Flash
![Page 6: Fitc Amsterdam 2010](https://reader031.fdocuments.net/reader031/viewer/2022020306/5592b55e1a28ab830d8b46f3/html5/thumbnails/6.jpg)
wonderflis an online service…・Build a Flash・Free
![Page 7: Fitc Amsterdam 2010](https://reader031.fdocuments.net/reader031/viewer/2022020306/5592b55e1a28ab830d8b46f3/html5/thumbnails/7.jpg)
wonderflis an online service…・Build a Flash・Free・Share/Community
![Page 8: Fitc Amsterdam 2010](https://reader031.fdocuments.net/reader031/viewer/2022020306/5592b55e1a28ab830d8b46f3/html5/thumbnails/8.jpg)
wonderflis an online service…・Build a Flash・Free・Share/Community・more
![Page 9: Fitc Amsterdam 2010](https://reader031.fdocuments.net/reader031/viewer/2022020306/5592b55e1a28ab830d8b46f3/html5/thumbnails/9.jpg)
DEMO
![Page 10: Fitc Amsterdam 2010](https://reader031.fdocuments.net/reader031/viewer/2022020306/5592b55e1a28ab830d8b46f3/html5/thumbnails/10.jpg)
Everybody here
Create Flash?
Question:
![Page 11: Fitc Amsterdam 2010](https://reader031.fdocuments.net/reader031/viewer/2022020306/5592b55e1a28ab830d8b46f3/html5/thumbnails/11.jpg)
For people who haven’t:
Start today, It’s easy.You only need to click ONCE to create your 1st Flash.
![Page 12: Fitc Amsterdam 2010](https://reader031.fdocuments.net/reader031/viewer/2022020306/5592b55e1a28ab830d8b46f3/html5/thumbnails/12.jpg)
skill
Beginner?
Middle?Pro?
Question:How good are you?
![Page 13: Fitc Amsterdam 2010](https://reader031.fdocuments.net/reader031/viewer/2022020306/5592b55e1a28ab830d8b46f3/html5/thumbnails/13.jpg)
wonderfl.netIs forALL
of you.
![Page 14: Fitc Amsterdam 2010](https://reader031.fdocuments.net/reader031/viewer/2022020306/5592b55e1a28ab830d8b46f3/html5/thumbnails/14.jpg)
Beginners say:
“I want to do something,
But how?”
![Page 15: Fitc Amsterdam 2010](https://reader031.fdocuments.net/reader031/viewer/2022020306/5592b55e1a28ab830d8b46f3/html5/thumbnails/15.jpg)
Explore wonderflhttp://wonderfl.net/codeshttp://wonderfl.net/tags
![Page 16: Fitc Amsterdam 2010](https://reader031.fdocuments.net/reader031/viewer/2022020306/5592b55e1a28ab830d8b46f3/html5/thumbnails/16.jpg)
There areMANY
WORKINGSamples
50,000 Feb/2010
![Page 17: Fitc Amsterdam 2010](https://reader031.fdocuments.net/reader031/viewer/2022020306/5592b55e1a28ab830d8b46f3/html5/thumbnails/17.jpg)
Cool graphics
http://wonderfl.net/tag/graphics
My favorite①:
![Page 18: Fitc Amsterdam 2010](https://reader031.fdocuments.net/reader031/viewer/2022020306/5592b55e1a28ab830d8b46f3/html5/thumbnails/18.jpg)
http://wonderfl.net/code/b8ec2e7155357ddc65d21eb8b1fa2e94c8363cfc
My favorite①:
![Page 19: Fitc Amsterdam 2010](https://reader031.fdocuments.net/reader031/viewer/2022020306/5592b55e1a28ab830d8b46f3/html5/thumbnails/19.jpg)
particleshttp://wonderfl.net/tag/particle
My favorite②:
![Page 20: Fitc Amsterdam 2010](https://reader031.fdocuments.net/reader031/viewer/2022020306/5592b55e1a28ab830d8b46f3/html5/thumbnails/20.jpg)
http://wonderfl.net/code/6efe4c0d9b5e27e91db92b1175409f31e7005dca
My favorite②:
![Page 21: Fitc Amsterdam 2010](https://reader031.fdocuments.net/reader031/viewer/2022020306/5592b55e1a28ab830d8b46f3/html5/thumbnails/21.jpg)
http://wonderfl.net/tag/3d
My favorite③:
![Page 22: Fitc Amsterdam 2010](https://reader031.fdocuments.net/reader031/viewer/2022020306/5592b55e1a28ab830d8b46f3/html5/thumbnails/22.jpg)
http://wonderfl.net/code/d79cd85845773958620f42cb3e6cb363c2020c73
My favorite③:
![Page 23: Fitc Amsterdam 2010](https://reader031.fdocuments.net/reader031/viewer/2022020306/5592b55e1a28ab830d8b46f3/html5/thumbnails/23.jpg)
http://wonderfl.net/code/3e921a9e3eeedb891c2c09ca7792d77a94e6be7e
My favorite③:
![Page 24: Fitc Amsterdam 2010](https://reader031.fdocuments.net/reader031/viewer/2022020306/5592b55e1a28ab830d8b46f3/html5/thumbnails/24.jpg)
SoundGeneration
http://wonderfl.net/tag/sound
My favorite④:
![Page 25: Fitc Amsterdam 2010](https://reader031.fdocuments.net/reader031/viewer/2022020306/5592b55e1a28ab830d8b46f3/html5/thumbnails/25.jpg)
http://wonderfl.net/code/ce10335ea45949194f7b26b2a7906faf1860037d
My favorite④:
![Page 26: Fitc Amsterdam 2010](https://reader031.fdocuments.net/reader031/viewer/2022020306/5592b55e1a28ab830d8b46f3/html5/thumbnails/26.jpg)
http://wonderfl.net/code/a61ade6375f452e6dbcc873f241652ef0f80bb96
My favorite④:
![Page 27: Fitc Amsterdam 2010](https://reader031.fdocuments.net/reader031/viewer/2022020306/5592b55e1a28ab830d8b46f3/html5/thumbnails/27.jpg)
GAMEShttp://wonderfl.net/tag/game
My favorite⑤:
![Page 28: Fitc Amsterdam 2010](https://reader031.fdocuments.net/reader031/viewer/2022020306/5592b55e1a28ab830d8b46f3/html5/thumbnails/28.jpg)
http://wonderfl.net/code/e3ad9058e4ee2e00d7ff7a40e806e7ed82fdb0ef
My favorite⑤:
![Page 29: Fitc Amsterdam 2010](https://reader031.fdocuments.net/reader031/viewer/2022020306/5592b55e1a28ab830d8b46f3/html5/thumbnails/29.jpg)
We have workingexamples for
EVERYTHINGFlash can do
(with Actionscript3)
![Page 30: Fitc Amsterdam 2010](https://reader031.fdocuments.net/reader031/viewer/2022020306/5592b55e1a28ab830d8b46f3/html5/thumbnails/30.jpg)
Want to do something?
READ CODE,THERE’S A LOT
![Page 31: Fitc Amsterdam 2010](https://reader031.fdocuments.net/reader031/viewer/2022020306/5592b55e1a28ab830d8b46f3/html5/thumbnails/31.jpg)
When learning,
Reading < Writing↓
FORK IT
![Page 32: Fitc Amsterdam 2010](https://reader031.fdocuments.net/reader031/viewer/2022020306/5592b55e1a28ab830d8b46f3/html5/thumbnails/32.jpg)
FORKDEMO
![Page 33: Fitc Amsterdam 2010](https://reader031.fdocuments.net/reader031/viewer/2022020306/5592b55e1a28ab830d8b46f3/html5/thumbnails/33.jpg)
Remember when you started your 1st programming language,wasn’t your 1st step like this:・Copy&Paste samples・modify it・see if it works
![Page 34: Fitc Amsterdam 2010](https://reader031.fdocuments.net/reader031/viewer/2022020306/5592b55e1a28ab830d8b46f3/html5/thumbnails/34.jpg)
Got a problem?Ask the community!
Tag your code “question”
↓Someone will fork your
code and fix it.
![Page 35: Fitc Amsterdam 2010](https://reader031.fdocuments.net/reader031/viewer/2022020306/5592b55e1a28ab830d8b46f3/html5/thumbnails/35.jpg)
Community features
Found GOOD people?
Follow them
to get notices of their actions: ・write code, fork code ・follow somebody ・add code to favorite
![Page 36: Fitc Amsterdam 2010](https://reader031.fdocuments.net/reader031/viewer/2022020306/5592b55e1a28ab830d8b46f3/html5/thumbnails/36.jpg)
Community features
Found GOOD code?
Add to Favoritesto stock them
![Page 37: Fitc Amsterdam 2010](https://reader031.fdocuments.net/reader031/viewer/2022020306/5592b55e1a28ab830d8b46f3/html5/thumbnails/37.jpg)
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.
![Page 38: Fitc Amsterdam 2010](https://reader031.fdocuments.net/reader031/viewer/2022020306/5592b55e1a28ab830d8b46f3/html5/thumbnails/38.jpg)
Beginner↓
Middle class
![Page 39: Fitc Amsterdam 2010](https://reader031.fdocuments.net/reader031/viewer/2022020306/5592b55e1a28ab830d8b46f3/html5/thumbnails/39.jpg)
Middle class:
“How can I make this
done easily?”(looking for a nice library, or samples)
![Page 40: Fitc Amsterdam 2010](https://reader031.fdocuments.net/reader031/viewer/2022020306/5592b55e1a28ab830d8b46f3/html5/thumbnails/40.jpg)
Question:
What libraries do you use?
•Tweener?•PV3D?•Box2D?
![Page 41: Fitc Amsterdam 2010](https://reader031.fdocuments.net/reader031/viewer/2022020306/5592b55e1a28ab830d8b46f3/html5/thumbnails/41.jpg)
Yes, you can use theselibraries in
wonderfl.netJust import it in the code.
![Page 42: Fitc Amsterdam 2010](https://reader031.fdocuments.net/reader031/viewer/2022020306/5592b55e1a28ab830d8b46f3/html5/thumbnails/42.jpg)
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
![Page 43: Fitc Amsterdam 2010](https://reader031.fdocuments.net/reader031/viewer/2022020306/5592b55e1a28ab830d8b46f3/html5/thumbnails/43.jpg)
Fastestwhen you want
sampleshttp://www.google.com/search?q=papervision3dhttp://wonderfl.net/search?q=papervision3d
![Page 44: Fitc Amsterdam 2010](https://reader031.fdocuments.net/reader031/viewer/2022020306/5592b55e1a28ab830d8b46f3/html5/thumbnails/44.jpg)
The samples:•Just WORK•Complete source code•Easy to modify(Fork)•Download-able•License clear
![Page 45: Fitc Amsterdam 2010](https://reader031.fdocuments.net/reader031/viewer/2022020306/5592b55e1a28ab830d8b46f3/html5/thumbnails/45.jpg)
Middle class↓
Pro
![Page 46: Fitc Amsterdam 2010](https://reader031.fdocuments.net/reader031/viewer/2022020306/5592b55e1a28ab830d8b46f3/html5/thumbnails/46.jpg)
Pro: write nice libraries(share knowledge, get famous!)
You want:
・many people to use it?・beta testers?・feed back?
![Page 47: Fitc Amsterdam 2010](https://reader031.fdocuments.net/reader031/viewer/2022020306/5592b55e1a28ab830d8b46f3/html5/thumbnails/47.jpg)
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
![Page 48: Fitc Amsterdam 2010](https://reader031.fdocuments.net/reader031/viewer/2022020306/5592b55e1a28ab830d8b46f3/html5/thumbnails/48.jpg)
wonderfl is THE BEST
place to share as3 code.
![Page 49: Fitc Amsterdam 2010](https://reader031.fdocuments.net/reader031/viewer/2022020306/5592b55e1a28ab830d8b46f3/html5/thumbnails/49.jpg)
Pro: write books!
Cool idea ofactionscriptbibleby Roger Braunstein
http://wonderfl.net/user/actionscriptbible
![Page 50: Fitc Amsterdam 2010](https://reader031.fdocuments.net/reader031/viewer/2022020306/5592b55e1a28ab830d8b46f3/html5/thumbnails/50.jpg)
Pro: talk at FITC!
I wish if all the samples in the talks were at wonderfl.net so
we can play with it easily.
![Page 51: Fitc Amsterdam 2010](https://reader031.fdocuments.net/reader031/viewer/2022020306/5592b55e1a28ab830d8b46f3/html5/thumbnails/51.jpg)
Everybody: have fun
Creating Flash and sharing it isJUST FUN
![Page 52: Fitc Amsterdam 2010](https://reader031.fdocuments.net/reader031/viewer/2022020306/5592b55e1a28ab830d8b46f3/html5/thumbnails/52.jpg)
Collaborateby FORKing
example: Gradius game
![Page 53: Fitc Amsterdam 2010](https://reader031.fdocuments.net/reader031/viewer/2022020306/5592b55e1a28ab830d8b46f3/html5/thumbnails/53.jpg)
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:
![Page 54: Fitc Amsterdam 2010](https://reader031.fdocuments.net/reader031/viewer/2022020306/5592b55e1a28ab830d8b46f3/html5/thumbnails/54.jpg)
wonderflis an online service…・Build a Flash・Free・Share/Community・more
![Page 55: Fitc Amsterdam 2010](https://reader031.fdocuments.net/reader031/viewer/2022020306/5592b55e1a28ab830d8b46f3/html5/thumbnails/55.jpg)
wonderfl.net/live
Flash LIVE Coding
![Page 56: Fitc Amsterdam 2010](https://reader031.fdocuments.net/reader031/viewer/2022020306/5592b55e1a28ab830d8b46f3/html5/thumbnails/56.jpg)
CodeEditor
wonderflServer
CodeViewer
CodeViewer
CodeViewer
Sync every edit
![Page 57: Fitc Amsterdam 2010](https://reader031.fdocuments.net/reader031/viewer/2022020306/5592b55e1a28ab830d8b46f3/html5/thumbnails/57.jpg)
DEMO
![Page 58: Fitc Amsterdam 2010](https://reader031.fdocuments.net/reader031/viewer/2022020306/5592b55e1a28ab830d8b46f3/html5/thumbnails/58.jpg)
Adding more features in /live soon.•Text Chat•Live coding with your favorite editor
![Page 59: Fitc Amsterdam 2010](https://reader031.fdocuments.net/reader031/viewer/2022020306/5592b55e1a28ab830d8b46f3/html5/thumbnails/59.jpg)
wonderflisn’t it?
that’s it!