前の記事から一ヶ月以上経ってしまいました…。
AS3.0が少しだけわかってきたので、FLARToolKitとPapervision3Dをもうちょっとだけがんばってみる。
今までこのブログに載せていたFLARToolKitは、すべてFLARToolKitに備え付けのサンプル、SimpleCube.asをもとにしていて、認識したマーカーと常に同じ座標に3Dオブジェクトが表示されているというものでした。これをもう少しだけ変更して、3Dオブジェクトを常にマーカーと同期させるのではなく、マーカーの座標を利用しながら3Dオブジェクトの動きを変化させることができるようにしたいと思います。
言葉だけではわかりにくいですが、以下のようなことがしたいわけです。Saqoosha.net :: FLARToolKit スタートガイド から）
this._baseNode.addChild(this._cube);
を見ると、cubeが_baseNodeにaddChildされていることがわかります。Read more »
いまさらな感じですが、12月のてら子で発表したFLARToolKitの使ったやつ のソースを公開しました。
xmas_sample_flartoolkit.zip
FLARToolKitの中に入っているサンプルファイルとほとんど同じで、公開するほどのものでもない･･･て感じなのですが、以前解説したFlexBuilderでFLARToolKit動かす記事 が古くなっててあまり参考にならないというのもあり、今回公開したソースファイルを動かすまでの手順を書いておきます。FLARToolKit備えつけのサンプルファイルも同じ手順で動かせます。
必要なライブラリのダウンロード ・FLARToolkit （TortoiseSVNなどでダウンロード）
・Papervison3D
・Tweener
FLARToolkitとPapervison3Dは必須です。Tweenerは、FLARToolKit備えつけのサンプルファイルでは必要ないですが、今回動かすソースで使っているのでダウンロードしてください。
Read more »
Papervison3Dでアニメーション付きの3Dファイルを読み込む場合は、Collada形式（拡張子.dae）のファイルを使用するのですが、BlenderからPapervision3Dで使えるdaeファイルを書き出すのが、ちょっといやかなりやっかいで、この工程が作業の中で一番のポイントとなります。私もうまくいくまでほんと何度も失敗しました。・Blenderの最新安定版（12月18日現在2.48a）をインストールすること ・Python2.5.2（←最新版ではないので注意）をインストールすること
注意 ：BlenderもPapervision3Dもしょっちゅうバージョンアップされるので1～2ヶ月も経てば最適な環境は変わってくると思います。気が付いた時点で追記していくつもりですが、新しいバージョンが出てる場合はそちらを試してください。
それでは以下から順を追って説明していきます。Read more »
Web Designing 12月号 、連載「ActionScriptライブラリ」のTeraClock編で、TeraClock使用例として、他のTeraClockerさん達の作品とともに、ホネホネ・クロック を紹介していただきました。とてもとても嬉しいです。Webサイトにも 載っけていただいてる様子･･･。teraさん、Web Designingさん、ありがとうございます！
さて、そんな素敵ライブラリのTeraClockですが、uranodai さん という方が移植してくださっていて、AS2でも使えます。ただAS2版の使い方が解説されてなく、使ってみたときにちょっととまどったのでメモしておきます。
TeraClock AS2版のダウンロードは以下から。http://www.libspark.org/svn/as2/TeraClock/
使い方 と言っても使い方はAS3版とほとんど同じです。 違うのは1箇所だけ！ TeraClockインスタンスを作成する際に引数としてMovieClipを渡すことです。一番シンプルな書き方は以下のような感じでしょうか。
var clock:TeraClock = new TeraClock(this);
ただTeraClockAS2版は、渡したMovieClipに対してonEnterFrameを使うので、その後this.onEnterFrameを使ってしまうとTeraClockが動かなくなります。なのでthisを渡すよりは、TeraClock専用のMovieClipを作ってそれを渡す方が無難でしょう。
TeraClock AS3版に付いているサンプルコードと同じようなことをAS2版でする場合のスクリプトは以下のようになります。
ACTIONSCRIPT:
import uranodai.utils .TeraClock ;
var mc:MovieClip = this .createEmptyMovieClip ( "mc" , this .getNextHighestDepth ( ) ) ;
var clock:TeraClock = new TeraClock( mc) ;
clock.addEventListener ( TeraClock.SECONDS_CHANGED ,secondsListener) ;
clock.addEventListener ( TeraClock.MINUTES_CHANGED ,minutesListener) ;
clock.addEventListener ( TeraClock.HOURS_CHANGED ,hoursListener) ;
function secondsListener( ) :Void {
trace ( clock.seconds +"秒です。現在：" +clock.hours +":" +clock.minutes +":" +clock.seconds +" です。" ) ;
}
function minutesListener( ) :Void {
trace ( clock.minutes +"分になったよ。" ) ;
}
function hoursListener( ) :Void {
trace ( clock.hours +"時になったよ。" ) ;
}
上記のスクリプトを、Flashファイルのフレームにコピペしてください。
trick7.com - Flashで時計作る時に - 「TeraClock」ライブラリ作りました
AS3 版と同じでアナログ時計も作れるよ AS2でもEventDispatcherというのを使えば、AS3と全く同じようにイベントリスナーが使えるんですね。本当に良く出来てます！その他AS3版に付いているアナログ時計の機能なども、まるコピーするだけで使えるようになります。こっそりコミットしておいた ので、アナログ時計を作りたい方は使ってみてください。（こんなのコミットしてもいいのだろうか。。。）
trick7.com - TeraClock でアナログ時計も簡単に作れます
前回の記事 のコメントでFlashのExtension「swap symbols in the same layer 」のエラーの原因（ライブラリのフォルダの中にあるシンボルを置き換え先として指定するとエラーが出る）を教えてもらったので、もしかしたら自分で直せるかなと思い、調べてみたら本当に簡単に直せたのでメモとして残しておきます。
C:\Documents and Settings\ユーザー\Local Settings\Application Data\Adobe\Flash CS3\ja\Configuration\Commands
または
C:\Documents and Settings\ユーザー\Local Settings\Application Data\Macromedia\Flash 8\ja\Configuration\Commands
のような場所にあります。
※フォルダオプションで「すべてのファイルとフォルダを表示する」にしておかないと見つかりません。
※場所が良くわからない場合は「swap symbols in the same layer.jsfl」をDocuments and Settingsとかから検索すればOK。
104行目を以下のように変更します。
JAVASCRIPT:
doc.swapElement ( libItem[ 0 ] .name ) ;
↓
JAVASCRIPT:
doc.swapElement ( libItem.name ) ;
http://livedocs.adobe.com/flash/9.0_jp/main/flash_cs3_extending.pdf
[ 参考ブログ ] JSFLとJSF - FICC LABS Tanablog: MXP ファイルの作り方
