این پروژه یک نسخه ساده و جذاب از بازی کلاسیک تتریس است که با استفاده از React.js ساخته شده است.
- 🧩 طراحی ماژولار با کامپوننتهای React
- 🎨 گرافیک ساده و کاربرپسند
- 📊 نمایش امتیاز و سطح بازی
- 🔮 پیشنمایش قطعه بعدی
- ⌨️ کنترل کامل با صفحه کلید
- 📱 رابط کاربری واکنشگرا (Responsive)
- ⏱️ سیستم زمانبندی خودکار برای سقوط قطعات
- ابتدا پروژه را کلون کنید:
git clone https://github.com/your-username/react-tetris.git- به دایرکتوری پروژه بروید:
cd react-tetris- وابستگیها را نصب کنید:
npm install- پروژه را اجرا کنید:
npm run dev- در مرورگر خود آدرس زیر را باز کنید:
http://localhost:3000
| کلید | عمل |
|---|---|
| ◄ چپ | حرکت به چپ |
| ► راست | حرکت به راست |
| ▼ پایین | سقوط قطعه به پایین |
| ▲ بالا | چرخش قطعه |
- React.js (با Hooks)
- JavaScript (ES6+)
- CSS Modules برای استایلدهی
- vite برای باندلینگ
- با پر شدن هر خط، آن خط حذف شده و امتیاز میگیرید
- با حذف چند خط همزمان، امتیاز بیشتری دریافت میکنید
- بازی زمانی پایان مییابد که قطعات به بالای صفحه برسند
این پروژه تحت مجوز MIT License منتشر شده است.
پیشنهادات و pull requestها همیشه مورد استقبال هستند!
برای ارتباط با من میتوانید به پروفایل گیتهاب من مراجعه کنید.