マガジン

紙にしかできないことは何か:画面で再現できるか確かめる3つの比較

遊びをつくる

執筆にClaudeを使用しています。

壊れたビー玉コースを四枚の記録カードと虫眼鏡を使って調べ、修理する手元
記事のテーマをもとに制作したAI生成イラスト。

カードを配った瞬間に場の空気が変わる。駒を指で押さえて相手の顔を見る。ルールが気に入らなければ、その場で紙の端に書き足す。ボードゲームの話になると、こうした「紙ならでは」が語られます。ただ、それが本当に紙の性質なのか、画面側の作り込みが足りないだけなのかは、並べて比べないと分かりません。 この記事では「紙にしかできないこと」を結論として書かず、仮説として扱います。仮説は3つです。(1) 手札を手に持って隠す感触。(2) 同じ机で盤を囲む同席。(3) その場でルールを書き換えられる余白。それぞれを紙と画面で同じ遊びに移し、差が出る場所と出ない場所を自分で測る設計書です。結果は書いてありません。差が出るかどうかも、出た差が紙の性質によるのかも、実施した人が読み取ります。 ゲームを作る人にとっての収穫は、「紙の良さ」という曖昧な言葉を、画面に足せる具体的な機能の候補に分解することです。

この記事の目次
  1. 共通の準備:何をそろえ、何を変えるか
  2. 比較1:手札を「持つ」感触は、画面の「見る」操作で代わりになるか
  3. 比較2:同じ机で囲む「同席」は、盤の置き方で変わるか
  4. 比較3:その場でルールを書き換えられる余白は、画面で再現できるか
  5. 結果の読み方と、起こりやすい誤り
  6. 次の行動

共通の準備:何をそろえ、何を変えるか

3つの比較に共通する原則は、変える要素を一つに絞ることです。紙と画面でルールが違えば、差の原因がルールなのか媒体なのか分からなくなります。

用意するものは次のとおりです。

  • 1〜12の数字を書いたカード12枚(付箋や名刺大の紙で足ります)
  • 3人で遊べる人数(比較2のみ2人組と記録者1人)
  • スマートフォンのストップウォッチと、回数を数えるメモ
  • 画面側のプロトタイプ(比較1と比較3で使います)

共通ルールは、比較1と比較3で使う「20超え」です。

  • 3人が各4枚を持ちます。
  • 順番に1枚ずつ場に出し、場の合計を声に出して確認します。
  • 合計が20を超えるカードを出した人が負けです。

ルールは意図的に単純にしてあります。面白さの検証ではなく、媒体の違いを見るための道具だからです。

参加者には、記録を取ること、録画や録音はしないこと、集計だけを使うことを先に伝えて同意を得ておきます。各条件は最低3回行い、条件の順番は組ごとに入れ替えます。紙から始める組と画面から始める組が混ざっていれば、慣れの影響を少し打ち消せます。

比較1:手札を「持つ」感触は、画面の「見る」操作で代わりになるか

問い:手札を伏せて持ち、必要なときに扇のように開く動作は、緊張や思考の深さに関わっているでしょうか。それとも、隠せていれば形はどうでもよいのでしょうか。

画面側の試作:ネットワークを使わず、1台の端末を順番に回す形にします。手札は伏せた「?」で、「手札を見る/伏せる」を押すと数字が出ます。1枚出すと自動で伏せて、次の人の番になります。ブラウザで開けば単独で動きます。

