<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgnKSAkm_j-hdTmGitEY5nPLG_nKo2NhEtHV4abytNlLocL7jff8w1LZnjS8pzgmZtNKZcwFos671mYGVI5PsuesCKx-xUaYH4FUxjFtcIc974PxoYZ25ZTCoVQ_hqg4PM8b94gbf-DllfD3kxezjkIICX1zfuu8ymgE_pnu4XNO3Agh-Y0QgdcHP6XgI/s2148/Screenshot%202023-09-26%20at%2010.52.15.png" style="margin-left: auto; margin-right: auto; text-align: center;"><img border="0" data-original-height="1096" data-original-width="2148" height="327" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgnKSAkm_j-hdTmGitEY5nPLG_nKo2NhEtHV4abytNlLocL7jff8w1LZnjS8pzgmZtNKZcwFos671mYGVI5PsuesCKx-xUaYH4FUxjFtcIc974PxoYZ25ZTCoVQ_hqg4PM8b94gbf-DllfD3kxezjkIICX1zfuu8ymgE_pnu4XNO3Agh-Y0QgdcHP6XgI/w640-h327/Screenshot%202023-09-26%20at%2010.52.15.png" width="640" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">ギルガメサバイバー</td></tr></tbody></table><p>&nbsp;おはこんばんちわ！ギルガメです！</p><p>最近好きなYoutuberがVampire Survivors（ヴァンパイアサバイバーズ）にハマっていてちょっとどういうものか作ってみたくなりました。</p><p><br /></p><p>まだまだベースの部分ですが作ってみました。ヴァンパイアサバイバーズ自体は２Dですが３Dで作ってみました。時間ができたら２Dにしていこうかな。</p><p><br /></p><p>やってみたことは下記になります。</p><p></p><ul style="text-align: left;"><li>プロジェクトの作成</li><li>プレイヤーの作成（プレイヤーの移動スクリプト）</li><li>弾の発射地点</li><li>弾のプレハブ</li><li>敵の作成</li><li>当たり判定の設定</li></ul><div><br /></div><div>コードを共有します。</div><div><script src="https://gist.github.com/yosapps/d037f01b3f0560aede5ee0b7f4e748df.js"></script></div><div><br /></div><div><br /></div><div><br /></div><div>プレイヤーのスクリプトではプレイヤーの移動をWASDや矢印キーで動けるようにして、マウスのカーソルに弾の発射方向を向けるようにします。マウスの左クリックで弾を発射します。</div><div><br /></div><div>敵はプレイヤーのある範囲から生成するようにしています。敵にはプレイヤーに接触した時に与えるダメージとHPを設定して弾が当たっ時にHPが０になった時に破壊します。</div><div><br /></div><div><br /></div><div>下記でシンプルですが遊べます。</div><div><br /></div><div><br /></div><div>ギルガメサバイバーver0.1</div><div><a href="https://www.yosapps.com/games/gilgamesurviver-v0.1">https://www.yosapps.com/games/gilgamesurviver-v0.1</a></div><div><br /></div><div><br /></div><div>次は弾の種類、ミサイルだったり増やしてみようかな。</div><div><br /></div><div><div>最後まで読んでいただきありがとうございます！</div><div>これからもギルガメを応援していただけるよ嬉しいです！</div></div><div><br /></div><div><br /></div><div><br /></div><p></p><p></p>

ヴァンパイアサバイバーズ風ゲーム「ギルガメサバイバー」の開発日記＃１

