https://github.com/tanbaycu/block-menja

Dự án được sưu tầm từ các nguồn trên mạng.
https://github.com/tanbaycu/block-menja

3d block game-development html-css-javascript html5 projects tanbaycu web-gane

Last synced: 5 days ago
JSON representation

Dự án được sưu tầm từ các nguồn trên mạng.

• Host: GitHub
• URL: https://github.com/tanbaycu/block-menja
• Owner: tanbaycu
• Created: 2024-11-06T16:17:15.000Z (3 months ago)
• Default Branch: main
• Last Pushed: 2024-11-06T16:37:23.000Z (3 months ago)
• Last Synced: 2024-12-05T19:14:12.877Z (2 months ago)
• Topics: 3d, block, game-development, html-css-javascript, html5, projects, tanbaycu, web-gane
• Language: HTML
• Homepage: https://bl0ck-menja.vercel.app/
• Size: 16.6 KB
• Stars: 9
• Watchers: 1
• Forks: 10
• Open Issues: 24
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 🧊 Block Menja

Một trò chơi đập khối 3D động được xây dựng bằng JavaScript thuần và Canvas.

![Trò chơi Block Menja](https://i.postimg.cc/wjS6CGnb/Thi-t-k-ch-a-c-t-n-2.png)

## ✨ Tính năng

- 🎮 Lối chơi 3D hấp dẫn với tương tác dựa trên vật lý

- 🎯 Nhiều chế độ chơi: Xếp hạng và Bình thường

- 🌈 Cơ chế đập khối đầy màu sắc với hiệu ứng hạt

- ⚡ Năng lượng chậm thời gian và các khối đặc biệt

- 📱 Hỗ trợ điều khiển cảm ứng và chuột

- 🏆 Theo dõi điểm cao

- ⏸️ Chức năng tạm dừng/tiếp tục

## 🕹️ Cách chơi

1. Chọn chế độ chơi của bạn:

   - **Chế độ Xếp hạng**: Thách thức bản thân để đạt điểm cao nhất

   - **Chế độ Bình thường**: Chơi thoải mái không áp lực

2. Điều khiển:

   - Sử dụng chuột hoặc cảm ứng để vuốt và đập vỡ các khối

   - Đập các khối với tốc độ đủ mạnh để phá hủy chúng

   - Tạo các chuỗi combo để đạt điểm cao hơn

   - Nhấn 'P' để tạm dừng trò chơi

3. Tính năng đặc biệt:

   - Các khối khung dây màu xanh kích hoạt chế độ chậm

   - Các khối màu hồng cần nhiều lần đập để phá hủy

   - Chú ý các cơ hội tạo combo!

## 🛠️ Chi tiết kỹ thuật

- Được xây dựng bằng JavaScript thuần - không sử dụng framework hay thư viện phụ thuộc

- Sử dụng HTML5 Canvas để render

- Triển khai đồ họa 3D từ đầu

- Thiết kế responsive hoạt động trên mọi kích thước màn hình

- Hiệu suất được tối ưu hóa với các kỹ thuật render hiệu quả

## 💻 Phát triển

Trò chơi được cấu trúc với các thành phần chính sau:

- Động cơ render 3D với phép chiếu phối cảnh

- Chuyển động và va chạm dựa trên vật lý

- Hệ thống hạt cho hiệu ứng hình ảnh

- Quản lý trạng thái trò chơi

- Xử lý đầu vào cảm ứng/chuột

## 👏 Ghi công

Trò chơi được phát triển bởi [tanbaycu](https://tanbaycu.vercel.app) và bạn bè.

## 📄 Giấy phép

Dự án này là mã nguồn mở và có sẵn dưới Giấy phép MIT.