html
<!doctype html>
<meta charset="utf-8">
<title>手札プロト</title>
<p id="info"></p>
<p id="hand"></p>
<button id="toggle">手札を見る/伏せる</button>
<script>
const N=3,LIMIT=20,hands=[];
const deck=[...Array(12)].map((_,i)=>i+1);
for(let i=11;i>0;i--){const j=Math.floor(Math.random()*(i+1));[deck[i],deck[j]]=[deck[j],deck[i]];}
for(let p=0;p<N;p++)hands.push(deck.slice(p*4,p*4+4).sort((a,b)=>a-b));
let turn=0,sum=0,shown=false,over=false;
const info=document.getElementById("info"),box=document.getElementById("hand");
function draw(){
  box.innerHTML="";
  if(over)return;
  info.textContent="プレイヤー"+(turn+1)+"の番 / 場の合計 "+sum;
  hands[turn].forEach(n=>{
    const b=document.createElement("button");
    b.textContent=shown?n:"?";
    b.onclick=()=>{ if(shown)play(n); };
    box.appendChild(b);
  });
}
function play(n){
  hands[turn]=hands[turn].filter(x=>x!==n);
  sum+=n;shown=false;
  if(sum>LIMIT){over=true;info.textContent="プレイヤー"+(turn+1)+"が"+LIMIT+"を超えました(合計 "+sum+")";box.innerHTML="";return;}
  turn=(turn+1)%N;draw();
}
document.getElementById("toggle").onclick=()=>{shown=!shown;draw();};
draw();
</script>

数字が見えている間だけカードを出せるようにしてあります。伏せたまま出せると、紙の「見ずに出す」ことがない条件との差になってしまうためです。

手順:紙と画面を交互に、各3ゲーム以上遊びます。1ゲームごとに記録を取ります。

記録:

  • 手番開始から1枚出すまでの秒数を、手番ごとに測ります。
  • 手札を見直した回数を、観察者が数えます。紙なら手元に視線を落とした回数、画面なら「見る」を押した回数です。
  • 端末を次の人に渡す時間を、画面条件だけ測ります。
  • 終了後に各自が「緊張した」「もう一度遊びたい」を5段階で答えます。
  • 終了後に「他の人の手札を何枚くらい推測できたか」を0〜4枚で自己申告します。

結果の読み方:緊張と再挑戦意欲が紙のほうで高く、見直し回数も多ければ、手札を持つ動作が思考のリズムに使われている可能性があります。一方、画面条件の受け渡し時間が長ければ、手触りではなく「回す手間」が差の原因かもしれません。その場合、画面の遅れを手触りの価値と読み違えないよう注意してください。差が小さければ、この要素は画面でも再現できていると判断できます。

比較2:同じ机で囲む「同席」は、盤の置き方で変わるか

問い:相手の顔が見えて、盤を指差せて、思わず声が出る。この同席の効果は、紙という物体から来るのでしょうか。それとも、同じ場所にいることから来るのでしょうか。

この比較では、題材に公式作品「灯りのチェス」を使います。確認済みの機能では、同じ画面でのふたり対局と、招待リンクによるオンライン対局の両方が用意されています。紙の盤と合わせて、条件を3つ作れます。

  • A、内容:紙の盤と駒で、同じ机に座る
  • B、内容:灯りのチェスの同じ画面でのふたり対局。端末は1台で、同じ机に座る
  • C、内容:灯りのチェスの招待リンクによるオンライン対局。別々の部屋に座る

オンライン対局は確認済みアカウントで部屋を作って友達を招待する形で、チャット機能は提供されていません。条件Cでは通話を使うかどうかを先に決めて、全組で固定してください。通話を使わなければ、盤上の動きだけが連絡手段になります。その状況自体が観察の対象です。条件Bで黒側の盤面が反転するかどうかは、作品を開いて確かめてください。

手順:対局は2人で行い、もう1人が記録係に回ります。チェスは終局まで時間がかかるため、各条件とも合計30手(白と黒の手を合わせた数)で打ち切ります。勝敗は見ません。3条件の順番は組ごとに変え、6通りの順列を全部使うのが理想です。組が足りなければ、順番の影響が残ることをメモに明記します。

記録:

  • 10手ごとの区間で、会話の回数を数えます。
  • 相手の手番が始まるたびに、最初に視線が向いた先を一つ記録します(盤、相手の顔、手元、その他)。
  • 「今の手を戻したい」と申告された回数を数えます。
  • 30手で打ち切った後、自然に感想戦が始まったかを記録し、始まった場合は秒数も測ります。

