NOTES 03設計ノート
子どもも開くブラウザゲームは、どこに線を引くのか
名前の欄は作らない。カメラは、確かめたうえで外した。
URLを開けばすぐに遊べるブラウザゲームは、子どもが1人で開くこともあります。AMIX GAMES KIDS の作品では、失敗したときにどうするか、どこなら文字を打たせてよいか、カメラを使うか、どこまで怖くするか、小さな指で何が起きるかを、作品ごとに決めてきました。その線を、ゲームのコードと制作の記録からたどります。

OVERVIEW入口は、大人向けの棚へ通じない
AMIX GAMES KIDS は、子ども向けに作っている無料のブラウザゲームのシリーズです。2026年11月13日の時点で、電車の運転、フルーツ、回転すし、紙ずもう、バルーンアート、雨のパズル、シューティングとサバイバーゲームを自分で作る2本の、計8本を公開しています。
入口の AMIX GAMES KIDS の島には作品ごとのお店が建ち、押すとそのゲームへ進みます。この入口から、大人向けの作品も並ぶ AMIX GAMES の一覧へはリンクしていません。子どもが大人向けの作品へ迷いこまないための決めごとで、案内は反対向きだけ。AMIX GAMES の一覧からは KIDS の入口へカードで案内し、KIDS の作品の画像には KIDS の札を付けました。
どの作品も、遊び方の紹介ページに「おうちの方へ」の欄があります。記録がどこに残るか、何歳くらいからが目安か、画面に漢字を使っているか。でんしゃの うんてんし の画面はひらがなとカタカナで、雨にぬれても はふりがなのない漢字を使い、目安を小学校中学年くらいからとしました。年齢は操作のやさしさから決めた目安で、保証ではないことも入口に書き添えています。この欄の裏でコードが何をしているかを、5つの線に分けて見ていきます。
01 — FAILURE行き過ぎたら、戻って止め直す
でんしゃの うんてんし で駅の停止位置を行き過ぎると、警報とともに「いきすぎちゃった! まず とまろう」の文字。電車が止まれば、うしろへ戻るレバーの入れ方が出ます。ゲームオーバーの画面はなく、駅を飛ばして先へ進む道もないので、自分のレバーで戻って止め直す作りです。
そのかわり、戻って止めた駅の★は2つまでです。行き過ぎが15m以内なら★2つ、それより遠ければ★1つ。プレイは止めずに、失敗は記録に残す分け方です。小さな子ども向けには、最高速度を65%に抑え、★3つの判定幅を0.6mから1.2mに広げた「かんたん」を用意しています。
ほかの作品も、やり直しの入口をそれぞれに合わせています。雨にぬれても は、時間の制限がない手番制のパズル。「もどす」で何手でも戻れます。ヒントのボタンは、仕掛けを教える面を除いて最初は出さず、25秒考えたときか、落ちたりやり直したりしたときに現れる仕組みです。らくがき かみずもう では、場所に負け越しても「かきなおす」で力士の形を変えて挑み直せます。取組の負けのすぐあとに場所の結果でも負けのジングルが鳴ると2回続くので、場所の結果では鳴らさないことにしました。
サバつく! のゲームオーバーの画面には「てかげんで さいしょから」があります。選ぶと敵の体力が0.75倍、受けるダメージが0.6倍になり、そのぶんスコアは自己ベストに入らず、作者のクリアの印も付きません。負けが続くと敵がこっそり弱くなる仕組みは入れていません。手加減するかどうかは、遊ぶ人が画面で選びます。
てのひら回転すし は、同じお店に「こども」と「おとな」の2つの仕事を置きました。こどもは握るのが3回で止まるのでシャリが硬くならず、注文のネタがケースの中で光り、お客さんもゆっくり待ってくれます。おとなは待てる時間に限りがあり、レーンで時間のたったすしは廃棄。それでもネタの種類は減らさず、こどもでも6種類すべてを握れます。
02 — NO FREE TEXT名前を打てる欄は、外へ出ない所にだけ置く
でんしゃの うんてんし の「いっしょに とりてつ」は、最大4人で同じ街を歩いて電車を撮るオンラインのモードです。名前の欄もチャットもなく、相手はねこやペンギンなど6種類の動物と帽子の色で見分けます。やりとりは「おーい」「いいね」などのエモート8つと、時間帯や天気を変えてほしいときの「おねがい」7つだけ。届いたデータは種類ごとに範囲を検査し、エモートは番号で届いて、決まった絵と短い言葉に置きかえて表示します(制作事例)。
細かい所では、エモートの吹き出しは画面の上に重ねた表示なので、撮った写真には写りません。招待のURLを開いても自動ではつながらず、URLのコードはアドレスバーから消して、札にコードを入れた状態で待ちます。はじめて使うときの札には「保護者の方と いっしょに 読んでください」とあり、しくみ上この端末のIPアドレスが相手に伝わることがある、と書いたうえで同意のチェックを求めます。
作ったゲームを友だちに渡せる シューつく! と サバつく! では、共有のしかたが別の問題になりました。ゲームはまるごと1つのコードになり、URLやQRコードでも渡せます。そのコードにはゲームの名前と作者名が入るので、どちらも文字を打つ欄は作らず、「ネオン」「ファイター」のような言葉を組み合わせて選ぶ形です。作者名の欄には「ほんとうの なまえは つかわないよ」と添えました。
遊べるURLでは、コードはURLの「#」より後ろに入ります。この部分はページを開くときにサーバーへ送られず、友だちの画面の中でゲームに組み立てられます。保存先は遊んでいる端末の中で、12本まで。残したいゲームはファイルにも書き出せます。
反対に、ぷくネジ!バルーン工房 の「じゆう」には、作った風船に12文字までの名前を付ける欄があります。名前は作品と一緒にかざりだなに並び、その端末のブラウザの中にだけ保存して、どこにも送りません。自由に文字を打てるのは、外へ出ていかない所だけ。共有のコードにも通信にも、打った文字は載せません。
03 — CAMERA映像は送らないと確かめ、カメラを外した
なかよし!パイン×アップル と てのひら回転すし は、もとはカメラで遊ぶゲームでした。カメラに映した両手でフルーツを切り、手のグーとパーですしをつかんで離す。手の位置は、端末の中で動く手の検出のプログラムで読み取っていました。
2026年10月14日、映像が外へ出ていかないかを確かめています。コードには、データを外へ送る処理(POST の通信、WebSocket、WebRTC など)がありません。仮想のカメラをつないだヘッドレスの Chrome で2本を遊ばせ、通信をすべて記録すると、どちらも取りにいく通信だけで、データを載せて送るものは0件でした。外への通信は手の検出のプログラムとモデルの読みこみだけで、遊んでいる25秒の間は1件もありません。ただ、確かめたのは通信の観測までで、手の検出に使った第三者のライブラリは、コードの全体までは読んでいません。
その日の深夜、2本とも公開版からカメラ機能を外しました。今はどちらも指とマウスで遊びます。紹介ページの「おうちの方へ」には、カメラの使用を求めないこと、映像を扱う機能が入っていないこと、端末の中だけで処理する形でも作れるけれど、より安心して遊べるよう普段のページには入れていないことを書きました。カメラで遊ぶ版は開発用に残し、イベントで使う相談を受ける形にしています。
外すときに、操作は指に合わせて作り直しました。パイン×アップル は、つかまえたフルーツが左右のかごに入り、かごから指でつかんでもう一方へぶつける形に。回転すし の「こども」では、すぐに指を離せば、次の置き場所まで自動で運びます。
04 — FEAR怖さと、現実でまねさせない工夫
サバつく! は、押しよせる敵の群れから生き残るゲームです。画面が敵で埋まる場面もあるので、紹介ページの「おうちの方へ」に「こわさについて」の項目を置きました。敵はコウモリやスライム、おばけなどのドット絵で、倒すと宝石や煙になって消え、血の表現はありません。暗いマップは、作る人が「くらさ」の設定で明るくできます。
でんしゃの うんてんし には、線路に動物が入ってくる場面があります。警笛を鳴らすと動物は逃げ、止まりきれないときは自動ブレーキ(ATS)が電車を止めます。一度よけた動物が線路へ戻ってくる途中も、線路にいるものとして扱う作りです。この途中の動物が判定から漏れて、ATS が働かずに電車が通り抜けてしまう不具合も、以前に見つけて直しました。
運転士の仕事として入れた場面が、現実の危ない行動の手本にならないようにもしています。閉まりかけたドアへ駆けてくるお客さんのために、ドアを開け直す場面があります。紹介ページの「おうちの方へ」では、本当の駅での駆け込み乗車はドアにはさまれたり転んだりする危ない行動だと書き、お子さまと「次の電車を待とうね」と話してみるよう添えました。写真を撮る「とりてつ モード」では、線路の中とホームの黄色い線より線路側には歩いて入れず、撮りはじめる前に「フラッシュは使わない」などの「とりてつの おやくそく」を確かめる流れです。
05 — FINGERS小さな指で、拡大されたまま戻れなくならないように
KIDS の8作品を開いた端末は、2026年11月6日〜12日の集計で PC が76〜87%、タブレットが10〜13%、スマホが3〜11%でした(DATA CENTRAL の値)。子ども向けでも PC が多数ですが、どこで誰が開いたかまでは、この数字から分かりません。8本とも PC で遊べるようにしたうえで、指での操作を詰めています。
8本とも、ページの拡大を viewport の設定で禁止していません。AMIX のゲームの指操作の決まりでは、ボタンはダブルタップでの拡大を抑える指定を基本にし、それでも拡大されたときに2本指で縮めて戻れる道を残します。でんしゃの うんてんし には公開から間もなく、ボタンを連打すると画面が拡大されたまま戻せない、という報告が届きました。ゲームの操作部だけで連打と2本指による拡大を抑え、拡大されたときはゲームの入力より縮小を優先する補助を足しました。
スティックで歩く サバつく! には、指を離したのに入りっぱなしになる問題への備えが、公開の時点から入っています。スティックの基準点を画面の座標で持ち、指を離した合図はスティックの上だけでなくページ全体でも受け、それでも取りこぼしたときは残っている指を数えて離します。ほかの作品で同じ報告が3回続いたのを受けて、新しい作品には報告を待たずに入れる決まりにしました。
なかよし!パイン×アップル の「なぞって切る」は、マウスと指で差が出やすい操作です。切れたかどうかの判定に使う速さに上限を設け、速く動かせるマウスが有利になりすぎないようにしました。ゆっくりなぞって切れなかったときは、1回だけ「もっと はやく なぞると 切れるよ」と出ます。タブレットなら、2人が1本ずつ指を使い、パインとリンゴを1つずつつかんでぶつけ合うこともできます。らくがき かみずもう の「みんなで」は、1台を2〜4人で囲み、それぞれ自分の色の場所をたたいて力士を押す遊び方です。
スマホを横にすると、画面の高さはブラウザのツールバーでさらに削られます。8本とも、画面の短い辺が600px未満で指で操作する端末を横にしたときは縦向きにするよう案内し、動きのある場面なら止めます。タブレットと PC には出しません。てのひら回転すし は縦長の画面に合わせて、まな板・おひつ・ネタのケースを大きく並べ直しました。
06 — PERSPECTIVE子ども向けの企画で先に引く線
教育やファミリー向けの企業・団体が子ども向けのゲームを企画するなら、ここまでの5つは、作り始める前に決めておく項目になります。後から変えると、通信や保存の作りまで変わる所です。
子どもが打った文字を、誰が見るか。名前やメッセージをほかの人に届けるなら、投稿を見守る体制と、その文字を受け取って保存するサーバーが要ります。決まった言葉から選ぶ形やエモートだけのやりとりなら、ファイルを配信するだけの構成のまま組めます。でんしゃの うんてんし のオンラインも、借りているのは入室の仲介をする PeerJS の公開サーバーだけです。
記録をどこに置くか。KIDS の8作品は、記録をすべて遊んだ端末のブラウザの中に残しています。別の端末への引き継ぎや参加者のランキングを作るなら、アカウントと個人情報の扱いが設計に加わります。
カメラやマイクを使うか。端末の中だけで処理する作りにしても、いつでも開けるページに置くか、イベントの会場だけで使うかは分けて決められます。パイン×アップル と 回転すし も、カメラで遊ぶ版はイベント用に分けて残しています。
失敗のさせ方、画面の文字の難しさ、年齢の目安。どこまでを「かんたん」に入れ、何を記録に残すか。遊ぶ子どもの画面と、そばの大人が読む「おうちの方へ」の説明を一緒に作ることも、制作の範囲に含めておくと抜けません。
新しく作る企画の進め方と見積もりの項目は、法人向けのブラウザゲーム開発・制作のページに、公開中のゲームの中に企業や団体が入る形は、AMIX GAMES の企業・団体向けの案内にまとめています。対象の年齢と、公開する場所(いつでも開けるページか、会場やイベントの期間だけか)が分かっていると、どこに線を引くかを一緒に決めるところから始められます。