<p>&nbsp;</p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYiGjzJZFiQtfFzE9_IDERctBwOldl0SBL_DNdzlLep9i5mq_sEQPL2Sv238W5EZFJGEed371ARhNMnBI58unzNpMgWWrzgBUmYVGOG7T39tY7qLPH-0oX0TGGWZ0piEA9WdL3eb0rNnIUFd5CENXjeTaS9vbgpmoZduIcjR-8hmwzhl4I1aKiCju9tq8/s1892/Screenshot%202023-09-21%20at%2016.22.22.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1062" data-original-width="1892" height="360" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYiGjzJZFiQtfFzE9_IDERctBwOldl0SBL_DNdzlLep9i5mq_sEQPL2Sv238W5EZFJGEed371ARhNMnBI58unzNpMgWWrzgBUmYVGOG7T39tY7qLPH-0oX0TGGWZ0piEA9WdL3eb0rNnIUFd5CENXjeTaS9vbgpmoZduIcjR-8hmwzhl4I1aKiCju9tq8/w640-h360/Screenshot%202023-09-21%20at%2016.22.22.png" width="640" /></a></div><br /><p></p><p>おはこんばんちわ！ギルガメです！</p><div>引き続き「ギルガメランナー」の開発を進めていきます！</div><div><br /></div><div>今回は全体的にUIを追加していきました。</div><div><br /></div><div>追加したUIは下記になります。</div><div><ul style="text-align: left;"><li>タイトルUI</li><li>PauseUI</li><li>ステージセレクトUI</li><li>ゲームオーバーUI</li></ul><div><br /></div></div><div>各UIはちょっと適当ですが下記のようにしました。</div><div><br /></div><div><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYiGjzJZFiQtfFzE9_IDERctBwOldl0SBL_DNdzlLep9i5mq_sEQPL2Sv238W5EZFJGEed371ARhNMnBI58unzNpMgWWrzgBUmYVGOG7T39tY7qLPH-0oX0TGGWZ0piEA9WdL3eb0rNnIUFd5CENXjeTaS9vbgpmoZduIcjR-8hmwzhl4I1aKiCju9tq8/s1892/Screenshot%202023-09-21%20at%2016.22.22.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1062" data-original-width="1892" height="360" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYiGjzJZFiQtfFzE9_IDERctBwOldl0SBL_DNdzlLep9i5mq_sEQPL2Sv238W5EZFJGEed371ARhNMnBI58unzNpMgWWrzgBUmYVGOG7T39tY7qLPH-0oX0TGGWZ0piEA9WdL3eb0rNnIUFd5CENXjeTaS9vbgpmoZduIcjR-8hmwzhl4I1aKiCju9tq8/w640-h360/Screenshot%202023-09-21%20at%2016.22.22.png" width="640" /></a><br /></div><div style="text-align: center;">タイトルUI</div><div><br /></div><div><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9265Cq5sjydOKpPo7w82AE5VlTkw_5meyt6W0PIupKmTo99TPk6Xqm9d4zH9LCbfVK7hhBzX2t_2-41uU64rbrTIiv3rv7qOnl_bSWfWolvZ6M1q-NnumBXN_1N6uyESs0MvIoYUxXa3_ltjsmz47lFCl6_JwLNajOzgXLB69GNMtaLPNWtNyeYuaIGY/s1894/Screenshot%202023-09-21%20at%2016.06.53.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1068" data-original-width="1894" height="360" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9265Cq5sjydOKpPo7w82AE5VlTkw_5meyt6W0PIupKmTo99TPk6Xqm9d4zH9LCbfVK7hhBzX2t_2-41uU64rbrTIiv3rv7qOnl_bSWfWolvZ6M1q-NnumBXN_1N6uyESs0MvIoYUxXa3_ltjsmz47lFCl6_JwLNajOzgXLB69GNMtaLPNWtNyeYuaIGY/w640-h360/Screenshot%202023-09-21%20at%2016.06.53.png" width="640" /></a></div><div style="text-align: center;">ステージセレクトUI</div><div><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiK9PisF6Ppbb21nNc_dFlBIF1oifvumAco7l-1aR01pZYZj16p_rN9lgSgEmHAPJLPVVOM27yOiQVS0t17XhMCoQSkKWvkDYvpwJKwp7eTbiCGFUHwnI-tvDXhA7DVRgfyjSoUJv2jIKd9qF_ii9fPZSi4-LCrK7ZosRgp1g_q_v5myzzJnb0gZdiqnmE/s1900/Screenshot%202023-09-21%20at%2016.27.00.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1072" data-original-width="1900" height="362" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiK9PisF6Ppbb21nNc_dFlBIF1oifvumAco7l-1aR01pZYZj16p_rN9lgSgEmHAPJLPVVOM27yOiQVS0t17XhMCoQSkKWvkDYvpwJKwp7eTbiCGFUHwnI-tvDXhA7DVRgfyjSoUJv2jIKd9qF_ii9fPZSi4-LCrK7ZosRgp1g_q_v5myzzJnb0gZdiqnmE/w640-h362/Screenshot%202023-09-21%20at%2016.27.00.png" width="640" /></a></div><div style="text-align: center;">Pause UI</div><div><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi981mrP0OpiPhNLV4_rOpVuKVppriRjJFyC63aSujyFoJbTTbusY3ttLdkkMwColjJbqPZ_oecpswwPsDUVWl_98Pd57OmvQvlkFv2IU4dA9g5KtmavGLEPhUo6QPbOE8MKRHBZ787dAKs7_e7DKuE_JpSWb-lZP-AAR_1O-2Q9k1pnbqPxrcINDZ9_VA/s1896/Screenshot%202023-09-21%20at%2016.28.13.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1070" data-original-width="1896" height="362" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi981mrP0OpiPhNLV4_rOpVuKVppriRjJFyC63aSujyFoJbTTbusY3ttLdkkMwColjJbqPZ_oecpswwPsDUVWl_98Pd57OmvQvlkFv2IU4dA9g5KtmavGLEPhUo6QPbOE8MKRHBZ787dAKs7_e7DKuE_JpSWb-lZP-AAR_1O-2Q9k1pnbqPxrcINDZ9_VA/w640-h362/Screenshot%202023-09-21%20at%2016.28.13.png" width="640" /></a></div><div style="text-align: center;">ゲームオーバーUI</div><div><br /></div><div>上記のUIを追加しました。一気にゲームらしさが出ます。嬉しい・・！！</div><div><br /></div><div>UIの追加で難しいことは特にありませんでした。Sceneの移行を使いやすくするためにスクリプトで追加しています。シンプルなので難しくはありませんが、ステージごとにボタンを画像で表示するとまた雰囲気が変わりそうですが、また後ほどUIを変更していきたいです。</div><div><br /></div><div>またゲーム要素の追加しています。</div><div><ul style="text-align: left;"><li>ステージ２の追加</li><li>敵の追加</li><li>フィールドの追加</li><li>ポイントとタイムの保存と表示</li></ul></div><div>上記の追加しました。</div><div><br /></div><div>ステージ２の追加は、前回のステージで使い回しをできるように作っているので、フィールドのプレハブ、敵のプレハブなどを用意するだけで簡単にステージを作れます。今回はステージセレクトのUIを追加したのでステージも追加しました。雰囲気は夜のエンドレスランと夜のステージなのでゴーストを追加しました。</div><div><br /></div><div>ポイントとタイムの保存と表示は簡単にPlayerPrefsを使って保存しています。</div><div>ステージセレクトUIの追加したのでそちらでステージ毎のタイムとポイントを確認できるようにしました。</div><div><br /></div><div>ぜひ触って見てください！</div><div><br /></div><div>Version 0.4</div><div><a href="https://www.yosapps.com/games/gilgamerunner-v0.4">https://www.yosapps.com/games/gilgamerunner-v0.4</a></div><div><br /></div><div><br /></div><div>次はスコアなどを他のプレイヤーと競えるようにサーバーにスコアなどを保存してランキングパネルを追加してみようかな。</div><div><br /></div><div><div>最後まで読んでいただきありがとうございます！</div><div>これからもギルガメを応援していただけるよ嬉しいです！</div></div>

