۱. مقدمه و هدف
در این نوشتار به‌دنبال این است که یک بازی وب زمان واقعی استاد معماری بنویسید که در تمام عمل‌های تاکید شده مانند دکمه‌زدن و کشیدن‌کشی در مرورگر، مجهز باشد. هدف اصلی، نمایش قدرت Transformerها در دنیای وب و آسان‌سازی تجربه‌ی کاربری با امکان آموزش مدل در زمان واقعی است.
- مجموعه داده گوگل Quick‑Draw برای تمرین مدل‌های شناسایی گرافیکی
- تبدیل مدل به فرمت ONNX برای اجرا در محیط مرورگر
- استفاده از Transformers.js جهت بارگذاری و پردازش مدل
- بهینه‌سازی برای عملکرد به‌صورت real‑time
۲. استفاده از Transformers.js در مرورگر
Transformers.js یک کتابخانه جاوااسکریپت است که امکان اجرا و inference مدل‌های یادگیری ماشین را مستقیماً در مرورگر فراهم می‌کند. با استفاده از آن، ما مدل را به فرمت ONNX تبدیل کرده و در همان صفحه وب ادغام می‌کنیم، تا بدون نیاز به سرور، پردازش برای کاربران انجام پذیرد.
۳. طراحی و تجربه کاربری بازی
ساخت بازی واقعی زمان مورد انتظار است؛ بنابراین نقشه‌ی JavasScript، فریم‌بندی، و الگوریتم‌یابی خودکار به‌معیار ۲۲۳ میلی‌ثانیه تنظیم شد. کاربر با کشیدن یک شکل، مدل در چند ثانیه، کلمه‌ی پیش‌بینی شده را به‌صورت تشخیص، روی صفحه نمایش می‌دهد. افزودن آنیمیشن‌های ساده و امیج‌های کم حجم باعث افزایش رضایت کاربران و کاهش مصرف منابع شد.
پرسش‌های پرتکرار
Transformers.js چیست؟
یک کتابخانه جاوااسکریپت است که اجازه می‌دهد مدل‌های تبدیل و یادگیری عمیق را مستقیماً در مرورگر اجرا کنید.
چگونه می‌توان بازی را در مرورگر اجرا کرد؟
پس از تبدیل مدل به فرمت ONNX و بارگذاری در وب، با کد زیر در مرورگر به‌صورت real-time بازی اجرا می‌شود.
