自己紹介と作成するゲームの説明

初めまして、ひらひさです。
　
趣味はギターとツーリングで、休日はほとんど趣味に費やすか家でダラダラしてます。

プログラミングに興味を持ったきっかけは、小中高とゲームをたくさんやってきた中で、今やっているゲームがどのようにして作られていったのかに興味を持ったからです。
やってきたゲームはポケモンシリーズにモンハンシリーズ、また当時流行っていたゲーム（妖怪ウォッチとか）です。

大学2年生になってからプログラミングに触れました。それまでも情報系の授業でJavaとかPython、CSSとかの名前は知っていたのですが、独学だと重い腰が上がらなかったのでゼミでプログラミングを学ぶことにしました。

ゲームの説明

　今回作るゲームは、ジャンルでいえばローグライクです。
ローグライクとは、ダンジョンに入るたびにマップ、アイテム、敵の数や位置がランダムに決定されるダンジョンをクリアまで導くゲームです。既存のゲームで例えるなら、トルネコの大冒険、風来のシレン、ポケモン不思議のダンジョンが挙げられます。
　少し難しいかもしれませんが、頑張って作っていきたいと思います。

今回は一つのダンジョンを深く深く潜っていくゲームにしたいと考えています。深くなるたびに、敵が強くなり、アイテムが変わり、お邪魔要素を追加したりと、難易度を上げていきたいと考えています。BGMをつけるのもいいかもしれませんね。

 とか言っていますが正直どこまでやれるか不安ではあります。理想の形に近づけるように隙間時間を利用して少しづつ更新していきたいです。

参考文献

田中賢一郎『ゲームで学ぶ JavaScript 入門』インプレス、2015 年
田中賢一郎『ゲームを作りながら楽しく学べる HTML5+CSS+JavaScript』インプレス，2017 年
＠Tatamo . ”もう一度理解する、JavaScriptの配列とコピー” . Qiita . 
        （2024-07-02参照)

akkie.i . 
        "【JacaScript】オブジェクトのディープコピーが標準機能で使えるようになりました"
　　　. Zenn . 2023-04-07 .
         https://zenn.dev/akkie1030/articles/js-structured-clone . （2024-07-02参照)

浅見 尚. "5分でわかる！２点間の距離の公式". TryiT.   
        （2024-10-27参照）
  
"【JavaScript】算術演算 - 四則演算・剰余・累乗と計算の優先順位". ITHACK. 
        （2024-10-27参照）

ポケモン不思議のダンジョン空の探検隊, 開発 (株)ポケモン／(株)チュンソフト
　　　発売 (株)ポケモン, 2009.4.18

コメント

コメントを投稿

このブログの人気の投稿

ランダムにモンスターを出現させる

イメージ
 おひさしぶりです。結構更新が開いてしまいました。すみません でも、更新しない間に少しずつモンスターを発生させるプログラムを作成していました。 今回はモンスターを発生させるプログラムの他、少し改良した部分の解説を行います。 ～今回の内容～ 　初期画面です。犬がいます。階段まで移動します。 　階段の近くまで移動しました。この時、下の犬が移動していることがわかると思います。 　階段を上り、次のマップに移動しました。黒い玉ねぎがいますね。階段の近くまで移動します。 　階段の近くまで移動しました。この時、黒い玉ねぎも同時に移動しています。 ～プログラムの説明～ まず、マップにランダムにアイテムを配置するswitch文に、敵キャラを配置する際のプログラムを追加しました。ここでは276～279行目にあたります。 276行目では敵キャラ「オニオン」をマップ上に表示させるプログラムを書いています。 276行目でグローバル変数Enemy1にモンスターオブジェクトのインスタンスを格納しています。この変数Enemy1がオニオンインスタンスになります。引数x, yはマップを読み込む際にスライムが読み込まれたタイミングでのx, y の値となります。 　例）x座標が3, y座標が5のタイミングでスライムが読み込まれた際にスライムのx, y座標もx=3,y=5となり、マップに表示されます。 　また、flag関数を用いることによって、モンスターが出現しているかどうかの判定を行い、モンスターが出現しなかった場合でもプログラムが正常に動作するようにしています。 次に、モンスターの移動をスムーズにするためのプログラムを作成しました。 391行目以降では、マップ上の値が「1」（何も置いていない床）であるときの移動に関するプログラムを書いています。 393行目のif文では敵が左側を向いているかつ左側に壁がある場合のプログラムです。 　このプログラムは敵が永遠に壁側に進もうとして画面上で停止してるように見えてしまうことを防ぐために作りました。 394～397行目では左側（壁側）以外にランダムに進むようにプログラムを作成しました。 同じように上、下、右方向に壁がある場合にスムーズに移動させるようにプログラムを作成しました。 435行目以降はマップ上の値が「2」（通路）であるときの移動に関するプログラムを...
続きを読む

マップをランダムで生成する

イメージ
 今回はマップをランダムで生成するプログラムを作成します。 ～説明～ 　更新ボタンを押します。 　別のマップが表示されます。また更新ボタンを押します。 　またまた別のマップが表示されます。 ～プログラムの説明～ 　今回のプログラムは、既にあるマップデータからランダムで一つのマップを選択するようなプログラムになっています。本当は完全にランダムで画面上に生成したいとは思うのですが、現在の私の知恵と技術では無理がありました。厳しいって。 173 function mapselect() { 174 stage = Math.floor(Math.random() * map.length); 175 px = Math.floor(Math.random()*map[stage].length); 176 py = Math.floor(Math.random()*map[stage].length); 177 if (map[stage][py][px] == 0 || map[stage][py][px] == 2) { 178 mapselect(); 179 } 180 else { 181 return; 182 } 　上記が、今回作成した主なプログラムになります。 まず、ゲームが始まるとinit関数が発動します。init関数の中身は以下になります。 185 function init() { 186 cv = document.getElementById("field"); 187 gc = cv.getContext("2d"); 188 window.addEventListener("keydown", fieldkeydown); 189 mapselect(); 190 fieldpaint(); 191 } 　189行目に mapselect(); があります。これによって、init関数が発動した際に、関数mapselectを発動するようにしています。 では、mapselect関数の中を見ていきます。 　まず、174行目で6つのマップデータの中からランダム...
続きを読む