投稿

追加マップvol.1

イメージ
  東京経済大学大学のおみぬーです。 作成中のゲームでは、計5つのマップになる予定です。今回は追加マップvol.1の紹介です。 今回作成したマップの画像です。 以下がコードです。 var map = [ [8, 8, 8, 8, 8, 8, 8, 8, 8, 7, 7, 8, 8, 8, 8, 8, 8, 8, 8, 8], [8, 8, 8, 8, 8, 8, 8, 8, 8, 7, 7, 8, 8, 8, 8, 8, 8, 8, 8, 8], [8, 8, 9, 9, 9, 9, 9, 9, 9, 9, 9, 9, 9, 9, 9, 9, 9, 9, 8, 8], [8, 8, 9, 8, 8, 9, 9, 8, 8, 9, 9, 8, 8, 9, 9, 8, 8, 9, 8, 8], [8, 8, 9, 8, 8, 9, 9, 8, 8, 9, 9, 8, 8, 9, 9, 8, 8, 9, 8, 8], [8, 8, 9, 8, 8, 9, 9, 8, 8, 9, 9, 8, 8, 9, 9, 8, 8, 9, 8, 8], [8, 8, 9, 8, 8, 9, 9, 8, 8, 9, 9, 8, 8, 9, 9, 8, 8, 9, 8, 8], [8, 8, 9, 8, 8, 9, 9, 8, 8, 9, 9, 8, 8, 9, 9, 8, 8, 9, 8, 8], [8, 8, 9, 9, 9, 9, 9, 9, 9, 9, 9, 9, 9, 9, 9, 9, 9, 9, 8, 8], [8, 8, 8, 8, 8, 8, 8, 8, 8, 8, 8, 8, 8, 8, 8, 8, 8, 8, 8, 8], [8, 8, 8, 8, 8, 8, 8, 8, 8, 8, 8, 8, 8, 8, 8, 8, 8, 8, 8, 8], ]; 8が壁、9が通路、7はクリア前は壁、クリア後に隠し通路が出るように定義しています。 このマップには前回のブログに載せたマップのクリア後に移動できるようになっています。 マップ移動に使ったコードは以下になります。 if (jelly.life == 0 && map[slime.py-1][sl...

卒業研究ブログ開始

イメージ
 東京経済大学大学のおみぬーです。 このブログでは、卒業研究として作成するプログラミングの作成過程を記録していきます。 今回はゼミ内で改造したプログラミングについての記録です。 以下が今回改造したプログラミングのゲーム画面です。 中央下のキャラクターを操作して、中央左のモンスターを倒していくというゲームです。 攻撃をモンスターに3回ヒットさせることで、次のステージへの通路が開かれます。 逆にモンスターに3回ヒットしてしまうとゲームオーバーになります。 夏季休暇中はこのゲームのマップ追加を行っていきます。 参考文献 田中賢一郎『ゲームで学ぶJavaScript 入門』インプレス,2015年 田中賢一郎『ゲームで作りながら楽しく学べる HTML5+CSS+JavaScript』インプレス,2017年 田中賢一郎『ゲームで学ぶJavaScript 入門 増補改訂版~ブラウザゲームづくりでHTML&CSSも身につく!』インプレス,2022年