結果の読み方:AとBで会話や視線の動きが近く、Cだけが違うなら、同席の効果の中心は紙ではなく「同じ場所にいること」です。画面でも、同席の時間が作れます。AがBやCと大きく違うなら、盤を直接つかむ、駒の音、指差しといった物体由来の要素を疑います。Cで感想戦が起きにくければ、終局後に話す導線が足りないのかもしれません。チャットが未提供の環境で何が足りなくなるのかを、具体的に洗い出す材料になります。

比較3:その場でルールを書き換えられる余白は、画面で再現できるか

問い:「この札は2枚分にしよう」と誰かが言ったとき、紙なら書き足して次の一局を始められます。画面のゲームで同じ速さでルールを変えるには、何が必要でしょうか。

準備:比較1と同じ「20超え」を使います。画面側は2通り用意します。

  • 画面α:コードの LIMIT の値や数字の扱いを、作る人が直接書き換えて再読み込みします。
  • 画面β:合計の上限を、設定欄の入力から変更できるように試作側を拡張します。上のコードの LIMIT を入力欄の値で置き換えるだけで足ります。

手順:3人で10分間遊び、遊びながら誰でも「ルール変更の提案」を出してよいことにします。提案は、数字の扱い、上限、出せる枚数など何でも構いません。全員が了承したらその変更を反映し、次の一局を始めます。紙、画面α、画面βの3条件で行います。画面αで直す人は、ふだんコードを触る人にしてください。

記録:

  • 提案の件数と、却下された件数を数えます。
  • 了承から次の一局の開始までの秒数を測ります。
  • 紙の条件では、カードへの書き込みやメモ、落書きの有無を記録します。
  • 10分間に遊べた局数を数えます。

結果の読み方:提案件数が紙で多く、開始までの秒数も短ければ、変更のしやすさが提案の出やすさにつながっていると読めます。画面βが紙に近い数字を出すなら、画面でも「コードを触らずに変えられる余白」は作れるということです。それでも書き込みの有無に差が残るなら、ルールの変更ではなく、物に直接書けること自体の価値を疑う価値があります。

ここで公式作品の設計から読み取れる点を一つ挙げます。「余白の庭」には、置いたものの移動と大きさ調整、戻す/やり直す(Z/Y)、最大80個までの配置、保存があります。紙の上で何度も置き直す感覚を、画面で操作の安さに置き換えた設計だと読めます。具体的な画面の作りは、作品を開いて確かめてください。

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

3つの比較を終えたら、各観察の差を次のように整理します。

  • 見直し回数・緊張、紙で大きいとき:持つ動作に価値がある可能性、差がないとき:画面の操作で代替できている
  • 会話・視線・感想戦、紙で大きいとき:物体か同席のどちらかが効いている、差がないとき:同席の時間を作れば足りる
  • 提案件数・再開の速さ、紙で大きいとき:変更の手軽さが効いている、差がないとき:設定欄などの工夫で追いつく

差が出たときは、すぐ「紙の価値」と名づけず、原因の候補を2つ以上並べてください。受け渡しの手間、画面の大きさ、慣れ、記録者の存在などです。

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

  • 1回の対局や1組の結果で結論を出すこと。最低3回、できれば複数の組で見てください。
  • 条件の順番をそろえてしまうこと。最初の条件に慣れが乗ります。
  • 自己申告の点数だけで判断すること。秒数や回数など、観察できる値と並べて読んでください。
  • 画面側の作りの粗さを、媒体の限界と読み違えること。差が出たら、まず試作の不足を疑ってください。
  • 期待する結果に合わせて記録をとること。記録係は条件の仮説を知らされていないほうが安全です。

次の行動

最も始めやすいのは比較1です。付箋12枚と上のコードがあれば、3人で今日から始められます。画面側で足りないものが見つかったら、それを機能に変えた小さな作品を作ってみてください。アソバースにはHTMLを直接アップロードして投稿でき、公開にはメールアドレスの確認が必要です。