Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/tanbaycu/rubik3d-website

transfer from web build
https://github.com/tanbaycu/rubik3d-website

game-development interactive rubik rubik3d tanbaycu tanbaycu-clone vercel web-game

Last synced: 19 days ago
JSON representation

transfer from web build

Awesome Lists containing this project

README

        

# Rubik3D - Trò chơi Rubik's Cube 3D Tương tác

Rubik3D là một trò chơi xếp hình Rubik's Cube 3D tương tác, được xây dựng bằng Three.js và các công nghệ web hiện đại. Thử thách bản thân với một khối Rubik ảo có thể tùy chỉnh mà bạn có thể xoay, xáo trộn và giải quyết ngay trên trình duyệt của mình.

![Rubik3D Demo](https://i.postimg.cc/CxGSKyW6/image.png)

*Giao diện chính của trò chơi Rubik3D với khối Rubik 3D tương tác*

## ✨ Tính năng

- **Nhiều kích thước khối Rubik**: Chơi với khối 2x2, 3x3, 4x4, hoặc 5x5
- **Trải nghiệm có thể tùy chỉnh**:
- Các kiểu lật khác nhau (Nhanh, Mượt, Nảy)
- Góc camera có thể điều chỉnh (Trực giao/Phối cảnh)
- Nhiều bảng màu (Cổ điển, Erno, Bụi, Camo, Mưa)
- Tùy chỉnh màu sắc với điều khiển HSL
- **Theo dõi hiệu suất**:
- Bộ đếm thời gian giải
- Kỷ lục thời gian tốt nhất
- Thống kê cho 5, 12, và 25 lần giải gần nhất
- Đếm tổng số lần giải
- **Thiết kế đáp ứng**: Tối ưu hóa cho cả máy tính để bàn và thiết bị di động

## 🚀 Bắt đầu nhanh

1. Clone repository:
```bash
git clone https://github.com/tanbaycu/rubik3d.git
```

2. Mở `index.html` trong trình duyệt của bạn hoặc sử dụng một máy chủ cục bộ.

## 🔧 Chi tiết kỹ thuật

- Được xây dựng bằng JavaScript thuần
- Sử dụng Three.js để render 3D
- Không phụ thuộc vào framework
- Điều khiển cảm ứng thân thiện với thiết bị di động
- Lưu trữ cục bộ cho tùy chọn và thống kê

## 🎮 Cách chơi

1. Nhấp đúp/chạm đúp để bắt đầu
2. Sử dụng chuột/cảm ứng để xoay khối
3. Tùy chỉnh cài đặt qua menu tùy chọn
4. Theo dõi tiến trình của bạn với bộ đếm thời gian và thống kê tích hợp

## 🎨 Tùy chỉnh

### Chủ đề khối Rubik
- Khối cổ điển
- Bản gốc của Erno
- Bụi
- Camo
- Mưa
- Màu tùy chỉnh với điều chỉnh HSL

### Cài đặt trò chơi
- Độ dài xáo trộn có thể điều chỉnh (20-30 bước)
- Nhiều kiểu hoạt ảnh lật
- Góc nhìn camera có thể cấu hình

## 💻 Tương thích trình duyệt

- Chrome (khuyến nghị)
- Firefox
- Safari
- Edge
- Trình duyệt di động

## 🤝 Đóng góp

Chúng tôi hoan nghênh mọi đóng góp! Vui lòng tạo một Pull Request.

## 📝 Giấy phép

Dự án này được cấp phép theo Giấy phép MIT - xem file [LICENSE.md](LICENSE.md) để biết chi tiết.

## 🔗 Liên kết

- [Demo trực tiếp](https://tanbaycu.github.io/rubik3d)
- [Báo cáo lỗi](https://github.com/tanbaycu/rubik3d/issues)
- [Yêu cầu tính năng](https://github.com/tanbaycu/rubik3d/issues)

---

Được tạo với ❤️ bởi [tanbaycu](https://github.com/tanbaycu)