ハクソク

世界を動かす技術を、日本語で。

DOOMスクロール: ザ・ゲーム

257日前原文(ironicsans.ghost.io)

概要

  • Doomscrolling から着想を得た スクロール操作のみ のブラウザゲーム開発記録
  • GPT-4 では実現できなかったが、 GPT-5 でプロトタイプ作成に成功
  • ゲーム性向上 のための工夫や、 AIとの協働 での苦労
  • ゲーム内に ニュースヘッドライン を統合し、より「doomscrolling」らしさを追求
  • 最終的に モバイル・デスクトップ両対応 のバージョン1.0完成

Doomscrolling発ゲーム制作記

  • doomscrolling ＝無限にネガティブなフィードをスクロールし続ける行動から着想
  • Doom （ゲーム名）と scrolling を掛け合わせたユニークなアイデア
  • スクロール操作のみ で遊べるゲームをブラウザ上で実現したいという発想
  • 横移動やジャンプなし、 上下スクロールのみ のシンプルな操作性

初回挑戦と失敗

  • 自分はプログラマーではない が、アイデアを形にする「vibe coding」を活用
  • GPT-4 では「スクロール＝背景が上に動く」概念を理解させられず失敗
  • LLMの限界、自分のスキル不足を感じ一度諦めた経緯

GPT-5による再挑戦と成功

  • GPT-5登場 後、再び挑戦し 2時間で良質なプロトタイプ を完成
  • ゲームデザインを Galagaを上下逆さまにしたもの と説明
    • プレイヤーは前後に移動、モンスターの位置は床基準
  • ChatGPT に5種類のモンスター（2フレームアニメ）を依頼し、仮素材で実装

バケーション中の改良と機能追加

  • 毎朝少しずつ機能追加や調整を実施
  • ゲーム性向上 のための工夫
    • 100体撃破ごとに 武器アップグレード
    • 一定時間停止で 炎の壁 が追いかけてくる仕組み
    • 障害物 （レンガ壁や蜘蛛の巣）で進行を妨害
  • クオリティ・オブ・ライフ向上策
    • 5種類の背景テクスチャで毎回異なる体験
    • 体力回復ポーション （条件付き出現）
    • 自己記録通過時のマーカー
    • 一時停止画面 に統計情報表示

「本物のDoomscrolling」らしさの追求

  • ニュースヘッドライン をゲーム内に表示するアイデアを追加
  • 最初は床に表示したが、 ゲーム世界観に合う「石板」 として統合
  • ゲーム設定：未来の封印された洞窟に、 今日のニュースヘッドライン が石板として残されているというロア
  • New York Times RSSフィード から取得、ゲーム進行中に出現
  • 石板はゲーム進行に影響しないが、 プレイヤーの注意を引きつける装飾要素

AIとの協働と工夫

  • AIとのやりとりの難しさ （何度も説明が必要、思い通りにいかない）
  • モンスターはプリレンダ素材にしたかったが、 背景や石板、装飾はAIで生成
  • 「ラボ」ページ を作成し、各要素をテスト・調整
    • 例：蜘蛛の巣は毎回微妙に異なるパターン
    • 背景テクスチャも毎回ランダム生成
  • プリレンダモンスター は納得いかず、最終的に簡易生成モンスターを採用
  • スライダー付きラボ で細かい見た目調整を実現
    • 気に入った設定を「コピー」してAIに伝え、ゲームに反映

リリースと今後

  • 追加したい機能はまだあるが、 バージョン1.0としてリリース
  • モバイル・デスクトップ両対応
    • 画面が縦長だと見える範囲が広く、やや有利
  • ホーム画面追加 でアプリ風にプレイ可能
  • サポートやシェアのお願い も忘れずに記載

まとめ・お礼

  • Doomscrollingの概念 をゲーム化するという独自の試み
  • AIとの協働 による試行錯誤と創意工夫
  • 読者・支援者への感謝 と、今後の成長に向けた協力の呼びかけ

Hackerたちの意見

ハッカソンで簡単なゲームを作るのにAIを使ったんだ。君はAIでトレーニングデータを集める役割で、ちょっとワリオウェアみたいな感じで、超ウザいサウンドトラックがあるよ。https://vibeware.vercel.app/ で2位になった！クロード、ありがとう！

└

ハハハ、これめっちゃいいね！

└

すごくクールだね！ゲームはいくつあるの？（それと、Instagramのやつで写真をダブルタップしても反応しなかったのが残念だった…）

└

tptacek発見！

└

4242 ;_; あと、あれは消火栓じゃないよ。

コードが書けない人たちがコンピュータゲームを作って出荷するのを見るのは本当に驚きだよ。この手の言語は魅力的でもあり、恐ろしいでもあるね。> 「こういう計算をするのは、プリレンダリングされたモンスターを使うよりもプロセッサに負担がかかると思うけど、デスクトップでもスマホでもすごくスムーズだから、そんなに負担じゃないはず。もし彼らのデバイスでカクカクしてたら、教えてもらえると思う。」 プログラマーとしての職業の性質が、「何か有用なことをするためにコードを書く」から「自分ができるよりも良いものを作るためにコードを書く」へと急速にシフトしている気がする。プロの写真家が自分のスマホでできることと差別化しなきゃいけなくなった時の痛みを感じるね。一方で、特定の分野（ウェブ、地図）でコードが書ける自分としては、専門知識がない分野（例えばUnity）で何かを素早く作る手段として、バイブコーディングができるかもしれないと思う。

