wonderflでimportすることにより簡単に使用可能なライブラリの一覧より、トィーン系のライブラリから試してみます。

wonderflでimportすることにより簡単に使用可能なライブラリの一覧
http://wonderfl.net/libraries

には、トィーン系のライブラリが複数用意されてあります。

その中から、TweenLiteを試してみます。TweenLiteの使い方は、公式サイトにてInteractive demoがあるので、簡単に分かります。

TweenLite
http://www.greensock.com/tweenlite/

赤いターゲットマークに人が近づいていくアニメーションをTweenLiteを使ってどのように指定するかが分かります。「Easing Function」のプルダウンを選ぶと、ターゲットへの近づき方を選べます。ゆっくりスピードを落としながら近づくとか、ターゲットを一度通りすぎて戻ってくるとか。その動きの指定方法は、その下の「AS3 code」の箇所にコードとして表示されます。

wonderflでのTweenLite Back.easeInOutの指定をしたファイルが下記のものです。動き出す前に、一度バックしてからターゲットへ移動。ターゲットを行き過ぎてから戻ります。

TweenLite_easing_Back_easeInOut
http://wonderfl.net/c/sIvj

Frocessing「電子アートとビジュアルデザインのためのプログラミング言語ProcessingをActionScriptでの実装したもの」を試してみました。

Processingという電子アートとビジュアルデザインのためのプログラミング言語があります。その内容をActionScript言語で実装したFrocessingというActionScriptライブラリがあります。Flashの環境にてProcessingとほぼ同様の開発ができるので楽しいです。

ProcessingのAS版ライブラリ「Frocessing」
http://blog.alt-scape.com/archives/138

に掲載されていたソースファイルを変更しながら中身を確認してみました。カーソルの位置によってランダムに表示される円の大きさが変化するものです。ソースの中で変えたのは色の指定部分だけです。

カーソルが画面内左にあれば、小さな円

真ん中付近にあれば、中くらいの円

右側にあれば、大きな円

出来上がったものがこれです。
 カーソルの位置によってランダムに表示される円の大きさが変化

参考サイト

Processing
http://www.processing.org/

Frocessing
http://www.libspark.org/wiki/nutsu/Frocessing

Frocessingのことを調べていると、ｗｏｎｄｅｒｆｌ　のサイトに沢山の情報があるのが分かりました。ｗｏｎｄｅｒｆｌ自体は、以前より知っていたのですが、使ったことはありませんでした。ｗｏｎｄｅｒｆｌには、Frocessing以外にも主なＡＳライブラリが既に用意されており、本当にブラウザ上だけでＦｌａｓｈの開発が出来ます。

wonderfl build flash online
http://wonderfl.net/

Ｔｗｉｔｅｒのアカウントでログインできたので、まずは、 ＡＳライブラリを一通りみてみます。それだけでも結構時間がかかりそうです。

wonderflでimportすることにより簡単に使用可能なライブラリの一覧
http://wonderfl.net/libraries

FlashDevelopを使ってみました

FlashDevelopを使ってみました。FlashDevelop とは Flash/ActionScript 用の Windows 向け開発環境(IDE)のことです。オープンソースなので、無料で利用することができます。Flex SDKと共に利用すれば、Adobeの製品を利用することなく、ｓｗｆをコンパイルすることができます。

FlashDevelopを使いたくて始めた訳ではなく、Progression™を利用したくて、その準備で、FlashDevelopが必要になりました。Progression™は、Flashのフレームワークです。Flashサイトをフレームワークの作法に従うことにより、簡単に作成できるようです。Progression™は、Flash CS3があれば、スクリプトを意識することなく開発できるようですが、手元にまだ、Flash CS3はありません。

フレームワークと聞くと試さずにはいられなくなっているので、どうしてもProgression™を使ってみたくなったわけです。FlashDevelopの基本操作からコンパイルまでは出来るようになったのですが、Progression™を利用した開発の検証はこれからです。

FlashDevelop
Progression™