うちのキンクマハムスター、日向葵（ひまわり）ちゃんは、以前、床材の中にもぐったまま移動していたことがあります。床材がもこもこ動いて、別の場所からひょっこり顔を出すんです。
その様子をもとに、床材の中をトンネルを掘って進むブラウザゲームを作りました。「床材ためこみゲーム」「回し車ダッシュ」「砂浴び」に続く4作目です。砂浴びのゲームを紹介したときに、「次はトンネル案ですか？」と楽しみにしてくれる声をもらっていたのも、作るきっかけになりました。
まずは遊んでみてください。
日向葵ちゃんの床材トンネル最新版を遊ぶ
遊び方
- 最初の数秒、上から見たケージに、N.I.K.Iがスキャンした正解ルートが光ります。お風呂砂やトイレ、回し車の位置と一緒に覚えます
- 床材にもぐったら、日向葵ちゃんの後ろ姿を見ながら「前へ・左・右・うしろ」で進みます（PCは矢印キー）。左上の「向き」を、スキャンの地図の北と合わせて頭の中で進みます
- 正解ルートはサクサク掘れます。ルートを外れると床材が深くてふかふかで、ねむけがたまります
- 上に重いものがあると進めず、しょんぼりして、ねむけが上がります
- 食器やかじり木の下は通れますが、通ったあとは沈んで戻れません
- 「お水」を押すと、真上にお水を用意してもらえます（1ステージ2回まで）。お皿かボトルかは、出てくるまで分かりません
- ねむけが限界をこえると、ふかふかの床材で寝てしまってミッション失敗です
- 3ステージ進んで巣に着いたら、評価をXやBlueskyでシェアできます。ステージの向きは遊ぶたびに変わります
この記事では、このゲームがどうやってできたのかを、版ごとに残していきます。改良したら、新しい版を冒頭に置いて、前の版はその版の章で遊べるようにしておきます。
このゲームを作ろうと思ったきっかけ
我が家にお迎えして間もない頃、朝起きて部屋の電気をつけたら床材がもこもこと動いていました。日向葵ちゃんが遊んでる！と思い慌ててカメラを向けると、床材の中からひょっこりと日向葵ちゃんが顔をのぞかせました。その様子があまりにも可愛くて当時は記事にしたほどでした。
キンクマハムスター日向葵(ひまわり)ちゃんが初めて床材に潜った
もうひとつ、最近の日向葵ちゃんで印象に残っていることがあります。ついこの間まで、日向葵ちゃんは給水ボトルから水が飲めず、ずっとお皿から飲んでいました。今はボトルからたくさん飲めるようになりましたが、お皿からも飲みます。
ボトルから飲んでいないのは知っていましたが、いつか飲めるようになった日のため、お皿の水がなくなってしまった時のため、と毎日欠かさずお皿とボトルのお水を取り替えていました。
なので、聞き慣れない音で目を覚まし、見守りカメラでボトルから水を飲んでいる様子を見た時はとても嬉しい気持ちになりました。
トンネルゲームを作るか、お水を飲めるようになったことにまつわるゲームにしようと思っていて、最初はClaudeにこう相談しました。
- ボトルから飲めるようになったことに、何か意味があったことにする案
- 床材の中を潜って進むトンネルの案。上に何かあると沈んでくる、長く潜っているとふかふかで眠くなるので途中で外に出てお水を飲む、など
トンネルの案の中にお水を飲む場面を入れれば、「ボトルからも補給できるように訓練した」という形で、ボトルの話もいっしょに入れられそうです。そこで今回は、トンネルを主役にして、お水は途中の休憩として入れることにしました。
ゲームの形として私が考えたのは、ケージの中をマス目で区切り、最初にN.I.K.Iが正解ルートをスキャンして見せてくれる、それを覚えてルートに沿って進む、というものです。
後ろ姿で進む「ウィザードリィ風」に決めた
Claudeからは、上から見たマスの上を進む形と、横から見た断面で進む形の2つを出してもらいました。でも、最初に見たあとは床材の中なので、ルートは見えないはずです。そこで、日向葵ちゃんを後ろから見た画面に前後左右のボタンがあって、ウィザードリィのように進んでいく形にしてもらいました。
ほかに決めたことは、次のとおりです。
- 上に重いものがあるマスは、進もうとしても進めず、1手使ってしまう
- 食器やかじり木の下は、通ったあと重いものと同じように戻れなくなる
- 正解ルートはサクサク掘れて、外れるとねむけがたまる。限界をこえると寝てしまってミッション失敗
- 失敗だけど、ふかふか幸せそうに寝ている姿で終わる。「明日こそがんばるでし」
失敗しても癒される、というのは、日向葵ちゃんのゲームらしくしたかったところです。
以前に日向葵ちゃんが床材をほっぺにたくさん詰め込んだまま、巣に戻る途中で回し車の後ろの狭いスペースで寝てしまったことがありました。その姿を動画として残すことにも成功したのですが、その時のほっぺがむぎゅっと潰れていた顔がブサかわの極みという感じで本当に可愛かったんです。
キンクマハムスター日向葵(ひまわり)ちゃんが初めての寝顔を見せてくれたけど・・・衝撃の姿でした
だから、失敗した時もそれはそれで可愛い姿が見られるというのは、日向葵ちゃんの仕草をゲームにするときに心がけている事です。
お水を飲む動きを、どうゲームにするか
いちばん悩んだのは、お水を飲むところでした。お皿は簡単だけど回復が少なく、ボトルは難しいけど回復が多い、という差をつけたかったからです。
Claudeの案はこうでした。
- お皿は「ぺろぺろ」ボタンを何回か押すだけ。失敗しない
- ボトルは、飲み口の先にしずくがふくらんだ、いちばん大きいときに「ぺろっ」とタップする。早すぎると玉をなめるだけ、遅すぎるとしずくが落ちる
さらに、ボトルは成功するほどしずくが出ている時間が長くなって、少しずつ飲みやすくなります。ボトルから飲めなかった日向葵ちゃんが、だんだん飲めるようになった流れと重ねてもらいました。
試作で変えたこと
文章だけでは遊んだ感じが分からないので、試作を作ってもらい、触りながら直しました。
- 試作1（10月27日2時20分ごろ）：スキャン → 後ろ姿の画面で進む → お皿とボトル、までが遊べる形。最初は、お水ボタンを押すとN.I.K.Iがいちばん近いお水までのルートを見せてくれて、そこまで歩いていく仕組みでした
- 試作2（2時40分ごろ）：お水は、ルートを見せてもらうのではなく、自分の真上に用意してもらう形に変更。進めなかったときは「しょんぼり」して耳がたれ、ねむけが上がるように。ステージが進むと、いったん巣から遠ざかる迂回ルートも出るように
- 試作3（11時40分ごろ）：ChatGPTのイラストを入れた
- 試作4（12時15分ごろ）：HIVANTを見てくれている人へのおまけを追加（下で紹介）
まだイラストが出来ていない状態の試作版でも、やりたかったゲームのイメージそのままに仕上がっていて、とても楽しかったです。なかなか眠れなくて焦っていた深夜でしたが、このゲームを作るために起きていたんだと思えたのがとてもよかった点です。ChatGPTにテイストを揃えたい見本のイラストや実際の日向葵ちゃんの写真などを送り終えて、イラストの完成を待っているうちに寝落ちしていました。
全然眠れないと焦っていたのが嘘みたいでした。ゲームの日向葵ちゃんと一緒に寝落ちしたのかもしれません。
試作1：はじめて遊べる形になった版
お水ボタンを押すと、いちばん近いお水までのルートを見せてもらって歩いていく、最初の仕組みのままです。日向葵ちゃんはまだ仮の絵です。
試作2：イラストを入れる前の最後の版
お水を真上に用意してもらう形になり、しょんぼりや迂回ルートが入った版です。ゲームの流れは、ほぼこの時点でできあがりました。
ChatGPTにイラストを作ってもらった
イラストは今回もChatGPTにお願いしました。Claudeに「この場面に、こういう構図の絵がほしい」という引継資料をまとめてもらい、前のゲームのイラストを見本としてつけています。
作ってもらったのは、次の10枚です。
- 後ろ姿（ふつう・前足で掘る2枚・しょんぼり）
- ボトルの飲み口を見上げているところと、ぺろっとなめているところ
- お皿でお水を飲んでいるところ
- 床材の中でふかふかに寝てしまったところ
- 床材から顔だけ出しているところ（タイトル画面）
- 見上げている立ち姿（クリア画面）
後ろ姿の4枚は、体の位置がほぼぴったりそろっていたので、切りかえてもずれずにそのまま使えました。前へ進むと前足を左右交互に出して掘り、ぶつかると耳がぺたんとなります。
ChatGPTにはイラスト作成依頼を送ってそのまま寝落ちしてしまっていたのですが、起きてチャットを見たらその段階でこのクオリティだったので直しなどは発生しませんでした。
第1版：シェアボタンをつけて公開
公開にあたって、次のものを足しました。
- 結果画面に、XとBlueskyへのシェアボタン。スマホでは、評価ごとにイラストが変わる結果画像つきで共有することもできます
- ステージの向きを、遊ぶたびに回転・裏返しで変える仕組み。同じステージをやり直すときは向きが変わらないので、覚え直して挑戦できます
第2版：BGMと効果音をつけた
紹介ページで公開したあと、音をつけて第2版にしました。
- 床材の中を進んでいるあいだは、探検している気分になるBGM
- お水を飲むところは、タイミングをはかるチャレンジっぽいBGM
- 寝てしまったときは、オルゴールの子守歌
- N.I.K.Iのスキャンの音。ルートがのびていくのに合わせて、ピッ、ピッと鳴ります
- 掘る音、向きを変える音、しょんぼりの音、食器が沈む音、お水をなめる音、巣に着いたときの音なども
音は録音したものではなく、Claudeにブラウザの中で鳴らす形で作ってもらいました。音楽ファイルを読みこまないので、画像以外にアップロードするものは増えていません。
音を出したくないときのために、左上にスピーカーのボタンをつけています。消した設定は次に遊ぶときも残ります。ゲームが画面の外にスクロールされたときは、BGMが止まります。
ゲームシリーズの初期にClaudeがBGMまで実装できることが分かり、以降の日向葵ちゃんゲームにはBGMがあったので、このゲームにも付けたいと思いました。まだ私自身も全てのBGMやイラストを表示できるパターンを試し切れていませんが、遊んでくださる方に「ここいいな」と思ってもらえるような部分が提供できていたら嬉しいです。
あわせて、ブログのデザインの文字の設定がゲームの中にも効いてしまい、タイトル画面で文字がボタンと重なっていたのも直しました。
これは実際にブラウザ上で立ち上げて遊ぶようにしたからこそ気付けた部分かなと思います。
第3版：画面いっぱいに表示できるようにした
回し車ダッシュを遊んでいる時に、今現在の距離が見えていない事に気付きました。同じことが他のゲームでも起きているかもしれない、遊んでくれている人に不便に感じさせてしまっているかもしれないと思い、回し車ダッシュだけでなく現在公開しているゲーム全てに同じ改修を入れることにしました。
このゲームでは、次のようにしています。
- 右上のボタンで、ゲームを画面いっぱいに広げられます。もう一度押すか、戻る操作で元の大きさに戻ります
- スマホでは、タイトル画面の「あそぶ」を押すと自動で広がります
- PCの横長の画面では、地図の大きさを画面の高さに合わせて、ボタンまでひと目で見えるようにしました
いまの最新版で、冒頭に置いています。
HIVANTを見てくれている人へ
このゲームも、日向葵ちゃんの日常を描いているショート動画シリーズ「HIVANT」の世界とつながっています。
タイトル画面のすみに、小さな「通信」ボタンがあります。エージェントコードを入力すると、ゲームの中に少しだけ変化があります。そこから先で起きることは、ここには書きません。HIVANTを見てくれている人なら、きっとたどり着けるはずです。
作ってみて
今回のゲームは前作までのゲーム開発記事を読んでくださった海外の方から、感想をいただいたことが大きなきっかけになっています。砂浴びゲームをトンネルにするか迷っていたことを書いた内容に触れて、次はトンネル案を作りますか？と聞いてくださいました。
その事もあり、トンネルゲームにしたいというのは漠然と頭の中にありつつ、それを日向葵ちゃんの床材潜りと組み合わせて作れたのはとても嬉しかったです。
深夜の1時30分ごろ相談を始めてから公開できる形になるまで、大体12時間ほどでした。ただ、ずっと公開に向けた作業をしていたわけではなく、眠れなくて困っていたタイミングでの時間を有効に使えたことがありがたかったです。その後ちゃんと眠ることができて、やや寝坊しつつ起きてから朝食や日々のルーチン業務なども並行で進めながらの作業だったため、自分が実際に動いて作業やアイデアの構築をしたのは2、3時間程度ではないかと思います。
ショートドラマのHIVANTも夜に1本、朝に1本公開出来て、いよいよゲームとのつながりも話の中に出て来るようになりました。
ゲームを作りながらストーリーも考えていたんだなと、裏側を少し見せられるような作品や記事になっていたら嬉しいです。
日向葵ちゃんのゲームで遊ぶ
日向葵ちゃんの日常から生まれた、ブラウザで遊べるゲームです。HIVANTにつながる小さな仕掛けも探してみてください。
更新履歴
- 2026/10/27 第1版（スキャンで覚えたルートを後ろ姿の画面で進む3ステージ。お皿とボトルのお水、評価のシェア）
- 2026/10/27 第2版（BGMと効果音。スピーカーのボタンで消せる。ブログ上で文字がボタンと重なるのを修正）
- 2026/10/27 この記事を公開
- 2026/10/28 第3版（画面いっぱいに表示。スマホは「あそぶ」で自動的に広がる）
