フロントエンドTweet前回の話WebGLでいろんな図形と文字の描き方を一通り復習しました。これから本番に近づけたらいいなと。理想はこんな感じです。左のねこはキーボードで操作できる要素、右のブロックは動かぬもの、そして、上のメッセージはcanvasで書いた状態を示す文字です。diary特に追加した、変わった部分の構造はこうなります。}}コードに戻すと、こうなります。hit;};分析してみたら、結構シンプルに見えてきました。これ大丈夫だったら本番いけましょう。宝探しゲームゲームの原型はこんな感じ:モンスターから避けて、宝ゲットして、ドアから出られたら成功です。モンスターとぶつかったらHPが減ります。減りすぎると死んちゃいます。ゲームの状態をplayに切り替える。スプライトをrenderに渡す。ゲームの全てのロジックをここに格納する。`randomInt`まず、ゲーム中のシーンと終わったシーンを分けます。Container();stage.addChild(gameOverScene);そして、一旦gameOverSceneを隠します。false;ゲームシーンまず、簡単な洞窟の背景、ドア、勇者、宝箱を作ります。2;gameScene.addChild(treasure);次はランダム動くモンスターを作ります。gameScene.addChild(blob);}そして次がHPバーです。outerBar;ここに出たDisplayObjectContainerとContainerとParticleContainerの違いははっきりしたいですね。あと、outerの意味もイマイチよく分かりません。わかったらまた補足します。ゲームオーバーシーンゲーム終わったら勝利か失敗かを表示するメッセージを準備します。gameOverScene.addChild(message);これで事前準備終わりました。たいぶ長くなりました。functionの中身を次回に。前回は初回で作ったもののリニューアルです。月別アーカイブリンクはてなブログブログをはじめる週刊はてなブログはてなブログProはてなブログをはじめよう!manmanraiさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。