エンドレスランナー「ギルガメランナー」の開発日記＃４

Unity3DとUnreal Engine 5のどちらが良いか比較

<p>&nbsp;</p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXTT7UvzvC6SGJ5SS9UsA_L0VYR8QDa2S4IV1lnTeIdSUh67YoesvRK_uudO2YiuUFDY5NPmm8cAIWJ2DO4nvCxMKP_qyxbM4iYaWJywLNfnDYaRCrbGaQ6R3AESHG4k83QwVqsU824WXpY62gINu_yzsLAJ8Oyelqmcd-l5QVNOy7C6WFWSyHBd6QHBE/s2058/Screenshot%202023-09-14%20at%2014.55.20.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1182" data-original-width="2058" height="368" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXTT7UvzvC6SGJ5SS9UsA_L0VYR8QDa2S4IV1lnTeIdSUh67YoesvRK_uudO2YiuUFDY5NPmm8cAIWJ2DO4nvCxMKP_qyxbM4iYaWJywLNfnDYaRCrbGaQ6R3AESHG4k83QwVqsU824WXpY62gINu_yzsLAJ8Oyelqmcd-l5QVNOy7C6WFWSyHBd6QHBE/w640-h368/Screenshot%202023-09-14%20at%2014.55.20.png" width="640" /></a></div><br /><p></p><p>おはこんばんちわ！ギルガメです！</p><div>引き続き「ギルガメランナー」の開発を進めていきます！</div><div><br /></div><div><br /></div><div>今回はかなり雰囲気が変わりました！</div><div>やったこと：</div><div><ul style="text-align: left;"><li>プレイヤーのモデルの追加</li><li>プレイヤーの走りとジャンプのアニメーションの追加</li><li>敵のモデルの追加</li><li>敵のidleのアニメーションの追加</li><li>フィールドのモデルと自動生成の修正</li></ul><div>これだけを追加して雰囲気が一気に変わりました！エンドレスランナーっぽくなりました。</div><div>WebGLでExportして試してみたのですが、少しカクツキがあったのでカメラのUpdateをLateUpdateに修正してカクツキが気にならなくなったのでよかったです。</div><div><br /></div><div>プレイヤー、敵とフィールドのモデルはアセットストアで安くなっていた時に買ったもので、個人的に気にっているので使ってみました。</div><div>使ったアセットはこちらになります。</div><div><ul style="text-align: left;"><li>空：AllSky Free - 10 Sky / Skybox Set（無料）</li><li>プレイヤー：1000+ Character Pack（有料）</li><li>フィールド：3D Cartoon Box Map（無料）</li><li>敵：Level 1 Monster Pack（無料）</li></ul></div></div><div><br /></div><div>コードは複雑になってきたので詳細は載せませんが、興味のある方はコメントいただけると共有いたします。</div><div><br /></div><div class="separator" style="clear: both; text-align: center;"><object class="BLOG_video_class" contentid="acdfa3c603aafabe" height="358" id="BLOG_video-acdfa3c603aafabe" width="602"></object></div><br /><div><br /></div><div><br /></div><div>今回の追加で難しかったこと：</div><div><ul style="text-align: left;"><li>プレイヤーのジャンプの修正、今まではOnCollisionEnterで対応していたのですが、たまに地面についていなくても地面判定できてしまい、ジャンプが2回できてしまうバグがったので、こちらをRaycastHitとPhysics.SphereCastコードで地面判定するようにしました。これで二重ジャンプの問題がなくなりました。</li><li>フィールドの自動生成とプレイヤーが通り過ぎた後の破壊の処理、こちらはそこまで難しくなかったのですが、プレイヤーがある程度過ぎたらフィールドを生成するロジックがうまく機能できていなかった（フィールドの生成が早くて先の先の先まで永遠に生成していた）ので、ずっと生成していると重くなる原因になるので頑張りました。</li><li>ステージ毎でモンスターやフィールド、時間でスピードの調整など簡単に設定できるように対応しました。</li></ul><div>今回のバージョンは下記になります。</div></div><div><br /></div><div><br /></div><div><br /></div><div><div><div>Version 0.3</div><div><br /></div><div><a href="https://www.yosapps.com/games/gilgamerunner-v0.3">https://www.yosapps.com/games/gilgamerunner-v0.3</a></div></div><div><br /></div><div><br /></div><div><br /></div><div><div>次はUIでも追加してみます！</div><div><br /></div><div>最後まで読んでいただきありがとうございます！</div><div>これからもギルガメを応援していただけるよ嬉しいです！</div></div></div><div><br /></div>

