release recent posts

Top page renewal release !

wonderflユーザーのみなさまへ

wonderflをご利用いただきまして、ありがとうございます。
wonderfl運営事務局です。

本日、wonderflのトップページをリニューアルいたしました。

リニューアルの目的は、現在、wonderflは日本から6割、海外から4割のアクセスがあり、
実際の投稿も国内外のFlashクリエイターからActionScriptを投稿いただいております。

そんなwonderflのトップページをActionScriptのショーケースとして、
ご覧いただきたく「Hot Code」「Daily Code Ranking」「Daily User Ranking」を強く打ち出し、
その日もっとも話題のActionscriptやFlashクリエイターを紹介できればと思い、
今回、リニューアルさせていただきました。
本日は、トップページのリニューアル紹介でしたが、
引き続き、その他のページもより使いやすいサービスになるよう
運営していければと思っております。

今後ともwonderflをどうぞよろしくお願いいたします。

wonderfl運営事務局 一同

---

Hi!
Today we released our new top page: http://wonderfl.net/

We'll continue to refine other pages also!

try QuickBox2D and KitchenSync

added 2 nice libraries !

try QuickBox2D, simplified Box2D version 1.1
a library by @ActionSnippet, MIT License.
see: http://actionsnippet.com/?page_id=1391

sample:


and try KitchenSync, ActionScript3.0 library for sequencing animations and other time-based actions
a library by Mims H. Wright, MIT License.
see: http://kitchensynclib.googlecode.com/

sample:


try Wanco!

try Wanco in wonderfl!
Wanco is a dog character created by KAYAC Inc. ( which also runs wonderfl.net )

you can simply add this character into your swf by writing:

import net.wonderfl.widget.Wanco;
addChild( new Wanco );

see what Wanco can do: Wanco Interfaces Test

Enjoy!

try UMap AS3!

added support for UMap AS3, another Mapping library for Flash!

see example:
* UMap AS3 test

so, with support for Modest Maps and Google Maps API for Flash, is this all for Flash Mapping libraries?!

enjoy!


Thanks to AFComponents/UMap guys!
UMap usage in wonderfl is limited to personal usage, ask AFComponents for commercial license.

Modest Maps and Google Maps API for Flash

added support for Modest Maps and Google Maps API for Flash!

see examples:
* Modest Maps
* Google Maps API for Flash

enjoy!

Alternativa3D, Progression update and WonderflEditor

Alternativa3D is now version 5.6.0 !
Progression is now version 4 !

and the code editor in wonderfl is swf, and also opensource at Spark Project.
http://www.libspark.org/svn/as3/WonderflEditor/

WonderflEditor has few features for now..
* keywords hilighter
* follow resize event

But it's Actionscript3 and you guys are good at it!
Feel free to create a branch in the subversion repository,
contact us if you've added something cool,
we'll deploy it to wonderfl.net so that everybody can use the feature.

---

WonderflEditorのコードはSpark Projectで公開されています。
http://www.libspark.org/svn/as3/WonderflEditor/

現在は
* キーワードのカラーリング
* リサイズ対応
といった機能しかありませんが、SparkProjectで自由にbranchをつくって開発に参加してください!
もし素敵な機能ができたらお知らせいただければwonderfl.netに反映してみんなが使えるようにいたします。

stardust particle library is in

library updates and checkmate vol.3!

library updated today
* SION sound library
 version: 0.5.6 to 0.5.7
 see: http://www.libspark.org/wiki/keim/SiON_e

* UNION multiuser application platform
 version: alpha3 to alpha4
 see release notes at: http://www.unionplatform.com/?page_id=729


And checkmate event vol.3 has started!
see http://checkmate.wonderfl.net/

fullscreen, uploading an image, and beautifl

Hi, I'll introduce 2 new features in wonderfl, and 1 cool fan site of wonderfl

  • fullscreen mode

    There's a button at bottom-right of the generated swf:

    click on it and see the swf fullscreen. It's not like youtube, fullscreen is inside your browser area 100%, so you can get user interactions.

  • upload an image and load it in your swf

    There's a text link +more where you edit code-title and tags, click on it and upload images. You can use those uploaded images from your code like this: upload image and load it

  • a cool new fan site of wonderfl

    http://beautifl.net/ nice gallery of codes from wonderfl, run by clockmaker THANKS!

