بازی تحت وب جمع‌آوری سکه با Canvas | HTML, CSS, JavaScript

معرفی سورس

یک بازی تحت وب کوچک، سرگرم‌کننده و آماده اجرا که با Canvas HTML5 و JavaScript خالص پیاده‌سازی شده است. بازیکن باید با استفاده از کلیدهای جهت‌نما (Arrow Keys) یا WASD مکعب زرد رنگ خود را حرکت دهد و سکه‌های نارنجی پراکنده در صفحه را جمع‌آوری کند. بازی دارای زمان محدود ۶۰ ثانیه است و پس از پایان زمان، امتیاز نهایی نمایش داده می‌شود.

🎮 نحوه بازی

• حرکت با کلیدهای ↑ ↓ → ← یا W A S D
• جمع‌آوری سکه‌ها برای افزایش امتیاز
• مدت زمان بازی: ۶۰ ثانیه
• نمایش امتیاز نهایی پس از اتمام زمان
• دکمه شروع دوباره برای بازی مجدد

🎯 ویژگی‌ها

• ✅ بازی کامل و آماده اجرا در مرورگر
• ✅ گرافیک ساده و جذاب با Canvas
• ✅ کنترل‌های روان و دقیق (حرکت پیوسته)
• ✅ سیستم امتیازدهی و تایمر شمارش معکوس
• ✅ تشخیص برخورد (Collision Detection) دقیق
• ✅ نمایش Game Over با دکمه Restart
• ✅ کدنویسی تمیز و خوانا
• ✅ بدون نیاز به هیچ کتابخانه خارجی

📦 محتویات سورس

• index.html – ساختار صفحه بازی و المنت‌ها
• style.css – استایل‌دهی کامل (پس‌زمینه، کادر بازی، دکمه‌ها)
• script.js – منطق کامل بازی (حلقه بازی، حرکت، برخورد، تایمر)

🚀 نحوه اجرا

1. هر سه فایل را در یک پوشه قرار دهید.
2. فایل index.html را با مرورگر باز کنید.
3. بلافاصله بازی شروع می‌شود و می‌توانید سکه‌ها را جمع کنید!

برای ادغام در پروژه‌های دیگر، کافی است بخش‌های HTML و CSS را به صفحات خود اضافه کرده و فایل JS را پیوند دهید.

📋 مشخصات فنی

• تکنولوژی: HTML5, CSS3, JavaScript (Canvas API)
• موتور بازی: حلقه سفارشی (Game Loop) با setInterval
• نرخ فریم: ۶۰ FPS
• طراحی: ثابت با Canvas (Fixed Size)
• وابستگی: صفر
• تعداد فایل: ۳
• حجم کلی: بسیار کم

🎁 این سورس برای چه کسانی مناسب است؟

• علاقه‌مندان به بازیسازی با JavaScript و Canvas
• دانشجویان برای پروژه‌های درس برنامه‌نویسی وب
• افراد مبتدی که می‌خواهند مفاهیم Game Loop، Collision Detection و مدیریت رویدادها را یاد بگیرند
• هرکسی که یک بازی کوچک و سرگرم‌کننده برای وب‌سایت خود می‌خواهد

💡 چرا این سورس؟

• 🔹 یادگیری عملی مفاهیم مهم برنامه‌نویسی بازی
• 🔹 اجرای فوری و بدون نیاز به نصب
• 🔹 قابل شخصی‌سازی (تغییر سرعت، تعداد سکه‌ها، زمان و...)
• 🔹 حجم کم و عملکرد سریع

📢 نکته:

این سورس فقط در کامپیوتر و لپ تاپ قابل استفاده میباشد نه در موبایل یا تبلت.