スポンサーリンク

monacaでenchant.jsチュートリアルをやってみる(3)

前回は、monaca + enchant.jsで、画面に画像とテキストを表示させるところまでやった。

http://twosquirrel.mints.ne.jp/?p=12479

前回に引き続き、monaca + enchant.jsをやっていく。今回は以下の本のChapter5-03を写経していく。詳細は以下の本へ。

(1)monacaで、新規プロジェクト作成

新規プロジェクトの作成 > No Framework の、「最小限のテンプレート」

> 作りながらgame1 という名前で保存。 > 開く

lib/enchant.js をアップロード、また、img/ の中身もアップロード。
(イメージファイルは、上記本記載のページからダウンロード)

image

index.html

image

(2)main.js

すごく長い、、、一文字ずつ写経していく。最終的に本当に動くのだろうか。。。

image

image image

長いプログラムは、先にコメントを書いてから、埋めていくのが分かりやすいのかもしれないなんて思ってみたり。

image image

image

ふう、なんとか startNow() 関数までは定義して、playerを表示するところまではできた。なぜかplayerは歩いているアニメーションがついている。

おそらく、player.frame = [0, 1]; で、2枚の絵が入れ替わり立ち代わり表示されているのだと思われる。

あとは、ずっと、main.js の書き込みの作業

(3)シーンをタッチ etc

image

先に、コメントを書いておくと、見通しがたつ。

image image

なんだかどうしてもうまくいかない。(scoreが表示されなかった。)ので、ダウンロードしたコードを全コピペしてしまった。

→ 動いた。ううむ。道はほど遠い。

image

スポンサーリンク