সংরক্ষিতexperiment2023
স্নেক গেম
TypeScript-এ তৈরি ক্লাসিক স্নেক গেম
KEY SPECIFICATIONS & HIGHLIGHTS
Canvas 2D rendering
60 FPS game loop
Grid collision logic
Responsive controls
01 / THE PROBLEM
সমস্যা ও প্রয়োজনীয়তা
কোনো ভারী গেম ইঞ্জিন ছাড়া আধুনিক ব্রাউজারে ক্যানভাস দিয়ে ৬০ এফপিএস ২ডি রেন্ডারিং এবং গ্রিড কলিশন মেকানিক্স পরীক্ষা করা।
02 / THE SOLUTION
সমাধান ও বাস্তবায়ন
এইচটিএমএল৫ ক্যানভাস, রিকোয়েস্টঅ্যানিমেশনফ্রেম এবং পরিচ্ছন্ন টাইপস্ক্রিপ্ট লজিক দিয়ে তৈরি মসৃণ গেম আর্কিটেকচার।
03 / TECHNICAL ARCHITECTURE
প্রযুক্তিগত কাঠামো ও ডেটা ফ্লো
FRONTENDReact / Next.js
LOGICTypeScript
STORAGESQLite / Supabase
DEPLOYMENTVercel / Cloud
Tech Stack:TypeScriptCanvas API
04 / LESSONS LEARNED
এই প্রজেক্ট থেকে যা শিখেছি
হাই রিফ্রেশ রেট মনিটরে (৬০Hz বনাম ১৪৪Hz) গেমের গতি ঠিক রাখার জন্য রেন্ডারিং ফ্রেম থেকে গেম স্টেট আলাদা রাখা আবশ্যক।