Skip to content

tanbaycu/rubik3d-website

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 

Repository files navigation

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

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:
git clone https://github.com/tanbaycu/rubik3d.git
  1. 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 để biết chi tiết.

🔗 Liên kết


Được tạo với ❤️ bởi tanbaycu