Web プログラミング

【もりけん塾92記事】JavaScriptですごろくゲームについて考え直す

フロントエンドエンジニアを目指している、まゆ(@Ymayu_it)です。

 

すごろくゲームが全然進んでいないなかで友人からアドバイスを頂きました。

  • もっと簡単なすごろくを考えてみること
  • すごろくで必要なもの

ありがたいアドバイス…

 

できていなかったことを振り返って調べたことを見ていきます。

JavaScriptのすごろくを複雑に考えすぎていた

すごろくといえばサイコロの出た目によってMAPを進み、止まったところでイベント発生するかどうかだと思い作成しました。

 

しかしレベルが高く難しいとのアドバイスいただきました。

 

もっと簡単に。

必要なものはまず何かを考えること。

 

必要なものは、

  • サイコロ
  • pin
  • map

最低限これが必要。

 

それぞれ

  • サイコロはランダムで1~6出るようにすること。
  • pinはサイコロの出た目を足していくこと。
  • mapは0~30にし、0をスタートに30をゴールにすること。

上記のようなものが必要。

 

なので、

  • サイコロはMath.floor(Math.random())*6+1;
  • pinはサイコロに++
  • mapは30でbreak

かなと仮定。

 

中身について書けないのは内容が分からないからなのでJavaScript本を読んでいると必要なところ以外も見てしまって脱線したので必要な箇所を調べて読んでそこから興味をもって理解することに。

 

 

すごろくゲーム

 JavaScript
//すごろくで必要なもの
//①pin:サイコロがでた目を足していく
//②サイコロ:1~6を乱数表示
//③map:0~30表示し、0がスタート、30がゴール
'use strict';
//すごろく1~6ランダム
dice = Math.floor(Math.random() * 6) + 1;
document.getElementById('btn').addEventListener('click'.function() {
})
// while (dice ++i) {
// count++;
// dice = Math.floor(Math.random() * 6) + 1;
// if (pin < 30){
// '<br>';
// }
// }
//コマ
// var sum = 0;
// const pin = dice + n ;
//map

 

これは改めて作成したもの。

(まだ全然だけど。。。)

 

サイコロはランダムで作成し、サイコロボタンをクリックしたら数字がランダムに選ばれるようにすることを考える。。

 

ただこのままだとボタンを押しても数字が表示されない状態なんだよな〜。

 

表示だからconsole.logとかで一度Console画面で確認してみたら良いかな。ちょっとやっていこう。

 

pinの合計数字が30以上でゴールにしたいからbreakで条件。

 

だけどpinの合計部分ができていないからこれを肉付けが必要だから四則演算を使っていく…けどnとか使って30を超えた場合などにしたら良いかな?

 

このあたりが曖昧だから、四則演算をもう一度読んでみよう。

おわりに

何ができていなくて何が不足しているのかはつついていくと少しほんの少しだけど見えてきているかな?

 

前は何がなんだか分からなかったけど。。

 

友人のサイトは終了したので明日続きをしてみる。

フロントエンドエンジニアになって何をしたいのか

フロントエンドエンジニアになって何をしたいのかを考える日にしてみました。

 

ゲームが好きだからJavaScriptでRPGを作ってみたいのと、生年月日を入れたらその人の誕生日のラッキーフードなどテキストで表示したものを作ってみたいなぁ。

 

JavaScriptでRPGだと、たたかう・さくせん・逃げるなどが戦闘時に表示されるからクリックしたらどうかが出ると思うからif文を使うのかな?

 

生年月日を入れたらラッキーフードが表示されるは、前javaとJavaScriptができる友人に聞くとJavaScriptではなくエクセルでもできるって言われたのをJavaScriptで作成したいのだよ。。

 

生年月日を選択してボタンを押すと次のページにいくという動作になるからformから生年月日を選んでボタンをクリックしたら。。ボタンをクリックしたらリンクを飛ばすようになるから番号に振り分けていえば良いのかな。ただ膨大な数になるから12星座とかに最初はして12個分を作成していったほうが応用がきくかな?

すごろくができたら、また考えてみよう。まずはすごろく。

 

 

もりけん塾(@terrace_tech

Thanks:もりけんさん

 

もりけんさんの『武骨日記』へ

 

-Web, プログラミング

© 2020 Mayu_Yamada