NoImage

この記事は半年以上前の情報なので、古い可能性があります

PV3Dやってみる(7) 【キーボードで動く+Tweener】

2008年02月14日  投稿者:ハセガワ
Flashで驚異の3Dムービーを作れるPapervision3DでMovieAssetMaterialを使ってMCを貼ったCubeをキーボードでぐるぐる回す
ブックマークする:

FlashPlayerをインストールするか、JavaScriptをONにしてください。
■筆者の理解LV

・AS2→AS3.0に移行して数ヶ月。仕事ではまだ一度もAS3は使ってない。
・「クラス」という言葉を聞いても「???]とやっと思わなくなったコーディングレベル。
・Papervision3D 2.0(GreatWhite) です。

▼Tweener(AS3.0)を5分で試した。

TweenerはFlashのアクションスクリプトに主にモーション関係の便利機能を付加する、クラスライブラリ。
ということですが、私はAS2.0の頃から、仕事でもFuseKitを多用していて、ホントはFuseKitを使いたい。
FuseKitは残念ながらAS2.0にしか対応していなかったので(今サイトみたらGOというコミュニティが発足してFuse3版みたいなものを目指して作ってるらしい?)、今回は同じような機能を持ったTweenerを試してみました。

▼Tweenerのインストール 

1.  GoogleCodeからTweener1_26_62_as3.zipをDLして解凍
2. クラス用のフォルダが既にあれば(PV3D用とか)そこに突っ込む。なければ作る。
3. クラスパスを通す。

・FlashCS3の【編集>環境設定>左のカテゴリ「ActionScript」>ActionScript3.0設定】を開く
・【+】を押してさっき突っ込んだフォルダを選択。※既に設定してある場合は必要ありません。

※あとは、フレームなりクラスファイルなりに

import caurina.transitions.*;

と書いておけばokです。

▼キーボードイベントをCubeに設定
stage.addEventListener(KeyboardEvent.KEY_DOWN,key_mov);

「キーボードが押されたら(イベントが起きたら)"key_mov"って関数に書かれていることを実行する」
という意味です。key_movは↓

function key_mov(event:KeyboardEvent):void{
  switch (event.keyCode) {
   case Keyboard.RIGHT:
    Tweener.addTween(matCube, {x:-80,rotationY:"45",scale:1,time:2.0,transition:"easeOutElastic"});
    break;
    case Keyboard.LEFT:
    Tweener.addTween(matCube, {x:80,rotationY:"-45",scale:1,time:2.0,transition:"easeOutElastic"});
    break;
    case Keyboard.UP:
    Tweener.addTween(matCube, {y:80,rotationX:"-90",scale:1,time:2.0,transition:"easeOutElastic"});
    break;
    case Keyboard.DOWN:
    Tweener.addTween(matCube, {y:-80,rotationX:"90",scale:1,time:2.0,transition:"easeOutElastic"});
    break;
   }

汚いソースで申し訳ありません。
switch~caseで押されたキーを判定して処理を振り分けています。

Tweener.addTween(target:Object, tweeningParameters:Object):Void

が基本書式。わかりやすいです。
ターゲットを書いて、順番に配列でプロパティを指定してあげるだけ。

{x:-80,rotationY:"45",scale:1,time:2.0,transition:"easeOutElastic"}
の場合、
・「xを-80、Y軸回転を45度、拡大率は1(同じ大きさ)」を、
・「2秒」で、
・「バネのような動き(easeOutElastic)」
で動かす、ということかと。FuseKitと書き方はほとんど同じです。

▼これからの展望

やっぱりゲームか何か作りたい。
次回からは簡単なゲームでも作っていくつもりです。
既にものすごいサンプルがたくさん公開されているので今更感たっぷりですが、
私と同じような、プログラムが苦手なデザイナー様の参考にでもなれば嬉しいです。

サンプルソース (今回はフレームアクションです)

僕が買った、もしくは買う予定の参考書
ブックマークする
FlaTech+を購読する
  • 全記事を含むRSSfeed
  • このページをブックマーク: