塗り絵ゲームに正解はないのに、なぜ終わりが分かるのか

完成を感じさせる条件の候補

正解のない遊びで「終わり」を決めているものとして、次の4つを仮説に置きます。どれも確定した事実ではなく、記録で確かめる対象です。

• 枠が閉じている、内容：輪郭の中を塗り尽くすと終わる。未塗りの領域がなくなるのが合図です、記録で見るもの：終了時の未塗り領域の数
• 変化が小さくなる、内容：新しく塗っても、絵の印象が変わらなくなる、記録で見るもの：終了直前の「新しく塗った割合」
• 自分の基準を満たす、内容：「色は3色まで」「空は青」など、本人だけが知っているルールが満たされる、記録で見るもの：終了理由の自己申告
• 外から区切られる、内容：時間、個数の上限、疲れ、呼ばれて中断するなど、記録で見るもの：終了時刻、中断の有無

人の知覚には、欠けた輪郭を補って「ひとまとまり」と見る傾向があると一般に言われています。塗り絵の輪郭は、この傾向に頼って「ここまでが一つの絵だ」と示す仕掛けと読めます。ただし、それだけで終わりを決めているのか、残りの候補が重なっているのかは分かりません。そこで、同じ人に条件を変えて遊んでもらい、終わり方がどう変わるかを見ます。

記録の設計

問いと条件を決める

問いは「終わりたいと感じた時点で、何が起きていたか」です。条件は次の3種類の絵を用意して比べます。

• A：輪郭が多く、領域が細かい絵
• B：輪郭が少なく、大きな領域が数個の絵
• C：輪郭のない白紙（または白い画面）

AとBで枠の影響を、Cで枠がないときに何が終わりを決めるかを見ます。各条件は最低3回、できれば別の日に分けて行います。1回だけでは、その日の気分と区別できないためです。

1回ごとに記録すること

紙に次の項目を書きます。

1. 開始時刻と、終わりたいと感じた時刻（感じたらすぐ書くか、声に出して時刻をメモします）
2. 実際に手を止めた時刻
3. 終わりの時点で未塗りの領域がいくつ残っていたか（Cは「置いた面の数」）
4. 終わった理由を一つ選ぶ（残りがない／変化が感じられなくなった／自分の基準を満たした／時間・疲れ・中断／その他）
5. 後で「完成した感じ」を1〜5で自己評価する（終了直後に付け、見返して直さないこと）

「新しく塗った割合」は、直近10回の塗る操作のうち、まだ塗られていなかった場所に色を置いた回数を10で割ったものとします。たとえば直近10回のうち2回だけが新しい場所なら、割合は0.2です。同じ場所の塗り重ねや色替えが増えるほど、この値は下がります。紙の場合は、最後の10ストロークを数える代わりに、最後の1分間に塗った新しい領域の数で代用しても構いません。

ブラウザで自動記録する場合

自作の塗り絵ゲームや試作用のページがあれば、操作を自動で記録できます。次は、8×8のマスを塗り、「終わりにする」で集計を出す最小のコードです。単独のHTMLとして動き、外部通信はしません。

<!doctype html>
<meta charset="utf-8">
<title>塗り絵ログ</title>
<style>
#g{display:grid;grid-template-columns:repeat(8,40px);gap:2px}
#g button{width:40px;height:40px;border:1px solid #888;background:#fff}
</style>
<div>
<button data-c="#e66">赤</button>
<button data-c="#6b6">緑</button>
<button data-c="#66e">青</button>
</div>
<div id="g"></div>
<button id="end">終わりにする</button>
<pre id="out"></pre>
<script>
let color="#e66";const log=[];const t0=Date.now();
document.querySelectorAll("[data-c]").forEach(b=>b.onclick=()=>color=b.dataset.c);
const g=document.getElementById("g");
for(let i=0;i<64;i++){
 const c=document.createElement("button");
 c.onclick=()=>{
  c.style.background=color;
  log.push({t:Date.now()-t0,cell:i,color});
 };
 g.appendChild(c);
}
document.getElementById("end").onclick=()=>{
 const n=log.length;
 const cells=new Set(log.map(l=>l.cell)).size;
 document.getElementById("out").textContent=
  "操作回数: "+n+"\n塗ったマス: "+cells+"/64\n塗り直し: "+(n-cells)+"\n総時間(ms): "+(n?log[n-1].t:0);
};
</script>

ログは配列に入っているだけなので、ページを閉じると消えます。集計の数字は、閉じる前に紙へ書き写してください。「終わりにする」を押す時刻を、手を止めた時刻の目安にできます。ただし、このページには枠も絵もないので、Cに近い条件の確認用です。

結果の読み方と、起こりやすい誤り

各条件の3回分を並べて、次のように読みます。

• 未塗りが0で終わることが多い：枠が閉じていることが効いている可能性があります。ただしAとBで差があるかを見ます。Bで同じなら、領域の細かさではなく「全部塗った」という事実が合図になっていると読めます。
• 未塗りが残ったまま終わり、終了直前の新規割合が低い：変化が小さくなることが効いている可能性があります。
• 未塗りが残り、新規割合も高いまま終わり、理由が「自分の基準」：本人の基準が主役です。理由欄の言葉が毎回似ているかを確認します。
• 理由が「時間・疲れ・中断」ばかり：外からの区切りで終わっており、完成の感じは別物かもしれません。自己評価が低いなら、終わったが完成ではない状態です。

特に面白いのは、手を止めた時刻より前に「終わりたい」と感じた時刻がある場合です。その間に何をしていたかを見ます。仕上げの塗り直しなのか、眺めているだけなのかで、完成の感じの正体が変わります。

誤りやすい点は次のとおりです。

• 1回の結果で結論を出すこと。条件ごとに3回以上、日を分けて集めます。
• 順序の影響を無視すること。A、B、Cを毎回同じ順にすると、慣れの影響が条件の差に混ざります。回ごとに順番を入れ替えます。
• 自己評価を後から直すこと。記録の趣旨が崩れるので、直さずに残します。
• 子どもと大人の記録を一つにまとめること。終わりの基準は年齢で違い得るので、人ごとに分けて読みます。保護者が見る場合は、声かけを避け、時刻とメモだけを取ると、観察そのものが終わりを早めることを抑えられます。
• 時間制限を入れて比べること。制限を入れると「外から区切られる」が必ず混ざります。

作る人が確かめる、終わりの手がかり

作る側にとって、この分析は「終わりの合図を画面に置くべきか」の判断材料になります。記録を見て、次のどれに当たるかで対応が変わります。

• 枠が効いている：領域の数と大きさを調整します。細かすぎれば終わりが遠のき、大きすぎれば塗り尽くす前に退屈する可能性があります。調整後に、同じ手順で再記録します。
• 変化の小ささが効いている：画面に完成度の目安を出す必要はないかもしれません。かわりに、終わりにする操作（保存、見せる、ギャラリーに入れるなど）を見つけやすくします。
• 本人の基準が効いている：基準を邪魔しない設計が要になります。色数や道具を増やしすぎないこと、取り消しを使いやすくすることが選択肢です。
• 外からの区切りが多い：続きから再開できる仕組みを検討します。アソバースでは、アップロード作品内のlocalStorageは一時メモリーの互換処理です。進行を残したい場合は、クラウドセーブ（作品ごとにJSONで128KiBまで）を使う設計が候補になります。最新の案内で仕様を確認してください。

余白の庭で同じ問いを試す

アソバースの公式作品「余白の庭」は、同じ問いを試す素材になります。確認済みの範囲で設計を読むと、木・石・草・花・池・灯りを置く庭づくりで、時間制限はありません。四季と昼夜があり、置いたものは移動や大きさ調整ができ、戻す／やり直す（Z／Y）が使えます。置ける数は最大80個で、保存があり、以前の庭を引き継げます。

この設計から読み取れることがあります。時間制限がないので、外から終わりを決める仕掛けは少なく、終わりの基準は遊ぶ人の側に残ります。一方、80個という上限は、空間が閉じる一つの形と読めます。ただし、上限に達したときの画面の反応や、完成を示す表示が出るかどうかは、作品を開いて確かめてください。

記録する項目は、塗り絵の手順を次のように置き換えます。

• 置いた個数の推移（10個ごとの時刻を書きます）
• 戻す回数と、移動・大きさ調整の回数
• 四季や昼夜を切り替えた回数と、その直後に手が止まったか
• 終えた時点の個数、保存したかどうか、終わった理由

読み方も同じ型で考えます。80個に近い個数で終えるなら、上限が閉じた空間として働いていそうです。個数が少ないまま、四季や昼夜を切り替えて眺めて終えるなら、置き終えたことより「見渡して満足した」ことが合図になっている可能性があります。戻す回数が終了直前に増えているなら、自分の基準に合わせる微調整が完成の感じに関わっているかもしれません。これらは候補であり、数えた記録で当てはまるかどうかが決まります。

次の行動

まず、手元にある塗り絵（紙でも画面でも）を一つ選び、AとBとCの3条件を3回ずつ、日を分けて記録してみてください。終わった理由の欄に毎回似た言葉が並ぶかどうかが、最初に見る場所です。そのあと余白の庭を開き、置いた個数と終えた理由を同じ表に書き足すと、枠のない遊びと比べることができます。