aspiring_consultant https://blog.hatena.ne.jp/aspiring_consultant/ 月間3万人以上が参考にするいろいろぶろぐ-人気ブログランキング https://variety.hatenablog.com/ 1枚のHTMLファイルだけで動くロボットバトルゲーム『ロボットクラッシュ』を、v1からv7まで作り直しながら育ててきた。今回はその中でも特に苦労した「タッチ入力の扱い」と「衝突判定・ノックバック」、そして「ショップ・パーツ拡張システム」の実装について、開発記としてまとめておく。 作ったものの概要 プレイヤー同士（あるいはCPU）がロボットを操作してぶつかり合う、シンプルな対戦アクション。外部ライブラリを使わず、Canvas＋Vanilla JSのみの単一HTMLファイルで完結させているのが一貫した方針。スマホのブラウザでもそのまま遊べることを最初から目標にしていたため、タッチ操作まわりの作り込… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fvariety.hatenablog.com%2Fentry%2F2026%2F07%2F19%2F201331" title="ブラウザで動くロボットバトルゲーム『ロボットクラッシュ』をv7まで作り込んだ話｜タッチ入力と衝突判定でハマったポイント - 月間3万人以上が参考にするいろいろぶろぐ-人気ブログランキング" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2026-07-19 20:13:31 rich https://variety.hatenablog.com/entry/2026/07/19/201331 1.0 100%