release recent posts

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!

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!

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は自動でリンクになります。

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

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!


---


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

是非、ご利用ください。

Flash Editor & Viewer updated

New editor & viewer now available!
Here is a short list of new features

* Displaying only visible buffers. (This is significant especially for viewing & editing long codes.)
* Substituting TextField with Flash Player 10's text rendering engine to deal with multibyte unicode characters.
* Compatible with Flash Player 10.1's IME(Input Method Editor) API. The inline IME is available on Windows machines.
* UI improvements.


--- About the code assistant feature

Now going to talk about the logic of filtering code completion candidates.
This would be helpful to make best use of the code assistant feature.
The following regular expression is used to filter candidates :

(new RegExp('^' + input.split('').join('.*'), 'i')).test(candidate);

If you type 'mvc', MovieClip will listed as candidates.
You can show code completion menu by pressing Ctrl + Space.
Typing Ctrl + Space after ade, addEventListener will be listed in the menu.
Ctrl + n & Ctrl + p is available besides up & down keys to select a candidate from the menu.
(This is not the case for the browsers like IE which do not send these key events to Flash Player.)
Esc key kills the menu.


--- Lists of new UI features

* Double click selects the word.
* Tripple click selects the line.
* Selecting line numbers selects the corresponding range in the text.
* Some key binds (http://github.com/mash/WonderflEditor/blob/master/src/net/wonderfl/editor/manager/EditorHotkeyManager.as#L56)


--- Experimental feature

Not well-tested but still effective.

* Goto the definition. (F4)
* Search word at cursor from buffer. (F3, Shift F3)


--- Source codes

The source codes of WonderflEditor & WonderflViewer are available under GPL license at github.(http://github.com/mash/WonderflEditor)


----------------------


新エディタ&ビューワ使えるようになりました!

新機能についていくつか

* 見えているバッファのみの表示 (特に長いコードでの表示・編集で重要な機能です)
* ユニコードのマルチバイト文字(日本語等)を正しく扱うために、TextFieldをFlash Player 10のテキストレンダリングAPIで置き換えました。
* Flash Player 10.1のIME APIにも対応しました。Windows マシンではインラインのIMEを使うことができます。
* UIの向上

コード補完機能について

ここでは、コード補完の候補を絞り込むロジックについて説明します。コード補完機能を最大限に活用するために役立つかもしれません。
候補の絞り込みは以下のような正規表現が使われています

(new RegExp('^' + 入力.split('').join('.*'), 'i')).test(候補);

例えば、'mvc'と打てば、MovieClipが候補として挙げられます。
Ctrl + Spaceでコード補完のメニューを出すことができます。
adeのあとにCtrl + Spaceと打つと、addEventListener がメニューに挙がります。
メニューから候補を選択するには、上下キー以外にもCtrl + n, Ctrl + pが使えます。
(IEのようなこれらのキーイベントをFlash Playerに送らないようなブラウザでは使えません)
Escでメニューを消すことができます。


新しいUIの機能リスト

* ダブルクリックで単語選択
* トリプルクリックで行選択
* 行番号選択で対応行の選択
* いくつかのキーバインド (http://github.com/mash/WonderflEditor/blob/master/src/net/wonderfl/editor/manager/EditorHotkeyManager.as#L56)

実験的機能

十分にはテストされていないが、使える機能

* 定義へジャンプ (F4)
* カーソル位置にある単語の検索 (F3, Shift F3)

ソースコード

エディタとビューワはgithubにてGPLライセンスのもと入手できます。(http://github.com/mash/WonderflEditor)

いつもwonderflをご利用いただきまして、ありがとうございます。
現在、Flashクリエイター専用の求人情報サイト「wonderfl Flash-Jobs」にて、スカウト機能を開発中です。(7月オープン予定)

スカウトを受ける企業の対象は、世界中のクリエイティブ企業です。

また、スカウト情報は、ご利用可否に関わらず求人企業以外は確認できません。
スカウト情報の内容は、現在精査中ですが、就業条件、スキル情報などを設定、開示していただく形になります。

つきましては、スカウトをご希望されるユーザーのみなさまに、スカウト希望ボタンを、プロフィール編集画面内に設置させていただきましたので、事前にご登録いただけましたら幸いです。

スカウト機能を登録する

KTween added, and Stardust updated

Another tween engine by http://www.kawa.net/ !
see project page: http://code.google.com/p/kawanet/wiki/KTween
It's MIT licensed.

and a benchmark using Tweener[examples], BetweenAS3[examples], and KTween[examples]:


Stardust - AS3 particle engine updated to version: 1.1.148

Enjoy!

share on Facebook and more

Fortunately there are many interesting/fun Flash in wonderfl.net (thank you), waiting for you to share to the world.

Today we added a snippet from addthis.com(thank you too) and some tweak in our html, so you can share wonderfl.net Flash in your favorite social networking service.

In Facebook, you'll see a nice thumbnail too.

fb.png

Please share nice Flash in wonderfl.net !