Monster Debugger Added

Added the open source debugger for Adobe Flash, Flex and AIR,
Monster Debugger: http://demonsterdebugger.com/ to our libraries.
It's licensed under the GPL license.

how to use: http://demonsterdebugger.com/tour/quick-start

Enjoy!

Enjoy!

Thanks to Alternativa3D team for the update and notice!

Stardust 1.3.186, cjsignals 1.0.32 library updates

Library updates and new ones!

Stardust - AS3 particle engine
http://code.google.com/p/stardust-particle-engine/

Some code using previous Stardust versions are broken, we're talking with the author if there's something we can do.

cjsignals - ActionScript 3.0 Observer Framework
http://code.google.com/p/cjsignals/

Enjoy the latest and new libraries!

Alternativa3D updated to version: 7.6.0

Enjoy!

Thanks to Alternativa3D team for the update and notice!

miniui and Ukiuki, new libraries

miniui is a minimal ui library.
see project home

and an minimal sample here:-)

miniui sample - wonderfl build flash online


Ukiuki is another Tween library.
Take a look at the documentation: http://www.libspark.org/wiki/Ukiuki/en
and an example:

Ukiuki sample - wonderfl build flash online

enjoy!

Away3D 3.6.0, jiglibFlash r192 library updates

Away3D - Realtime 3D engine for Flash is updated to version: 3.6.0
http://away3d.com/

and jiglibflash - Flash 3D physics engine is updated to revision 192 in google code.
http://code.google.com/p/jiglibflash/

Enjoy the latest libraries!

Library updates and new ones!

Alternativa3D is now 7.5.1
Here's the list of features of Alternativa3D 7.5.1

minimalcomps is version 0.9.6
release notes in the author's blog: MinimalComps 0.9.6

as3swf is updated to the latest on github
read as3swf wiki for details,
and an example for what it can do here:

as3swf test - wonderfl build flash online


bezier, is a new comer, it's a library about:
Bezier and Line classes: intersections and other basic methods
version: r179 on google code

Enjoy!

ps. thanks for the library update and addition requests!!

Flint Particle System, Union Reator Beta1

And more libraries!

Flint Particle System - Actionscript 3 Particle Engine for Flash and Flex
see: http://flintparticles.org/
and http://github.com/richardlord/Flint for the code
and an example here:

Flint Particles 3D example - Fountain - wonderfl build flash online

Union Reactor - a development platform for creating multiuser applications
update to the newest version: 1.0.0.1034 Beta1
see Union Platform
and Union 1.0 Beta 1 Release Notes
Please recompile to connect to tryunion.com, we don't auto-recompile code on library updates ( for now ).

Enjoy!

ASSURF, Progression4, Sion0.6.1, Thread

More libraries!

ASSURF - SURF feature extraction library in ActionScript for the Adobe Flash Platform
see ASSURF for details. MIT License.
Cool example? Somebody? Please!

Progression - less time, more time on creativity
updated to the newest 4.0.22
see progression.jp for details. Progression License.

Thread - ActionScript Thread Library (Soumen)
updated to the newest rev.3371 at libspark
see thread for details. MIT License.

SiON - sound generation, processing and effect library
update to the newest version: 0.6.1
see SiON for details. MIT License.


Enjoy!

more actions to notify you

Looks like more people started "talk"ing and having discussion about code in wonderfl. So we added more notifications when you post a "talk".

When you post a "talk" on code A,
  • you
  • code A's author
  • your followees
  • other people who posted "talk"s on code A
will get a notification in their "related actions" in their user pages.
Recommend you to subscribe to your "related actions" to get notified about all your related activities in wonderfl.

More triggers to get notifications are explained in the help - what's "related actions", "my actions" ?

Enjoy!

---

"talk"でコードについて会話するのが少しずつ普及してきましたね!
今日、"talk"を投稿した際に"related actions"に通知する際の条件を追加しました。

コードAに"talk"を投稿すると、
  • あなた
  • コードAを投稿したユーザー
  • あなたをフォローしているユーザー
  • コードAに他に"talk"を投稿したユーザー
に、"related actions"で通知がいきます。
自分のユーザーページの"related actions"はRSSで購読して、wonderfl内のあなたに関する動きをチェック!

"related actions"に通知を受ける他の条件はヘルプ - related actions, my actionsって?を参照ください

Enjoy!

AS3SWF added and Alternativa3D updated to 7.5

AS3SWF is a MIT licensed low level Actionscript 3 library to parse, create, modify and publish SWF files.

In the following sample, flash.media.Sound object is created by dynamically creating SWF from mp3 binary data with AS3SWF.

