初心者の方でも楽しくゲームの作り方やプログラミングを学べる情報を発信中!

enchant.js

ゲームを作成しながらプログラミング勉強!enchant.js講座 #6

前回は”配列”と”繰り返し”を使って、敵キャラを複数表示させるプログラムを作りました。

しかし、敵キャラの位置が規則正しく並んでしまっていたので、ゲームっぽくランダムに出現させる”乱数”というテクニックを紹介します!

 

前回の記事

 

乱数を使って白クマをランダムに表示させる

前回は以下の書き方で配列と繰り返しを使って、白クマを出現させました。

 

しかし、上のような書き方だと、クマがずらっと並んでしまうので、x座標y座標のセットを以下のように書き換えます。

 

実行すると以下のような結果になります。

(白クマの位置は毎回ランダム)

 

Math.random()という乱数を生成する命令を使っています。

これは、0以上1未満の間のランダムな数値を返すというものです。

ある時は0.3という数値になったり、ある時は0.8という数値になったりという感じです。

アスタリスクは掛け算という意味ですが、後ろに続く320という数値は、画面の幅や高さの値です。

例えば、乱数が0.3の時は、320*0.3=96となったり、乱数が0.8の時は、320*0.8=256となったりします。

つまり、ある時はx=96となったり、x=256となったり変化する為、白クマがバラバラな位置にセットされることになります。

 

白クマが画面上から出現するようにする

白クマが画面のどこかにランダムで配置されるようになりました。

次に、白クマが画面上からランダムに降ってくるように改造してみます。

以下のように修正して下さい。

 

enemies[i].yの値を-350するように修正しました。

マイナスする値は何でも良いですが、画面の高さが320なので、320以上マイナスにしておくと全ての白クマが画面より上に配置されることになります。

ランダムに出現するようになったことで、ゲーム性が出てきましたね!

 

完成コード

完成コードを用意したので、参考にして下さい!

 

スポンサーリンク
シェアする

関連記事

ゲームを作成しながらプログラミング勉強!enchant.js講座 #1

こんにちは! 今回はenchant.jsというゲームエンジンを使ってゲームを作成しながらプログラミングにチャレンジしたいと思います!     enchant.jsとは enchan …

ゲームを作成しながらプログラミング勉強!enchant.js講座 #2

こんにちは! 前回はcode.9leap.netのアカウント取得から、くまを表示させるところまで作りました。   今回はクリックした場所へくまを移動させるプログラムにチャレンジしたいと思いま …

ゲームを作成しながらプログラミング勉強!enchant.js講座 #3

前回はクリックした場所へくまを移動させるプログラムを作りました。 今回は敵キャラを画面上に表示させるプログラムを作ろうと思います。   前回の記事   敵キャラ”しろく …

ゲームを作成しながらプログラミング勉強!enchant.js講座 #7

前回は”乱数”を使って、敵キャラをランダムに出現させるプログラムを作りました。 今回は、いよいよ敵キャラと自分のクマがぶつかった時の処理を作っていきたいと思います。 &nbsp …

ゲームを作成しながらプログラミング勉強!enchant.js講座 #4

前回は敵キャラを画面上に表示させるプログラムを作りました。 今回は敵キャラを自動的に下に移動してくるプログラムを作ろうと思います。   前回の記事   敵キャラ”しろく …

プロフィール

坂井 秀教(@norio198603)です!

2018年2月に一般社団法人ドットテックを設立し、フリーランスのエンジニア・デザイナーが活動を継続できるよう、学び合い助け合えるコミュニティを構築・運営中しております。

ゲーム作りやプログラミングの楽しさを知ってもらいたいと思い、本サイトを立ち上げました。 本サイトが、気軽に楽しく、ゲーム作り・プログラミングに取り組む支えになれば幸いです!

カテゴリー

お勧め動画教材
アクションゲームをまるごと作って体験できる!Unityゲーム制作ハンズオン 作って覚えるアンリアルエンジン【Unreal Engine 4】~ダンジョンゲーム編~ 【超初心者向け】Blenderでキャラクターをモデリングしてアンリアルエンジンで動かす講座【ハンズオン】

最新の記事

Unityで使えるゲーム素材