マガジン

小さな軌道の予測線と前回の軌跡:二本の線の色と太さ

遊びを見つける

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

紙の飛行機が、海辺の小さな街と山の上を飛んでいく絵。
記事のテーマをもとに制作したAI生成イメージ。実際のゲーム画面ではありません。

「小さな軌道」で発射角度と初速を決めると、引力で曲がる軌道の予測が点線で表示されます。何度か挑戦すると、画面にはもう一本、前回の軌道を示す細い実線が加わります。点線は「これから起こりそうなこと」、細い実線は「すでに起きたこと」です。性質の違う二本が、同じ星の周りを似た形で回り込みます。 二本が近い角度で重なる場面を考えてみます。前回より少しだけ角度を変えて発射しようとして、画面に点線と実線が寄り添って走っています。このとき、どちらが予測でどちらが記録かを、一瞬で迷わずに読み取れるでしょうか。迷うなら、調整の判断が遅れます。迷わないなら、線の描き分けが役に立っています。 ここで扱う問いは「線種・太さ・色のうち、どれが二本を見分ける働きを担っているか」です。作品の画面を材料に、読者が自分で数え、記録し、判定する分析の手順として組み立てます。結果の数値はここには書きません。答えは、読者自身の画面と記録から出ます。

この記事の目次
  1. 確かめられる前提と、確かめられない部分
  2. 描き分けの軸を分解する
  3. 手順:一回の発射を一行にして記録する
  4. 太さと明るさを数値で見る
  5. 三秒テストと重なりの判定
  6. 結果の読み方と起こりやすい誤り
  7. 次の行動

確かめられる前提と、確かめられない部分

まず、確認済みの事実と、作品を開いて確かめるべき事柄を分けます。

確認済みなのは次の点です。

  • 発射角度と初速を決め、引力で曲がる軌道でゲートを目指すこと
  • 3つの星系があること
  • 全軌道予測が点線で、前回の軌道が細い実線で表示されること
  • 予測を消して挑むこともできること
  • 一時停止から同じ位置で再開できること

一方で、線の具体的な色、太さの数値、不透明度、描画の重なり順、背景との対比は、ここでは書けません。「この部分は作品を開いて確かめる」ものです。記録の手順は、この空白を読者が埋めるために設計します。

予測を消した状態で前回の実線がどう見えるかも、作品を開いて確かめる項目に入れます。予測の点線が消えると、実線は「唯一の手がかり」になります。その役割で見やすさが足りているかは、読み取りの対象になります。

描き分けの軸を分解する

「見分けやすい」を一つの印象で済ませず、軸に分けると記録しやすくなります。二本の線の違いは、次の軸で整理できます。

  • 線種、確認の観点:点線と実線の違いは遠目でも残るか、確かめる方法:画面から少し離れて見る
  • 太さ、確認の観点:二本の幅の差は十分か、確かめる方法:スクリーンショットで幅を測る
  • 色、確認の観点:色相や明るさに差があるか、確かめる方法:色名を書き留め、グレースケール化して比べる
  • 背景との対比、確認の観点:星系ごとの背景で線が埋もれないか、確かめる方法:3星系すべてで同じ手順を行う
  • 重なり、確認の観点:交差・並走区間で両方を追えるか、確かめる方法:重なる発射を意図的に作る

軸を分けると、「色が似ていても線種で救われている」「太さの差が小さく、色に頼っている」といった内訳が見えます。描き分けの設計は、一つの軸が弱くても別の軸が補う組み合わせで成り立つことが多いからです。点線と実線という線種の違いは、色を見なくても伝わる軸です。色だけに頼らない表現は、色の見え方に個人差があることを踏まえた、一般的な配慮の考え方でもあります。

手順:一回の発射を一行にして記録する

集計の単位は「一回の発射」にします。一回ごとに、画面の状態と判定を一行で残します。

準備するもの

  • 「小さな軌道」を開いたブラウザ
  • スクリーンショットを撮る手段(OSの標準機能で足ります)
  • 記録用の表(紙でも表計算でも構いません)
  • 画像を扱える簡単な環境(後述の小さなHTMLでも足ります)

手順

  1. 星系を一つ選び、予測を表示した状態で一度発射します。前回の軌道が存在しない最初の発射では、実線がどう扱われているかを記録に残します。
  2. 二度目以降は、前回とほぼ同じ角度で発射します。二本が重なりやすい状況が自然に作れます。
  3. 発射の直前と、発射後に軌道が伸びきった時点で、それぞれスクリーンショットを撮ります。
  4. 同じ星系で、予測を消して挑む状態でも、同様に数回発射して撮影します。
  5. 3つの星系すべてで繰り返します。
  6. 画面の拡大を変えられる環境なら、拡大前後で同じ構図を一組撮ります。

発射の回数は、星系ごとに予測あり・予測なしで各3回以上を目安にすると、偶然の見え方に引きずられにくくなります。回数は読者が決めて構いませんが、決めたら途中で変えず、表の先頭に書いておきます。

