Code WebGL 3D sử dụng React Three Fiber
Người dùng có thể click mặt sàn để di chuyển trong căn phòng cũng như thay đổi chất liệu cho ghế ngồi, mặt sàn và kích hoạt chuyển động của chú chó.
Vận dụng các kiến thức cơ bản về ThreeJS, React Three Fiber như transform đối tượng, di chuyển góc nhìn camera, ánh sáng, đổ bóng, chuyển động, 3d text.
Web khá đơn giản, phù hợp cho bạn nào mới học threejs, react three fiber để tham khảo làm web 3D.
XEM THÊM ==> Hướng dẫn cài đặt chi tiết
Nguồn: Sharecode.vn
Bước 1: tải source code về và tiến hành giải nén
Bước 2: mở source code bằng vs code
Bước 3: mở terminal và tiến hành cài node_modules bằng lệnh "npm install" hoặc "yarn" (nếu bạn dùng yarn)
Bước 4: chạy app bằng lệnh "npm run dev" hoặc "yarn dev" (nếu bạn dùng yarn)
Bước 5: nhấn phím "o" để mở web hoặc Ctrl+click vào đường link trong terminal