└

理論的には、これが好きだよ。アイデアのデモとして動くモックアップを作るのは、数枚のナプキンのスケッチから何かを作るよりずっと良いと思う。自分の仕事については、今日はクロードコードとやり取りしながら、明日「私たち」がそれを作る前にUIのモックアップをお願いして、数時間を過ごしたよ。モックアップだから精度は求めなかったけど、いくつかの面白いアイデアが出てきて感心した。自分が頼まなくてもやってくれたこともあったし、* リストやページ用のモックデータをjson形式で作ってくれたから、さまざまなシナリオ用にレコードを簡単に追加できた * ページ間のナビゲーションが機能していて、モーダルも含まれてた * プログレスバーやタイマーも動いてた * リストのソートやフィルターも機能してた * モックアップの範囲を超えた機能のトースト（「投稿の著者にメールを送信」や「ユーザーを禁止」） * ページや画面、モーダル間のアニメーションやトランジションもまあまあ良かった * モバイルとデスクトップで思ったよりも良く動くレスポンシブレイアウト * 考えてなかったアイデアもあって、それをさらに発展させた。クライアント用にこれをモックアップすることはあったけど、自分のためにはやったことがなかった。自分のアイデアを具体化しながら遊ぶために、動くHTML / JavaScript / CSSのモックアップを持っているのはすごくいいね。しかも、出力を完全に理解して、自分で必要に応じて調整できるっていう利点もあるし。

└

ソフトウェアエンジニアリングのフォトグラファリゼーションが来たね。

└

「スプレッドシートを作った」っていうのを乗り越えなきゃいけなかったけど、これって経験豊富なエンジニアの大きなチームでも結構難しいんだよね。たまにファイナンスチームに、どれだけのカスタムスプレッドシートを普段使ってるか聞いてみて。A) 便利なアプリの中にはスプレッドシートに合わないものも多い。AIはその辺を開いてくれてる気がする。B) スプレッドシートにはバグがあって、めちゃくちゃ不正確な結果を出すことがある。それに基づいて重要な決定をすることもあるから、AIもこのパターンを繰り返してる。もし常に正しく動いてほしいなら、専門知識に代わるものはまだないけど、コンピュータの現状を見ると、明らかに多くの人が明らかに深刻なバグがあるものを使うことに抵抗がないみたい。

└

画面に表示されるモンスターの数は、俺にはプレイ速度に影響しないみたいだけど、炎の壁が出るとゲームがかなり遅くなるね。（デスクトップでFirefox使用中。）

└

コードが書けない人たちがコンピューターゲームを作って出荷するのを見るのは本当にすごいことだ。アドビフラッシュがあった時代もそうだった。プログラマーたちがフラッシュを嫌っていたとしても、技術があまりないアーティストたちが素晴らしいミニゲームを作ることを可能にしてくれた。

コードが書けなくても、アセットエディターツール（「ラボ」）の必要性を自分で見つけて、成功裏に作って使ったってことは、素晴らしいエンジニアになれる素質があると思うよ。君は見たこともない動きの制御方法を発明したし、これからもゲームを作り続けてほしいな。

「チャットGPTにスライダーを使ってラボを作ってもらったんだ。チャットボットにイライラする代わりに、自分で調整できるようにね。」 君だけのスティーブ・ジョブズ、オリジナル計算機作成セット[1]。 （もちろん、こういうアドホックなパラメトリックなものを使ってゲームアートを作るのはとても一般的なんだけど、その類似性が面白いと思った。）[1] https://www.folklore.org/Calculator_Construction_Set.html

└

これをやってる時に100%思ったよ。コードが書けないかもしれないけど、スティーブ・ジョブズの伝記は読んだことあるからね。

「マウス感度」を調整できるオプションがあったらいいな。それと、フリック（これ合ってる？ スクロールの勢いが、指を画面から離しても続くって意味ね）。今は動きがちょっと重く感じる。快適に感じる3倍くらいスクロールしてるかも。それ以外は、今週の新しい時間つぶしになるかもしれない。

やっと、俺の日常の生産性を正確にシミュレートするゲームが出た。5分だけプレイするつもりで開いたのに、気づいたら3時間経ってて、何も役に立つことはできず、漠然とした不安感と悪魔に追われてる気分。リアリティがすごい。

これ、昔のMacのシェアウェアゲーム「BOOM」を思い出す。これは（すごくよくできた）ボンバーマンのクローンで、Doomのアセットを使ってるんだ。Doomやボンバーマンが好きな人にはぜひ試してほしい！

└

ありがとう！参考までに https://silverweed.github.io/boom/

これ、なんか変なところに響いた。ゲームは楽しそうだけど、「コードが書けない」って言って、雑なAIでこれを実現したっていうのが本当に怖い。これはただの遊びだって分かってるけど、コードがどんな感じか全く想像もつかない。

俺、1878メートルもドゥームスクロールして、3482体のモンスターを倒したよ。君はどこまで行ける？最高のゲームだね！ゲームプレイについての感想を少し - モバイルよりもノートパソコンの方がずっと楽だし、モンスターは画面の下から湧いてくるから、ノートパソコンだと上の方でキャンプできる距離がかなり遠くなるんだ。パワーアップすればするほど、ゲームが楽になる気がする。もっと難しくしたいなら、上の溶岩のスピードを上げるのもアリかも。

100キルのパワーアップをゲットした瞬間に死んで、クラッシュしちゃったよ（Chrome、iOS）。