今回のお題では、次のようなJavaScriptコードを書いた。情報オブジェクト（data）のimagesプロパティには、スプライトシートのパス（file）ひとつを配列に納めて与えた。framesプロパティには、Objectインスタンスで幅と高さ、および基準点の座標を定めた。 {width:幅, height:高さ, regX:水平基準点, regY:垂直基準点} animationsプロパティの中身については、この後説明する。こうして設定した情報オブジェクトがSpriteSheet()コンストラクタに渡され、できあがったSpriteSheetオブジェクト（mySpriteSheet）は、さらにBitmapAnimation()コンストラクタの引数にして、BitmapAnimationオブジェクト（mySprite）がつくられている。 var data = {}; data.images =
概要 高度なアニメーションパス(Advanced animation path)作成 ・アニメーションのためにJavaScriptトゥイーンエンジンtweenjsを使用 依存ライブラリ ・tweenjs tween.jsとは？ ・CreateJSに含まれるJavaScriptトゥイーンライブラリ 基本的な仕組み ・アニメーションループ ・requestAnimationFrameで、tweenjsのupdateメソッドを定期的に呼出 //アニメーションのloop実行定義 animate = function(){ requestAnimationFrame(animate) TWEEN.update() } //アニメーションループ開始 animate() Link 動作確認 ・デモ 公開ページ ・Advanced animation path
運営元のロゴ Copyright © 2007-2024 All Rights Reserved by Gijutsu-Hyoron Co., Ltd. ページ内容の全部あるいは一部を無断で利用することを禁止します。個別にライセンスが設定されている記事等はそのライセンスに従います。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く