ActionScript3.0ソース投稿サービス「wonderfl」を使ってみよう

【こちらの記事は、約5分程でお読みいただけます。】

皆さん、こんにちは！

突然ですが、「wonderfl(ワンダフル)」というものを、ご存知ですか？？

【面白法人カヤック】により提供されている、
ActionScript3.0のソースコードを投稿する事ができるオンラインサービスです。

オンライン環境とブラウザさえあれば、wonderfl上で
ActionScript3.0を書いて、その場でコンパイルし、実行確認ができます。

通常、ActionScript3.0を作成し、実行するためには、
Flashなど特別な環境を用意しなければなりませんので、
このサービスの場合、とっても楽ですね！

wonderflの特徴を、以下に記します。

●サイト上のエディタにActionScript3.0のコードを記述すると、
その実行結果がサイト上でリアルタイムに表示される。

●作ったコードと作品を投稿して、他のユーザーと共有できる。

　　●人気順、ユーザー別、タグ、コード内検索などの条件で、作品を検索できる。

●ダウンロードして持ち帰ることもできる。

●投稿された作品のコードを読むことができ、その場でコードを
改造(フォーク)して実行することもできる。

●ウェブブラウザさえあれば誰でも無料で使用できる。

それでは実際にコードを書き込んで、実行確認をしてみましょう！＾＾

http://wonderfl.net/

ブラウザを起動して、上記のアドレスへアクセスして下さい。


トップページから【Build from scratch】をクリックします。

(以降の画像はクリックで拡大します)

wonderflのコードや作品を見たり、ダウンロードしたりするだけならば、
ログインは不要です。

しかし、自分でコードを入力したり、他人のコードを改造(フォーク)したりする場合には、
最初にログインをする必要があります。

wonderflは【OpenID】に対応していますので、【Yahoo!JAPAN】や【mixi】 、
【Google】などのアカウントがあれば、すぐにログインできます。




ログインが完了すると、下記の画面が表示されます。



左のページに、ActionScript3.0のコードを記入すると、
リアルタイムで右側の画面に、プレビューが表示されます。





今回は、ピンクの丸い図形を表示する簡単なサンプルですが、
wonderflでは、ActionScript3.0で頻繁に使われる、
【Papervision3D】【Tweener】などのライブラリも、
特別な設定をすることなく使用できてしまうので、驚きです！
(インポートの設定は必要ですが・・・)




wonderflには、今回紹介した以外にも、色々な使い方ができます。

ActionScript3.0が実際に使われているコードの確認をする事によって、
「こんな事もできるのか！」と、勉強にもなりますし、
どうしても上手く実行できない場合は、質問することもできます。

このようなサイトを上手に利用することにより、情報を集める事が
容易になりますので、皆さんも試してみてください！

何より、タダで実行できるのが良いですね♪＾＾

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

ActionScript3.0を、KENスクールで一から学習していきませんか？？

⇒【「極」Flash ActionScript3.0講座】
キーワードは「徹底的に書く」。
一つずつ確実にものにするために、
現役プログラマー＆Web講師が、
実践でそのまま使えるスクリプトの書き方を
マンツーマンで伝授していきます。

本日の更新者：
パソコンスクール KENスクール Programコース
インストラクター 篠原