2018 ソフトウェア設計及び演習用の班Wiki

enchant.jsを用いてサイコロのアニメーションを表現する。

ランダムで目の数を決定し、その目が出るようなアニメーションを表示する。

すごろく画面モジュールから呼びだされ、目の数をすごろく画面モジュールへ返り値として返す。

サイコロのあらゆる状態の写真をスクリーンショットし、GIMPを用いてそれらを一つの画像にまとめた。この画像のフレームを切り替えることで、サイコロの転がるアニメーションを表現している。

enchant.jsを用いる。window.onload = function(){}の中で変数coreをnew Core()のインスタンスとして定義し、まずはMath.floor(Math.random() * 6) + 1 で１〜６までの乱数を生成する。

その後、乱数によってswich文で6パターンに分岐。６パターンのアニメーションを作る。

例えば　case 1: のとき、

1. core.preloadを用い、１の目が出るサイコロのアニメーションを表現するための画像である、"saikoro-1.png"を読み込む。"saikoro-1.png"には10枚の絵が含まれており、この絵を素早く切り替えることでアニメーションを表現する。
2. core.onload = function(){}の中で変数saikoro1をnew Sprite()のインスタンスとして定義。
3. core.assetsを用いてsaikoro1.imageに"saikoro-1.png"をセット。
4. saikoro1.addEventListener('enterframe', function(){})を用いて、プログラムを読み込むごとに"saikoro-1.png"を１フレームずつずらしていく。
5. core.rootScene.addChild(saikoro1)として要素を追加。
6. breakで抜ける。

これをcase 6:まで作成する。