JS と H5 を使用してプッシュボックスゲームを作成する-jsチュートリアル-php.cn

JS と H5 を使用してプッシュボックスゲームを作成する

小云云

リリース： 2018-03-17 16:24:49

オリジナル

2138 人が閲覧しました

プッシュボックスゲームは何年も前に人気のあるゲームです（今でも多くの人がプレイしています）ゲームの目的は非常にシンプルです。つまり、ボックスを押して目的地まですべてのボックスを押します。ゲームは成功します: 単純なロジックに見えますが、実際には非常に困難です。私も他の人の助けを借りて完成させました。ここで、js と html5 を使用してゲームを記述する方法を紹介します (便宜上、人をピンクの丸で置き換えます):

1. 能力要件

JavaScript、HTML キャンバス、基本的なオブジェクト指向のアイデア、および合理的なプログラミングロジック。

2. 書き込み順序

1.pushBox.html ファイル

2.pojo.js ファイル (すべてのオブジェクトの保存に使用)

3.pa整数ファイル (描画ステートメントの作成に使用)

4.game.js ファイル (実行ロジック部分の作成に使用)

5.allLevels.js ファイル (レベルの保存に使用)

*注: これは私の執筆習慣であり、より良い書き方があればコメントしてください

1. 基本を確立します。 PushBox.html ファイル:

内容は非常に単純です。

は、ロジック部分が完了した後に追加されます。 :

<body>
	<canvas id=&#39;can1&#39; width=1536 height=733></canvas>
	<audio id="walk" autoplay></audio>
	<audio id="push" autoplay></audio>
	<audio id="win" autoplay></audio>
</body>

ログイン後にコピー

著者別の最新記事