9
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

転んでしまいそうな人を助けるゲーム

Last updated at Posted at 2025-12-07

0.前書き

みなさんこんにちは。
先日、凍結路面で転びました。膝が痛いです。

転んだ時に「ああ…誰に支えてもらいたかった…」と感じました(?)
ので、そんなゲームを作りました(??)
人生初クソです。対戦よろしくお願いします。

1.作ったもの

左から歩いて来ていて転びそうになっている人をクリック(タップ)で助けてあげるゲームです。
https://stickman-catch-the-slip.vercel.app/
(gif小さくてすみません)
Kapture 2025-12-07 at 10.52.02.gif

1-2.簡易説明

  • 一定時間内に複数の人を助けるとコンボが発生。スコア倍率が上がります
  • スコアが上がるほど、滑りモーション発生から転んでしまうまでの時間が短くなります
  • ウィンドウサイズに応じてゲーム画面のサイズが変わるようにしています
  • マウス操作にした上でウィンドウを大きくすると、物理的にマウスカーソルを移動させる距離が伸びるので著しく難易度が上昇します
    • クソ要素
  • スマホだとカーソル移動がないので異様に難易度が落ちます
    • クソ要素2

2.環境とか

  • Visual Studio Code
  • Claude Code
    • Opus4.5で作りました
  • Vercel
    • 完成品のデプロイ

3. 技術的な

本ゲームはHTML、CSS、JavaScriptで構成されています。
それ以外の言語がほぼわからないためです。(かといって↑の言語を素で書ける訳でもない)
背景なども画像などを使わず、すべてHTML、CSS、JavaScriptのみで表現されています。

このあたりは全てClaude Codeによる実装です。

ちょっと凝ったコンボ機能もPlanモードで「コンボ機能つけたいんだけどぉ」と相談して
→何秒以内でコンボ判定としますか?
→コンボ倍率は何倍にしますか?
などと相談しながら作りました。(作ってもらいました)
簡単な動作確認込みで正味1時間程度でしょうか。あっという間の完成でした。

4.おわりに

ここまでお読みいただきましてありがとうございました。
ぜひみなさんも転びそうな人を助けてあげてください。

9
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
9
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?