エンドレスランナー「ギルガメランナー」の開発日記＃３

<p>&nbsp;</p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6Gy_kkhbdRrAwor-r3ktNvHkd15OCnt5gJj005MW--egnrQUNNz1URz-DvyQ-F2tAorXEDTT3dzR9oGupjfuVj9MD31U0XoulzF-CgxR0nO71Z-I7sGOk4oUix_kxnFZ_FXQgqvtX1hjaaShW71n4aLIECMQtOzNtkd1hDD8M807j-XfCItDliZ6uLmc/s1602/Screenshot%202023-09-08%20at%2015.15.04.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1202" data-original-width="1602" height="480" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6Gy_kkhbdRrAwor-r3ktNvHkd15OCnt5gJj005MW--egnrQUNNz1URz-DvyQ-F2tAorXEDTT3dzR9oGupjfuVj9MD31U0XoulzF-CgxR0nO71Z-I7sGOk4oUix_kxnFZ_FXQgqvtX1hjaaShW71n4aLIECMQtOzNtkd1hDD8M807j-XfCItDliZ6uLmc/w640-h480/Screenshot%202023-09-08%20at%2015.15.04.png" width="640" /></a></div><br /><div class="separator" style="clear: both; text-align: center;"><br /></div>おはこんばんちわ！ギルガメです！<div>引き続き「ギルガメランナー」の開発を進めていきます！</div><div><br /></div><div><br /></div><div>今回はもうちょっとエンドレスランナーの要素を追加していきたいので下記を対応してみました。</div><div><ul style="text-align: left;"><li>エンドレスランナー中にアイテムを拾ってポイントを稼ぐ（UIを表示）</li><li>エンドレスのゲームプレイのタイムを測る（UIを表示）</li><li>タイムによってスピードを加速して難易度を上げていく</li></ul><div><br /></div></div><div>対応したコードは下記になります。（ほとんどが追加になります）</div><div><br /></div><div><script src="https://gist.github.com/yosapps/11ea6977aa55c01f3771b85966b1b148.js"></script></div><div><br /></div><div>対応したことを細かく説明していきます。</div><div><br /></div><div><ul style="text-align: left;"><li>ポイントを稼ぐ機能は障害物を生成するスクリプトと同じ機能で生成していきます。ポイント用のプレハブを作成してタグをPointに設定します。プレイヤーが接触した時にタグを確認してポイントのオブジェクトを破壊してスコアを更新します。</li></ul><div><br /></div></div><div><ul style="text-align: left;"><li>エンドレスのゲームプレイのタイムを測る、こちらはシンプルにTime.timeを使って秒数をIntに変換して更新していきます。</li></ul><div><br /></div></div><div><ul style="text-align: left;"><li>UIの表示はTextMesh Proを使っていきます。こちらの方がはっきり表示されるので万能です。デフォルトでは日本語の表示がないのでGoogle Fontsから好きなフォントをダウンロードしてTextMesh Proで対応できるようにFontを生成します。ドットのフォントが好きなのでそちらで進めていきます。</li></ul><div><br /></div></div><div><ul style="text-align: left;"><li>タイムによってスピードを加速して難易度を上げていく、こちらはStageというクラスを作成してSerializableを追加して画面上で時間の経過で難易度を設定しやすくします。</li></ul><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikME-kuj2XqSyXAw4XIFNwSGLuAYWjBtGj8FF6EVpOSJ2YxYPpJnbeI7VSrX4VH0r8xQSMTRKRoKShXYgaXxuZppTIIHrLA4hVkXYRrlcrEMmAKJ1aoIBQPBNCw2ahrhAP7l291-7xb-t2W2EdtSuvnPXZCc_C01sN8CM0DgDh5Kb-tnhx1g_imZO4VvQ/s1076/Screenshot%202023-09-08%20at%2015.32.26.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="786" data-original-width="1076" height="468" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikME-kuj2XqSyXAw4XIFNwSGLuAYWjBtGj8FF6EVpOSJ2YxYPpJnbeI7VSrX4VH0r8xQSMTRKRoKShXYgaXxuZppTIIHrLA4hVkXYRrlcrEMmAKJ1aoIBQPBNCw2ahrhAP7l291-7xb-t2W2EdtSuvnPXZCc_C01sN8CM0DgDh5Kb-tnhx1g_imZO4VvQ/w640-h468/Screenshot%202023-09-08%20at%2015.32.26.png" width="640" /></a></div><br /><div style="text-align: center;">NextStage：タイムがその値を超えると反映される</div></div><div style="text-align: center;">PlayerSpeed：プレイヤーのスピードを加速</div><div style="text-align: center;">ObstacleSpeed：障害物の生成のDelayの短縮</div><div style="text-align: center;"><br /></div><div style="text-align: left;">上記を追加してみました。下記でV0.2でデプロイしているのでぜひ触ってみてください</div><div style="text-align: left;"><br /></div><div style="text-align: left;"><div>Version 0.2</div><div><br /></div><div><a href="https://www.yosapps.com/games/gilgamerunner-v0.2">https://www.yosapps.com/games/gilgamerunner-v0.2</a></div></div><div><br /></div><div><br /></div><div><br /></div><div><div>次はデザインでも変えていこうかな。</div><div><br /></div><div>最後まで読んでいただきありがとうございます！</div><div>これからもギルガメを応援していただけるよ嬉しいです！</div><div><br /></div></div>

