ベジェハンドルをドラッグして、歪んだ字形を本来の輪郭へ引き戻しましょう。動かしてよいノードの予算は厳しく決められています。
灰色のゴーストが目標の文字を示し、あなたの金色の曲線はそこから歪んでいます。丸いハンドルをドラッグして文字を復元しますが、触れられるノードの数は限られているため、一手一手が重要です。パズルはどれも C、S、U、J、O、G の六文字のいずれかです。
ノーマルの C を例にとりましょう。C は端と端をつないだ3つの曲線セグメントで描かれています。輪郭上にある4つのアンカーと、その間の曲線を操る6つのハンドル、合わせて10個の点です。ノーマルで触れられるのは7つなので、少なくとも3つの点は歪んだ位置のまま残さなければなりません。
まずアンカーに予算を使いましょう。文字の中ほどにあるアンカーはその両側の曲線を形づくりますが、ハンドルが曲げるのは1つのセグメントだけです。中ほどの2つのアンカーを元の位置に戻し、次に両端の2つを戻せば、C はほぼ元どおりになります。残る3ノードは、目に見えて最も外れているハンドルに使います。一度触れたノードは無料で調整し続けられるので、新しいノードに手を出す前にそれらを微調整しましょう。
まだ2ノードを残した状態で曲線が緑色になったら、その2つには80点の価値があります。一致度を88%から91%に押し上げて得られる30点ほどよりも多いのです。
Reshape では、デジタル書体とベクターアートの核心である、ベジェ曲線とコントロールハンドルがどのように字形を定義するかを学べます。
限られた数のノードだけに触れて、ゆがんだ字形を目標の輪郭へと戻していくのは、本物の書体デザイナーが働く制約のもとでの書体デザインである。
この曲線は自動車産業から生まれた。1959年、シトロエンに勤めていたポール・ド・カステリョはその計算法を開発した。シトロエンはフランスで特許を取得したが、公表されたのは1980年代になってからだった。フランスの技術者ピエール・ベジェは、ルノーで車体を設計していた1960年代に同じ曲線を独自に発見して世に広めた。そのためこの曲線には彼の名が付いている。ベジェ曲線である。
文字がそれに続いた。アドビは1984年にPostScriptフォントを導入し、すべてのグリフを3次ベジェ曲線で記述した。Reshape が使うのと同じ種類で、1セグメントにつきアンカー2つとハンドル2つを持つ。アップルのTrueTypeは後に、より単純な2次曲線を採用した。処理は速いが、ほとんどの形でより多くの点を必要とする。
点が少ないほうがよい曲線になる。これは実際に描いてみるまでは直感に反している。ノードが一つ増えるたびに、輪郭がねじれうる場所が一つ増える。そのためプロの書体は驚くほど少ない点しか使わない。書体デザインのツールも同じ規律を教えている。フォントエディターGlyphsのよいパスの描き方ガイドは、余分な点を削除し、ノードを曲線の極点、つまり最も高い点、最も低い点、最も左の点、最も右の点に置くようデザイナーに説いている。
Reshape は PlayPendium のために作られたオリジナルの無料ブラウザゲームです。6つの文字、それを崩す2つの方法、そしてすべてのプレイヤーに共通のデイリーパズルがあります。