SiON sound library is in.

Hi, another new library for you.

SiON, a sound library featuring...

  • PSG, FM, WaveTable?, PCM and pyhisical modeling sound module emulations
  • MML (Music Macro Language) compiler and sequencer
  • Sound effectors
see: SiON example

write:

public var driver:SiONDriver = new SiONDriver();
driver.play("t100 l8 [ccggaag4 ffeeddc4 | [ggffeed4]2 ]2");

and you'll hear the MML sound!

Enjoy!

thanks to keim_at_Si

added some libraries, and checkmate vol.2 started!

wow, it's been a while to write here.

I've added some libraries for you to use inside wonderfl.

FlashCamo, a graphics framework for skin layout from pngs, jpgs or gifs.

http://code.google.com/p/flash-camouflage/

a demo: Camo Expanding Containers Demo

Features: - Using CSS to configure properties on a class instance - Camo's BoxModel - Simple masking of the BoxModel - Loading in and displaying images in a CamoDisplay - Animating a CamoDisplay to slide open - A simple way of tweening objects on each side like an accordion.

Minimal ActionScript 3.0 code only UI components

http://code.google.com/p/minimalcomps/

minimalcomps example

Union Platform, a development platform for creating multiuser applications

http://unionplatform.com/

see and challenge Colin Moock! http://checkmate.wonderfl.net/colin.html

CHECKMATE event

We just released our officially 1st event: CHECKMATE

It's a chess-like quiz solving Flash contest.
CHECKMATE the kings, master of actionscript with your knowledge and hacks.

Our 1st presenter is Takayuki Fukatsu aka fladdict,
who gave a presentation about moving many particles in FITC Toronto.

Challenge!

How many people are currently creating Flash?

wonderfl build flash online by you.
see how many people are writing code using wonderfl build flash online.

update in code license

I got some feedback after the code license feature released, thank you,
and changed it a little bit today.

When you fork other users code, the license of the new code will be the forked-parent-code's license.
You can't change your code's license after fork.
We think it's important not to violate somebody's license easily, than have convenience of changing license easily.


コードのライセンスに関する変更後、フィードバックをいただきました。ありがとうございます。先ほどさらに少々変更を行いました。

他のユーザーのコードをforkした場合、コードのライセンスはfork元のライセンスになります。
fork後にライセンスを変更することはできません。
容易にライセンスを変更できることによる利便性より、簡単にライセンス違反を起こしてしまう問題を重く考えるためです。

よろしくお願いいたします。

Fastest Actionscript/Flex Search

I was playing with Flex document today, and inspired by CPAN Fastest Search by ma.la.
and made this.

Fastest Actionscript/Flex Search

A MUST for firefox users.

type: "fl.d.g.b" and see what happens.

Features:
- up/down key to move, Enter to open, mouseclick to open
-- opens wonderfl search by default ( Enter key, mouse click )
-- Ctrl+L jumps to livedocs
-- Ctrl+W jumps to wonderfl
-- click on "open in wonderfl livedocs" to select destination
- input regexp as string to search
-- ex: input \d\d to search for numbers in package/class/keywords
- type less
-- ex: input f.d.g.b to get to flash.display.Graphics.beginBitmapFill
- uncheck checkbox to restrict results


------


Flex documentと今日戯れていたら、CPAN最速検索[記事][本体]にinspireされて、つくっちゃいました。


Fastest Actionscript/Flex Search


- 上下で選択、エンターで開く、マウスクリックでも開く
-- 開くのは、デフォルトでwonderfl検索(エンターキー、マウスクリック)
-- Ctrl+L でlivedocsへ飛ぶ
-- Ctrl+W でwonderfl検索へ飛ぶ
-- "open in wonderfl livedocs" をクリックすれば飛び先を選べる
- 正規表現がおかしくなければ、そのまま使えます。
-- 例えば \d\d で数字が入っているキーワードが検索されます。
- 全部タイプしなくてもOK。
-- 例: f.d.g.b → flash.display.Graphics.beginBitmapFill
- チェックボックスのチェックを外して検索結果を限定