エンドレスランナー「ギルガメランナー」の開発日記＃２

<p><br /></p><p>&nbsp;<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiY7NlNLRT3JI4xmPsZyVRWwguD5R1Fc68zAVxdE8vJbFzSkJ7dX14mo1p0RV2heEdNvR3XyQ6Lwm0tgYnX5j-uzCDGIG3ZixV4fCwhSnzOCIwMpq4i5QqIAeWgUy4dPQwDFgyxqnWqlGz7F0W002J7Ywpbo7CCfuBSReqQCGWkJmZ_fcORpJCl61TF_Wc/s1856/Screenshot%202023-09-06%20at%2014.25.03.png" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" data-original-height="942" data-original-width="1856" height="324" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiY7NlNLRT3JI4xmPsZyVRWwguD5R1Fc68zAVxdE8vJbFzSkJ7dX14mo1p0RV2heEdNvR3XyQ6Lwm0tgYnX5j-uzCDGIG3ZixV4fCwhSnzOCIwMpq4i5QqIAeWgUy4dPQwDFgyxqnWqlGz7F0W002J7Ywpbo7CCfuBSReqQCGWkJmZ_fcORpJCl61TF_Wc/w640-h324/Screenshot%202023-09-06%20at%2014.25.03.png" width="640" /></a></p><br /><div class="separator" style="clear: both; text-align: center;"><br /></div>おはこんばんちわ！ギルガメです！<p></p><p>引越しが落ち着いたので久々にゲームを開発していきたいと思います。</p><p>かなりのブランクがあるので簡単なエンドレスランナーのゲームを作っていきます。</p><p>できるだけコードも忘れないように記入していきたいので、もしこうした方がいいなどありましたら指摘していただけると幸いです！</p><span></span><p><br /></p><p>今期は下記を目標に作っていきます。</p><p>簡単に遊べるエンドレスランナーの基礎の基礎を作っていきます。</p><p><br /></p><p>まずやったこと：</p><p></p><ul style="text-align: left;"><li>Unityの更新　2022.3.8f1（かなり古かったので久々に更新）</li><li>プロジェクトの作成（モバイル用にリリース目標なので３Dモバイルで作成）</li><li>キャラクターの作成（PlayerController.cs）</li><li>地面の作成（PlaneFollow.cs）</li><li>障害物の作成（Obstacle.cs）</li><li>障害物の自動生成（ObstacleSpawner.cs）</li><li>カメラの設定（CameraFollow.cs）</li><li>障害物に直撃した場合はゲームをリセット（GameManager.cs）</li></ul><div><br /></div><div><br /></div><div>次に各コードを載せていきます。まだシンプルなので細かい調整はないです。</div><div><br /></div><div><script src="https://gist.github.com/yosapps/8c90de075b76a92bfba4adeed4071381.js"></script></div><div><br /></div><div>ここからやってみたことを細かく説明していきます。</div><div><ul style="text-align: left;"><li>キャラクターの作成ではキャラクターが3方向のみ（左、中央、右）に移動できるように制御、またスムーズに動くようにLerpを使って移動できるようにしています。キャラクターが障害物に当たっ時の処理も一緒に含めています。</li><li>地面の作成はキャラクターと一緒に移動するようにしています。エンドレスなので地面を固定のフィールドを作るのは大変なのでシンプルに地面もキャラクターと一緒に移動するようにしてエンドレスっぽく見せています。</li><li>障害物の作成では障害物用のタグを作成してプレイヤーが避けてプレイヤーの後ろをある程度離れたら削除するように処理を入れています。</li><li>障害物の自動生成はランダムのDelayタイムを設定して障害物を延々と生成するように作りました。本当にシンプルです笑</li><li>障害物に直撃した場合はゲームをリセットはシンプルにゲーム全体の処理をここに入れていきます。今のところはプレイヤーが障害物に当たった場合にリセットする処理が含まれています。</li></ul><div><br /></div></div><div>上記だけで一応は遊べるぐらいのシンプルなエンドレスランナーっぽいゲームになります。ここから細かくオリジナリティを加えていければと思います。</div><div><br /></div><div><br /></div><div>日記のバージョン毎にWebGLで遊べるようにしていきたいのでぜひ触ってみてください！</div><div><br /></div><div>Version 0.1</div><div><br /></div><div><a href="https://www.yosapps.com/games/gilgamerunner-v0.1">https://www.yosapps.com/games/gilgamerunner-v0.1</a></div><div><br /></div><div><br /></div><div><br /></div><div>次はちょっと雰囲気でも変えていこうかな。。</div><div><br /></div><div>最後まで読んでいただきありがとうございます！</div><div>これからもギルガメを応援していただけるよ嬉しいです！</div><p></p>

