‏Tegaki: هر فونتی رو دست‌نویس انیمیشنی می‌کنه

Tegaki (به ژاپنی 手書き یعنی دست‌نوشته) یه کتابخونهٔ جاوااسکریپته که هر فونتی رو می‌گیره و متن رو به‌صورت انیمیشن دست‌نویس نشون می‌ده. یعنی به‌جای این‌که متن یک‌دفعه ظاهر بشه، حرف‌به‌حرف و استروک‌به‌استروک با زمان‌بندی طبیعی جلوی چشم کشیده می‌شه، انگار یه نفر داره همون لحظه می‌نویسه.

نکتهٔ اصلی که سازنده روش تأکید داره اینه که برای این کار نه باید مسیرها رو دستی بکشی و نه به وابستگی native احتیاج داری؛ فقط یه فونت انتخاب می‌کنی و بقیه‌ش خودکار انجام می‌شه. همین کار رو که معمولاً پرزحمت بود خیلی ساده می‌کنه.

راه‌اندازیش هم سرراسته. بعد از نصب پکیج، تو ری‌اکت کافیه کامپوننت TegakiRenderer رو بیاری و فونت رو بهش بدی:

import { TegakiRenderer } from 'tegaki';
import caveat from 'tegaki/fonts/caveat';

function App() {
  return (
    <TegakiRenderer font={caveat} style={{ fontSize: '48px' }}>
      Hello World
    </TegakiRenderer>
  );
}

یکی از حرف‌های اصلی پروژه پشتیبانی گستردهٔ فریم‌ورکیه. Tegaki با همهٔ فریم‌ورک‌های اصلی کار می‌کنه و برای هرکدوم مسیر import جدا داره: tegaki/react، tegaki/svelte، tegaki/vue و tegaki/solid. علاوه بر اینا برای Astro، جاوااسکریپت خام با tegaki/core و وب‌کامپوننت با tegaki/wc هم نسخه داره.

چند فونت دست‌نویس هم به‌صورت آماده باهاش میان و فقط لاتین نیستن؛ بین‌شون Caveat و Italianno لاتین‌ان، Amiri برای عربی و لاتین، Suez One برای عبری، Tillana برای دوناگری و Klee One برای ژاپنی هست. برای فونت‌های دیگه هم یه تولیدکنندهٔ تعاملی گذاشتن که باهاش می‌تونی باندل سفارشی بسازی.

پروژه با مجوز MIT منتشر شده و یکپارچگی‌هایی هم براش معرفی شده، مثل Sli.dev برای ساختن ارائه با مارک‌داون و Remotion برای ساختن ویدیو برنامه‌نویسی‌شده با ری‌اکت.

نکات کلیدی:

• هر فونتی رو به انیمیشن دست‌نویس استروک‌به‌استروک تبدیل می‌کنه
• نیازی به مسیرکشی دستی یا وابستگی native نداری
• از ری‌اکت، Svelte، Vue، SolidJS، Astro، وب‌کامپوننت و جاوااسکریپت خام پشتیبانی می‌کنه
• چند فونت آماده برای لاتین، عربی، عبری، دوناگری و ژاپنی همراهشه
• مجوزش MIT هست و با Sli.dev و Remotion هم یکپارچه می‌شه