ma.laさんありがとうございます。

code license

I added a place in the code page to show the license for your code.

All existing code license are set to "All rights reserved" by default, because I think not mentioning about the license means "All rights reserved".
Of course you're free to change it.

The license for your future code is set to "MIT License" by default, because I think the majority of wonderfl community believes in open source.
Change it from your account page.

For further information, see: About license

I'm not a license professional, if you have any suggestions, please contact me.

capture image fixed

We were seeing blank white or black captures often for a while,
the reason was that wonderfl is using an external web-site capture service,
and it only supports Flash Player 9!

They say that FP10 for linux is not stable sometimes, and that might be true, so I came up with an idea, "why not we generate the capture by ourselves?".


From today, ( by the way it's my birthday :-) )
I'm inserting a small piece of code into your code, for you to take captures.
Code insert is done serverside, automatically, so you don't have to do anything.

little more information here.
About capture images

BetweenAS3, jiglibflash and more

Did you see our presentation at FITC Toronto?

In Cool Japanese Flash Side B,
Yoshihiro (BeInteractive!) Shindoh introduced(link to slides) Spark project and his new tweening library, BetweenAS3.
He said it's the fastest tween library ever, let's see...

Now try it on wonderfl build flash online!

sample: BetweenAS3 sample

A performance comparison will be soon posted by the author :-)
BetweenAS3 is released under MIT license.

And another cool library, jiglibflash is in.
sample: jiglibflash sample
jiglibflash is released under MIT license.


And some updates to other libraries.
Frocessing, ver0.5.6
Stats, ver2.1
Papervision3D, ver 2.0.883

code diff-rows-count


Diff rows count released.

If your code is forked by others, you'll see a number after "diff" like this:

diff(138)

which means the count of different rows between your code and your forked-parent code.

Flash,Actionscript Q&A

Flash,Actionscriptに関する質問&回答(Q&A)機能ができました!

Flash,Actionscriptを使ってこういうことを実現したいんだけれど、実現方法がわからない場合がありますよね。
そんな時には、まるっと全部教えてもらうのではなく、自分のできるところまでコードを書いてみて、できないところを誰かに補足してもらうと、身につきやすいです。
wonderflを使うことで、それが可能です。

wonderflを使って、以下のように簡単にFlash,Actionscriptに関する質問を投稿し、回答することができます。

質問方法: question タグをつけてコードを書き、コードのタイトルとコメントに質問内容を書く
→ 詳しくは 質問&回答(Q&A)機能の質問方法について

回答方法: 質問となるコードをforkしてコードを修正する
→ 詳しくは 質問&回答(Q&A)機能の回答方法について

質問の終了方法: question タグを question-closed タグに変更
→ 詳しくは 質問&回答(Q&A)機能の質問の終了方法について

※質問&回答でなくても、forkを通してコードを集めることを手段とする、お題やテーマ、コンテストのような使い方でもokです。
※例えば、このテンプレを使って140文字以内でcoolなFlashをつくれ?!、というような質問もok。





Flash,Actionscript Q&A feature released!

When you have something you want to do with Flash and Actionscript but you don't know the way to code it,
it's better not to ask for everything, but you'd better go as far as you can and at last, ask somebody for only the rest.
You can do this with wonderfl.

Use wonderfl, to ask questions about your code, and answer others questions.

How to ask: write code, explain your question in the title and comments, and tag it "question"
-> more info about: How to 'ask a question' in Q&A feature

How to answer: fork the question code and modify it
-> more info about: How to answer a question in Q&A feature

How to close question: change "question" tag into "question-closed"
-> more info about: How to close a question in Q&A feature

* It doesn't have to be exactly a Question and Answer, can be a Topic or a Contest which uses wonderfl's fork feature to gather codes.
* for example: "Use this template and write something cool with less than 140 characters!"



see http://wonderfl.kayac.com/qa