エンドレスランナー「ギルガメランナー」の開発日記＃１

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqUnrrKbJHH1fL6hZsWF7hEPk41UchXuUfuci5Ia_aY5u9RnFBQ0Ixe5lbUiFIhmZk4KWadVNcl7MBprUA3FDMXQos107kSBIhFxSD69h84O7YS42slOB2GlsLTLZBkkn9rYELU6rR-hXtcSpmARHd-2Pl7B9J4Kwbc26z5ww_IsNuKh4TpSSLJO8e/s339/download.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="149" data-original-width="339" height="282" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqUnrrKbJHH1fL6hZsWF7hEPk41UchXuUfuci5Ia_aY5u9RnFBQ0Ixe5lbUiFIhmZk4KWadVNcl7MBprUA3FDMXQos107kSBIhFxSD69h84O7YS42slOB2GlsLTLZBkkn9rYELU6rR-hXtcSpmARHd-2Pl7B9J4Kwbc26z5ww_IsNuKh4TpSSLJO8e/w640-h282/download.png" width="640" /></a></div><p><br /></p><p>React Nativeは、Facebookが作成したオープンソースのモバイルアプリケーションフレームワークであり、JavaScriptでAndroidとiOSアプリを作ることができます。Expoは、React Nativeのビルドや開発を支援するサービスであり、簡単に開発環境が構築できます[1][2][3].</p><p><br /></p><p>Expoは、クロスプラットフォーム（iOS/Android/Web）でReact Nativeアプリを開発するための便利機能を集めたプラットフォームであり、素のReact Nativeプロジェクトと比較して若干の制約があるが、Expo SDKが提供する様々な機能を使えたり、開発環境の整備が簡単というメリットがあります[1].</p><p><br /></p><p>Expoを使用すると、実機、iOS、Android両シミュレータをローカルで立ち上げてコードを編集保存したら即時反映させることができます。また、Expoアプリをインストールすることで、自分で作成したコードを実機で確認することもできます[3].</p><p><br /></p><p>React NativeとExpoを使用してアプリを開発するには、以下の手順が必要です[1][2][3]:</p><p><br /></p><p>1. Node.jsとnpmのインストール</p><p>2. Expo CLIのインストール</p><p>3. Expoアカウントの作成</p><p>4. 開発環境のインストール（Xcode、Android Studio、JDKなど）</p><p>5. Expoプロジェクトの作成</p><p><br /></p><p>以上の手順を実行することで、React NativeとExpoを使用したアプリの開発環境を構築することができます。</p><p><br /></p><p>React NativeとExpoを使用してアプリを開発することで、ネイティブアプリと同じようなユーザーエクスペリエンスを提供することができます。また、React Nativeは、Web開発で用いられるReactをもとに開発されているため、Webエンジニアでも学習コストが低いと言われています[4].</p><p><br /></p><p>以上のように、React NativeとExpoを使用することで、簡単にクロスプラットフォームのアプリを開発することができます。</p><p><br /></p><p>[1] https://zenn.dev/username/articles/2021-12-25-9b543d55e9ff81afff09</p><p>[2] https://rocksystem6611.hatenablog.com/entry/reactnative01</p><p>[3] https://zenn.dev/yuyaamano23/articles/dad35355a30036</p><p>[4] https://cloud.tencent.com/developer/article/1667243</p><p><br /></p><p><span style="font-size: medium;"><b>React NativeとExpoを使ったアプリ開発</b></span></p><p><br /></p><p>React Nativeは、JavaScriptのReactライブラリを利用してiOSやAndroid向けのアプリを開発することができるクロスプラットフォームのモバイルアプリケーションフレームワークです。React NativeにExpoをプラスすることで、初めてのモバイルアプリ開発にもおすすめできます。ExpoはReact Nativeを使ったアプリ開発をシンプルにしてくれるツールセットで、アプリ開発初心者にとってはデメリットよりもメリットの方が大きいとされています[1]。</p><p><br /></p><p>React NativeとExpoを使って、以下のようなアプリを開発することができます。</p><p><br /></p><p>- ソーシャルネットワークアプリ</p><p>- オンラインストアアプリ</p><p>- メディアアプリ</p><p>- ゲームアプリ</p><p>- ツールアプリ</p><p><br /></p><p>React Nativeは、Reactの主な機能をReact Nativeでも同じように扱うことができます。使用言語は当然JavaScript（またはTypeScript）なので、Reactを使ったWebアプリ制作経験者であれば、学習コストは限りなく低く抑えられると思います[1].</p><p><br /></p><p>Expoを使うことで、React Nativeアプリの開発がより簡単になります。Expoは、React Nativeアプリのビルドや開発を支援してくれるサービスで、オンラインまたはLinux、Mac、Windowsアプリとして使用することができます[2].</p><p><br /></p><p>React NativeとExpoを使ったアプリ開発には、Node.jsの最新版が必要です。また、モバイルアプリをシミュレートするためのデバイス（スマホやタブレット等）を持っていることが前提条件となります[1].</p><p><br /></p><p>以上のように、React NativeとExpoを使って、様々な種類のモバイルアプリを開発することができます。初めてのモバイルアプリ開発には、React NativeにExpoをプラスすることで、開発を始めるためのハードルをかなり下げることができるため、おすすめです[1].&nbsp;</p><p><br /></p><p><span style="font-size: medium;"><b>参考文献</b></span></p><p>- [1] [React Native(+Expo)でモバイルアプリの開発環境を構築しよう！ - Webで遊ぼ！](https://web-de-asobo.net/react-native-expo/)</p><p>- [3] [React Native Expoを利用したモバイルアプリの開発基礎 入門編 - アールエフェクト](https://reffect.co.jp/react-native/react-native-expo)</p><p>- [4] [ゼロから始める React Native + Expo 入門 - Zenn](https://zenn.dev/akira_kido/articles/9e4e8a2f6d7a9a)</p><p>- [2] [Expoでアプリを作る 【これからはじめるReact Native】 - bagelee（ベーグリー）](https://bagelee.com/programming/react-native/expo/)</p>

YOS ONLINE APP
OFFICIAL SITE

GAMES

BLOG

TWEET

YOS ONLINE APPOFFICIAL SITE

GAMES

BLOG

TWEET

YOS ONLINE APP
OFFICIAL SITE