hexianWeb/Third-Person-MC

🧱 Minecraft trên trình duyệt với camera thứ ba và terrain thủ tục

Dùng Three.js + Vue 3 xây dựng bản demo Web3D có thể chơi được, không chỉ screenshot — với nhiều sinh thái, combat và camera thông minh.

Third-Person-MC là dự án mã nguồn mở tái tạo Minecraft dưới dạng web 3D, dùng Three.js làm engine rendering và Vue 3 làm UI layer. Dự án hướng đến mục tiêu "chạy được, chơi được, tiếp tục phát triển" — không phải demo tĩnh. Người chơi điều khiển nhân vật góc thứ ba với hệ thống di chuyển 8 hướng, tấn công combo, phòng thủ và khóa mục tiêu. Terrain được sinh tự động bằng noise và FBM, mỗi seed tạo một thế giới riêng với nhiều sinh thái: đồng bằng, rừng, rừng bạch dương, rừng anh đào, sa mạc, đại dương băng giá.

✨ Điểm nổi bật

• Terrain thủ tục (Noise + FBM): sinh địa hình theo seed, có thể điều chỉnh biên độ và chi tiết bề mặt theo thời gian thực
• Nhiều sinh thái: 6 loại terrain với cây cối và vật liệu riêng — từ đồng bằng đến rừng樱花 và đại dương băng
• Camera thứ ba thông minh: tự động tránh vật cản và chống穿模 khi người chơi di chuyển trên địa hình gồ ghề
• Hệ thống combat: tấn công thường (combo), tấn công nặng, khóa mục tiêu bằng chuột giữa, và phòng thủ
• Custom GLSL Shaders: rendering cổng dịch chuyển, terrain và hiệu ứng hậu xử lý
• InstancedMesh: tối ưu rendering hàng loạt voxel và thực vật để giữ frame rate ổn định
• HUD hoàn chỉnh: máu, kinh nghiệm, thanh nhanh, minimap — đồng bộ qua Pinia
• PRNG một seed một thế giới: mỗi seed tạo bản đồ địa hình duy nhất, có thể chia sẻ

💡 Vì sao đáng chú ý

Dự án kết hợp Two lĩnh vực khó: rendering 3D thời gian thực trên trình duyệt và sinh procedural terrain mượt mà. Việc dùng InstancedMesh cho voxel và thực vật cho thấy tác giả quan tâm đến hiệu suất thực tế, không chỉ demo đẹp. Camera tự tránh vật cản là bài toán kinh điển của third-person games nhưng ít project Web3D xử lý đúng cách — đây là điểm mạnh về kỹ thuật.

Về mặt mở rộng, dự án còn nhiều TODO thú vị: AI thú cưng, hệ thống hành trang, hiệu ứng đào khối, và đổi skin thời gian thực. Cơ sở hạ tầng hiện có (shader pipeline, event bus, state management) đã sẵn sàng để cộng đồng tiếp nối. Phiên bản online đang chạy tại third-person-mc.vercel.app, có thể thử ngay mà không cần cài đặt.

#ThreeJS #Minecraft #Web3D #BrowserGame #TiniX