Поверніть спотворену літеру на її справжній контур, перетягуючи маркери Безьє й витрачаючи суворий бюджет вузлів, які вам дозволено переміщувати.
Сірий привид показує цільову літеру; ваша золота крива від неї відхилена. Перетягуйте круглі маркери, щоб відновити літеру, але торкатися можна лише обмеженої кількості вузлів, тож кожен рух важить. Кожна головоломка — одна з шести літер: C, S, U, J, O або G.
Візьмімо C на звичайному рівні. Її намальовано трьома сегментами кривої, з’єднаними кінець до кінця: чотири опорні точки лежать на контурі, а шість маркерів спрямовують криву між ними — усього десять точок. Звичайний рівень дозволяє торкнутися семи, тож щонайменше три точки мають залишитися там, куди їх зсунуло спотворення.
Спершу витрачайте бюджет на опорні точки. Опорна точка посередині літери формує криву з обох боків від себе, а маркер згинає лише один сегмент. Поверніть на місце дві середні опорні точки, потім дві кінцеві — і C майже відновлено. Залишаються три вузли для маркерів, які помітно найдальше відхилилися. Вузол, якого ви вже торкнулися, можна й далі підправляти безкоштовно, тож доведіть їх до ладу, перш ніж братися за новий.
Якщо крива позеленіла, а два вузли ще не витрачено, ці два варті 80 балів — більше, ніж приблизно 30, які ви отримали б, підтягнувши збіг з 88 % до 91 %.
Reshape навчає, як криві Безьє та керувальні маркери визначають форму літери — основу цифрових шрифтів і векторної графіки.
Відновлення викривленої літери до цільового контуру з обмеженою кількістю вузлів — це дизайн шрифту в умовах того обмеження, в якому працюють справжні шрифтові дизайнери.
Криві прийшли з автомобільної галузі. 1959 року Поль де Кастельжо, працюючи в Citroën, розробив метод їх обчислення; Citroën запатентував його у Франції, але оприлюднено його було лише в 1980-х. Французький інженер П’єр Безьє незалежно знайшов ті самі криві й популяризував їх у 1960-х, проєктуючи кузови автомобілів у Renault, тому вони й носять його ім’я: криві Безьє.
Далі настала черга літер. 1984 року Adobe представила свої шрифти PostScript, що описують кожен гліф кубічними кривими Безьє — того самого типу, що й у Reshape: дві опорні точки й два маркери на сегмент. Згодом Apple у TrueType обрала простіші квадратичні криві, які швидше обробляються, але для більшості форм потребують більше точок.
Менше точок дають кращу криву, що контрінтуїтивно, доки ви її не намалюєте. Кожен додатковий вузол — місце, де контур може зламатися, тож професійні шрифти використовують напрочуд мало вузлів. Інструменти шрифтового дизайну вчать тієї самої дисципліни: посібник редактора шрифтів Glyphs про добрі контури радить дизайнерам видаляти зайві точки й ставити вузли в екстремумах кривої — її найвищій, найнижчій, крайній лівій і крайній правій точках.
Reshape — оригінальна безкоштовна браузерна гра, створена для PlayPendium: шість літер, два способи їх зламати й щоденна головоломка, однакова для всіх гравців.