AS3SWFはMITライセンスのAS3ライブラリで、SWFのパース、生成、変更、書き出しを低レベルでサポートします。

下のサンプルではflash.media.Soundのオブジェクトをmp3のバイナリからSWFを動的に生成することで作っています。

AS3SWF test - wonderfl build flash online


A flash 3D engine Alternativa3D is updated to 7.5.

フラッシュの3DエンジンAlternativa3Dは7.5へアップグレードされました。

Altanativa3D 7.5 test - wonderfl build flash online

Google Developer Day 2010【jsdo.it】

Google Developer Day 2010 出展作品募集!
「Google APIを使って魅力的なアニメーションバナーをつくってください。」

http://jsdo.it/event/googledeveloperday

この度、9月28日(火)、東京国際フォーラム(サテライト会場を京都で予定)にて開催されるGoogle Developer Dayに、jsdo.itが参加することになりました! Google Developer Day は Google が毎年世界各地で開催している開発者向けイベントです。
Googleが提供するAPIや技術、Googleが協力するオープンテクノロジーをテーマに、セッションが開催されます。

そこで、jsdo.itでは、GoogleAPIを使って制作された作品をみなさまから募り、投稿いただいた作品を、世界中から訪れるGoogle のソフトウェアエンジニアや Google のテクノロジーに精通したパートナー、コミュニティの方々にご覧頂こうと考えております。

みなさまの最新技術を使ったクリエイティブで、世界中のエンジニアをうならせてください。

なお、使用可能なAPIはこちらを参考にしてください。http://code.google.com/intl/ja/apis/ajax/※特設ページにあるお題コードではGoogle Map APIを使用していますが、特にAPIの限定はしていません。

[応募締め切り] 2010年9月27日

more code description

We introduced code description last week, and noticed that having description is good. for many reasons.

For old codes, which are posted before we released the code description feature, we auto extracted comments before package definition as description.

We improved this auto-extraction logic to extract the document class comments which appear before the class definition, in addition to the already implemented package comments.

And, this auto-extraction will run for future codes too, only if you haven't set the description by yourself.
If you write the description by yourself, it'll stay there, but if you leave it blank, description will be auto-extracted from ActionScript3 comments.

So, it will look like this when you leave the description blank:

description.png

comments before the package definition, and the class definition will be shown under your code title.

-----

先週、コードの description 「説明」機能をリリースしました。description機能は好評で、これを今回より強化しました。

description機能のリリース前に投稿されたコードについては、コードのpackage宣言前のコメントを抽出し、descriptionに設定しました。

この自動抽出機能を変更し、package宣言前に加えて、ドキュメントクラスの宣言前のコメントも追加して抽出するようにしました。

さらに、今後新しく投稿されるコードについても、投稿者自身でdescriptionを設定しない限り、この自動抽出を行ないます。
自分でdescriptionを記入した場合には、もちろんそれが保持されます。
description欄を何もうめず、空白にした場合には、上記のようにpackage宣言とドキュメントクラス宣言前のコメントを自動抽出して、descriptionとします。

この画像のように、それがコードのタイトル以下に表示されます。

WonderflUtils and wonderfl API

Not many of you might know, but wonderfl has APIs.
wonderfl API [wonderfl]

And there's an as3 wrapper library for it now.
WonderflUtils [github]

Thanks to bkzen for the contribution.
Go fork it on github and feel free to pull request or give us feedback.

Here's the test code for WonderflUtils
WonderflAPI Test [wonderfl]

Enjoy!

More attractive thumbnails!

Thumbnails can be taken at any time!
The new capture button(camera icon) is placed below the preview SWF next to the reload button.
By pressing the button, thumbnail is captured immediately.

Now that you can take more aesthetic thumbanils to make your codes look more attractive!

capture_button.png


いつでもサムネイル画像が撮れるように!
新しいキャプチャ・ボタン(カメラのアイコン)はプレビューのSWFの下、リロード・ボタンの隣に配置されています。
ボタンを押すと直ちにサムネイルは作成されます。

あなたのコードがもっと魅力的に見えるような綺麗なサムネイルが撮れちゃいますね!

let's write code description

From today, you're able to add a "description" for a code.

You might want to write:


  • some references, what inspired you to write it

  • how to interact with your Flash content

  • the core logic, any explanation about the code

  • any requests for other wonderfl users to fork and modify

  • what you think is cool about the code you wrote

  • .. or anything

