うちのキンクマハムスター、日向葵（ひまわり）ちゃんは、回し車を右へ左へと駆けまわります。その動きに合わせて走る、旗上げゲームのようなブラウザゲームを作りました。
「日向葵ちゃんの床材ためこみゲーム」に続く2作目です。今回も、アイデアとイラストはChatGPTと相談しながら、ゲームとして動く形にするところはClaudeと一緒に作っています。
まずは最新版で遊んでみてください。
最新版
回し車ダッシュ
- 矢印と同じ側の画面を押しつづける（PCは ← → キー）
- 矢印が変わったら、すぐ反対側へ
- 床材が転がってきたらジャンプ（ボタン・上にはらう・↑キー）
試作 第5版 3回ころぶとおしまい
> 通信
遊び方
- 上に出る矢印と同じ側の画面を押しつづけます（PCは ← → キー）
- 矢印が変わったら、すぐ反対側へ押しかえます
- 床材のかたまりが転がってきたら、ジャンプでよけます（ジャンプボタン、指を上にはらう、↑キーのどれか）
- 3回ころぶとおしまい。走ったきょりが記録になります
この記事では、このゲームがどうやってできたのかを、版ごとに残していきます。改良したら、新しい版を冒頭に置いて、前の版はその版の章で遊べるようにしておきます。
このゲームを作ろうと思ったきっかけ
前に、回し車を右に左に駆けまわる日向葵ちゃんの動きに合わせて、「助けに行くでし！」という動画を作りました。
https://www.tiktok.com/@kinkumahimawari/video/7667865933691522325
その動きを思い出して、「右か左かの指示に従って、画面の左半分か右半分を押しつづける。指示が変わったら、すぐそっちに切りかえる」という旗上げゲームのような形にしようと考えました。
考えたことは、ほかに2つあります。
- 右と左の矢印を色分けしておいて、遊ぶ人が色にたよりはじめた頃に色を入れかえる。そうすると、難しさを調整できる
- たまに床材を巻き込んで、回し車の中を転がってくる。それをジャンプでよける
日向葵ちゃんが夜中に回し車を走っている時、大体同じ方向に向かって走り続けています。TikTokの動画にした時は頻繁に左右を入れ替えて走る様子が撮れていたので、これは誰かのために走っている設定にしたら合うんじゃないかと思って作りました。走り続けているとたまにカラカラと音がして、床材を巻き込んだんだなと分かる時があります。
ChatGPTとClaudeの分担
| ChatGPT | Claude | |
|---|---|---|
| 担当 | 日向葵ちゃんのイラスト（走る・跳ぶ・ころぶ・床材のかたまり） | ゲームのプログラム、ブログに貼れる形への書き出し、動作確認 |
| 渡したもの | 左右に走り分けている姿を見せるためにTikTokに投稿した動画。明るい時に回し車で走っていた動画が一本だけあったのでその動画も渡した | ゲームのアイデアを書いた文章、ChatGPTで作ったイラスト |
ゲームの決まりは、私がClaudeに文章で伝えた内容がもとになっています。Claudeは、それを遊べる形にして、ブログに貼るためのファイルと、ブラウザですぐ試せるプレビューを出してくれました。
第1版：仮の絵で、まず遊べる形に
回し車ダッシュ
- 矢印と同じ側の画面を押しつづける（PCは ← → キー）
- 矢印が変わったら、すぐ反対側へ
- 床材が転がってきたらジャンプ（ボタン・上にはらう・↑キー）
試作 第1版 3回ころぶとおしまい
> 通信
アイデアを送ってから13分で遊べた
Claudeにアイデアを送ったのは、10月16日の14時22分ごろです。14時35分には、ブラウザで遊べる第1版が届きました。
第1版で入っていたのは、次のような仕組みです。
- 矢印と同じ側を押しつづけると、日向葵ちゃんがその向きに走って回し車が回る
- 矢印が変わったら、矢印の下で縮んでいくバーが消えるまでに反対側へ押しかえる
- 8回目の矢印から、床材のかたまりが回し車といっしょに回ってくる
- 10回目の矢印からは、向きは変わらず矢印だけが跳ねる「フェイント」が混ざる
- 16回目で、左のオレンジと右の青が入れかわる。26回目からは色がバラバラになる
色の入れかわりには、予告を出していません。色に引っかかってころんだ人には、結果画面で「途中で矢印の色が入れかわっていたのに気づいた？」と種明かしをします。
この時点では回し車用の絵がなかったので、床材ためこみゲームの「歩く」「ふつう」「おどろき」の絵を仮に使っています。
自分で遊んでみた
キーボードで矢印キーを押す操作方法で遊びましたが、ジャンプするときに指が攣りそうになりました。矢印の色やフェイントにはほとんど引っ掛かりませんでしたが、途中から速度が上がってきて間に合わないことが増えて脱落しました。
第2版：回し車用のイラストと、ひみつの要素
回し車ダッシュ
- 矢印と同じ側の画面を押しつづける（PCは ← → キー）
- 矢印が変わったら、すぐ反対側へ
- 床材が転がってきたらジャンプ（ボタン・上にはらう・↑キー）
試作 第2版 3回ころぶとおしまい
> 通信
ChatGPTで回し車用のイラストを作った
ChatGPTに、次の絵を作ってもらいました。
- 回し車を走る姿を2枚（脚をのばしたところと、たたんだところ）
- ジャンプしている姿
- 床材につまずいて、ころんだ姿
- 白い紙の床材が丸まったかたまり
走る2枚は、交互に出して走っているように見せています。
ChatGPTに依頼する時、最初に動画を送ったのがそれまでイラスト作成のやり取りをしていたプロジェクトの外のチャットでした。そのためか若干テイストが違った画像になってしまい、もう一度動画を送り直して作ってもらった経緯があります。
HIVANTを見てくれている人へ
このゲームは、日向葵ちゃんの日常を描いているショート動画シリーズ「HIVANT」の世界とつながっています。
タイトル画面のすみに、小さな「通信」ボタンがあります。問いに答えると、ゲームの中に少しだけ変化が起きます。さらにその先にも、ひみつの要素を用意しました。
答えはここには書きません。HIVANTを見てくれている人なら、きっと分かるはずです。
HIVANTとは
日向葵ちゃんの日常を描いているショート動画シリーズ「HIVANT」があります。
日向葵ちゃんがハムスター界で暗躍する謎の組織『非番』の一員であることが明らかになり、その行動の意味を、かいぬしが解析AI『N.I.K.I』と一緒に調べていくストーリーです。
このゲームも、少しずつHIVANTの世界とつながっていく予定です。版を重ねるごとに、どこがHIVANTとつながったのか、この記事でちょっぴり裏側もお見せしていきます。
第3版：ひみつの要素に、もうひとつ仕掛け
回し車ダッシュ
- 矢印と同じ側の画面を押しつづける（PCは ← → キー）
- 矢印が変わったら、すぐ反対側へ
- 床材が転がってきたらジャンプ（ボタン・上にはらう・↑キー）
試作 第3版 3回ころぶとおしまい
> 通信
第2版で用意したひみつの要素に、もうひとつ仕掛けを足しました。非番としての活動を疑似体験できるような仕掛けを考えて追加しています。
第4版：集めたあとに届く通信
回し車ダッシュ
- 矢印と同じ側の画面を押しつづける（PCは ← → キー）
- 矢印が変わったら、すぐ反対側へ
- 床材が転がってきたらジャンプ（ボタン・上にはらう・↑キー）
試作 第4版 3回ころぶとおしまい
> 通信
ひみつの要素で集めきった人にだけ、HIVANTからの通信が届くようにしました。本編を見ていれば答えられる問いです。
第5版：走りたくなるBGM
第5版では、BGMを付けました。
RRRの「ナートゥ」を踊れるような、軽快な曲を付けたいと思ったのがきっかけです。まずChatGPTに相談して、どんな曲にしたいかを伝えるための指示文を作ってもらいました。打楽器が中心で、速い6/8拍子で「タカタ・タカタ」のまとまりがあり、短いフレーズをくり返す、歌のないオリジナルの曲です。
その指示文をClaudeに渡すと、音楽を作るAIを使わずに、ブラウザの中で楽器の音を合成して鳴らすBGMを作ってくれました。太鼓、足踏み、手拍子、シェイカー、笛のような音でできていて、既存の曲のメロディーは使っていません。
欲しかったのはとにかく軽快なリズムで、今回の曲のような歌のないちょっとチープな雰囲気がゲームのBGMには合うと思いました。
BGMは、矢印の回数が進むほど少しずつ速くなります。左上のスピーカーのボタンで、音を消すこともできます。
日向葵ちゃんのゲームで遊ぶ
日向葵ちゃんの日常から生まれた、ブラウザで遊べるゲームです。HIVANTにつながる小さな仕掛けも探してみてください。
日向葵ちゃんの公式ページ ／ ショートドラマ「HIVANT」を見る
更新履歴
- 2026/10/16 第1版（矢印に合わせて左右を押す、色の入れかわり、床材ジャンプまで遊べる）
- 2026/10/16 第2版（走る・跳ぶ・ころぶ姿と床材のイラストを追加。通信と、ひみつの要素を追加）
- 2026/10/16 第3版（ひみつの要素に、もうひとつ仕掛けを追加）
- 2026/10/16 第4版（ひみつの要素に、集めきった人への通信を追加）
- 2026/10/16 この記事を公開
- 2026/10/16 第5版：打楽器が中心のBGMを追加（左上のスピーカーで音のON/OFF）
