Fitc Amsterdam 2010

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!

Thank you.http://wonderfl.net/

Twitter: @maaashEmail: wonderfl@kayac.com

Questions?