SVGで作られた、崩れたフォントを直すゲーム「Shape Type」


Shape Type, the letter shaping game (Method of Action)

SVG+JavaScriptで作られた、崩れたフォントのシェイプ(形)を調整して、どれだけ元に近いか得点を競うゲーム「Shape Type」が公開されています。 (英語)

幾つかあるピンクの丸をドラッグして、ドロー・アプリのベジェ・ツールの要領でフォントを調整できたら、「COMPARE」ボタンをクリックします。

「Original letter」と「Your letter」をクリックすると、正誤をSVGのアニメーションで確認でき、「NEXT」ボタンで次の問題に進みます。

フォントは10種類あり、全部終わると100点満点で得点(10問の平均?)が表示され、結果をTwitterにつぶやく事もできます。

同じようにフォントのカーニング(字間)を調整する「Kern Type」も公開されています。


Keywords : ベジェ曲線, 文字詰め