HTML tags are not allowed but URLs will be auto-extracted as anchor tags.
We did some comment-parsing-and-extract-what-looks-like-description from past code, so some might already have description, but write it by yourself for future codes.


ScreenShot1.png
ScreenShot2.png
-----


各コードに説明文をつけることができるようになりました。.....φ(・∀・*)

コード編集ページでタイトル、タグを編集するフォームに、説明文を記述するエリアを追加しました。ここで書いた説明文が、コードページのタイトルの下に表示されます。
ぜひ、コードを書くにあたって工夫した点や解説したい内容、操作方法など、今までコードコメントなどに書いていた内容をここに書いてみて下さい。
HTMLタグなどは使用できませんがURLは自動でリンクになります。

これまで投稿されていたコードに関しては自動でコードコメントから抽出しました。
が、基本的には作成者による任意入力となりますので今後投稿するコードではフォームからご自分で入力するようにしてください。

9/17(Fri) wonderfl,jsdo.it Meetup #1

wonderfl_wine_02.png
wonderfl,jsdo.itをつまみにちょいとひっかけませんか?

Flashの話から三面記事の話まで、みなさまと様々なお話をすることを楽しみにしています。
これから月に一回このような会を催していこうと考えております。

サービスへのご意見、ご要望などみなさまの生の声をお聞かせ下さい。

こちらからは、両サイトの運営メンバーが参加予定です。

場所:中目黒界隈(予定)
予算:お一人様4000円位(予定)

是非、ご参加くださいませ。

→参加表明はATND

PushButton Engine Added

Added the open source game engine and framework,
PushButton Engine : http://pushbuttonengine.com/ to our libraries.
It's licensed under the MIT license.

Here is an example.

PushButton Engine demo - wonderfl build flash online

-- added 23/Aug/2010 17:10(JST)

More examples from Ben Garney posted on wonderfl:
you can test it is working by giving the SWF focus and hitting tilde to bring up the console. You can type help to see the list of commands.

PBE Minimal Application - wonderfl build flash online

The console looks like this:

see PushButton Engine forum for more information on trying PushButton Engine on wonderfl

Enjoy!

signin using another OpenID or OAuth

Today, we released a feature which lets you use more than one OpenID or OAuth to signin as a single wonderfl user.

Until yesterday, if you signin using Google, signout, and signin using Twitter, you were a different wonderfl user.

But from today, you can use both Google and Twitter, and of course other authentication services listed up, to signin as the same "you".

If you already have posted codes, have favorites, or followers, all of them will transit to your first wonderfl user.

Visit http://wonderfl.net/account#signin_account and click on any authentication service and continue!

Useful when you're not sure about your brain memory!
Associate all authentication services and forget about which one to click.


---

本日、複数の認証IDとwonderflアカウントを連携する機能をリリースしました。

wonderflはOpenID, OAuthを使ってログインが出来る仕組みになっており、それぞれのサービスでの認証情報が1つのwonderflユーザーアカウントと結びついていました(例えばGoogle OpenIDで認証してログインした場合とTwitter OAuthで認証してログインした場合は別のwonderflアカウントに)。

本日リリースしたアカウント連携機能ではそれら複数の認証IDを1つのwonderflアカウントに紐付けたり、別のwonderflアカウントと統合することができるようになります。

ログインした状態で http://wonderfl.net/account#signin_account にアクセスすると、プロフィール/編集設定の下にアカウント設定があります。
ここから新たに紐付けたいサービスを選択して認証すると、その認証情報でも現在のwonderflアカウントとしてログインできるようになります。

既にその認証IDでwonderflユーザーとして登録されている場合は、確認画面を通してアカウント統合の確認ができます。そのwonderflアカウントでそれまで投稿していたコード、favoriteしていたコード、followしていたユーザーはすべて現在のwonderflアカウントに引き継がれます。

・今までGoogle OpenIDでログインしていたがFacebook OAuthでもログインしたい!
・基本的にTwitter OAuthでログインしたいけど念のためYahoo.com OpenIDでもログインできるようにしておきたい!
・ついGoogle, Yahooそれぞれ使って2つのアカウントを運用していたけど、この際だから1つのアカウントに統一したい!

といった場合に便利かと思います。是非試してみてくださいませ。

LIVE coding Flash with CHAT feature

We added text chat feature in LIVE coding.

Ask questions while coding, chat about what you're going to create, maybe some kind of Flash e-learning?

Click on the LIVE button in the actionscript editor and try!


---


本日、エディター画面に、ライブチャット機能を追加いたしました。
コーディング中に他のユーザーの方に質問をしたり、意見の交換ができるようになります!

是非、ご利用ください。