記録表の例

  • 1、星系:一つ目、予測:あり、点線の色名:、実線の色名:、重なり区間:、追えたか(○△×):、備考:
  • 2、星系:一つ目、予測:あり、点線の色名:、実線の色名:、重なり区間:、追えたか(○△×):、備考:
  • 3、星系:一つ目、予測:なし、点線の色名:、実線の色名:、重なり区間:、追えたか(○△×):、備考:

色名は「赤」「青」のような大づかみで構いません。「明るい」「暗い」も添えます。迷う場合は、迷ったこと自体を備考に書きます。

太さと明るさを数値で見る

印象の判定に加えて、スクリーンショットから数値を取ります。

太さは、画像編集ソフトで線に直交する方向の幅をピクセル数で測ります。ただし画面の大きさや拡大で絶対値は変わります。そこで、同じ画像の横幅に対する割合も併記します。点線は途切れがあるので、点の部分で測ります。二本の幅を、同じ画像の中で測って比べるのが要点です。比べる位置は、どちらも直線に近い区間を選ぶと誤差が減ります。

明るさの比較には、グレースケール化が簡単です。次の小さなHTMLは、選んだスクリーンショットをそのまま表示し、隣に白黒にしたものを並べます。外部通信は行いません。

html
<!doctype html>
<meta charset="utf-8">
<input type="file" id="f" accept="image/*">
<div>
  <img id="c" style="max-width:48%">
  <img id="g" style="max-width:48%;filter:grayscale(1)">
</div>
<script>
document.getElementById('f').onchange = e => {
  const u = URL.createObjectURL(e.target.files[0]);
  document.getElementById('c').src = u;
  document.getElementById('g').src = u;
};
</script>

テキストファイルに保存して拡張子を .html にし、ブラウザで開くと使えます。白黒の画像で二本の線が同じ灰色に見えるなら、色の明るさに差がないことを意味します。その場合でも線種の違いで見分けられるかを、次の判定で確かめます。

三秒テストと重なりの判定

数値だけでは、実際に迷うかどうかは分かりません。そこで、短時間で答える読み取りテストを組みます。

  1. 発射直後のスクリーンショットから、必要なら一部をトリミングします。
  2. それを他の人に3秒だけ見せ、「どちらが予測で、どちらが前回の軌道だと思いますか」と尋ねます。
  3. 答えの正誤と、迷ったかどうかを記録します。

聞く人数は読者が決められます。年齢やゲームの経験が違う人を混ぜると、見え方の幅が分かります。同じ人に、カラー版と白黒版を別々の日に見せる方法もあります。ただし、同じ人に続けて見せると記憶で答えが固まるので、間隔を空けます。

重なりの判定は、画面上で二本が最も近づく地点を拡大して行います。確かめるのは次の三点です。

  • 交差する地点で、どちらの線が上に描かれているか
  • 並走する区間で、二本が一本に見えてしまわないか
  • 重なりを抜けた後で、どちらがどちらかを見失わないか

点線と細い実線が重なると、点の隙間から実線が見える構図になります。この見え方が、読み取りに有利に働くか不利に働くかは、実際の画面で確かめる事柄です。

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

記録がたまったら、軸ごとに読みます。

  • 白黒でも三秒テストの正答が保たれるなら、線種と太さが十分に働いていると読めます。
  • 白黒で迷いが増えるなら、色の差に依存している部分があります。
  • 特定の星系だけ迷いが増えるなら、その背景との対比が弱い可能性があります。
  • 予測を消したときに前回の実線を見失うなら、単独で読み取る役割での視認性が課題として残ります。
  • 拡大で差が変わるなら、描き分けが画面の大きさに依存していると読めます。

起こりやすい誤りもあります。

  • 一回の印象で結論を出す:星系や回数を変えずに判断すると、背景や軌道の偶然に左右されます。
  • 色名を後から思い出して書く:その場で書き留めないと、記憶が見え方を上書きします。
  • 圧縮画像の色を信じる:共有サービスを通した画像は色が変わることがあります。測定は撮った原本で行います。
  • 正解を知っている人に聞く:作品を作った人や何度も遊んだ人は、線の意味を知っているので、初見の見分けやすさを測れません。
  • 線を測る場所がばらつく:点線の隙間や曲がりの強い区間で測ると、幅が正しく出ません。

「見分けにくい」という結果が出ても、それは作品の欠陥の断定ではありません。読み取りの条件を記録として残したものとして扱い、遊びやすさを考える材料にします。

次の行動

「小さな軌道」を開き、一つの星系で予測ありの発射を3回行い、二度目以降のスクリーンショットを撮ってください。点線と細い実線の色名を、その場で記録表に書き込みます。次に同じ画像を白黒にして、二本を見分けられるかを確かめます。余裕があれば、他の星系と、予測を消した状態でも同じ手順を繰り返します。