Source code WebGL 3D sử dụng Threejs, React Three Fiber

[Mã code 36233]
  1 Đánh giá    Viết đánh giá
 2      795      5
Phí tải: 6 Xu (1Xu = 1.000đ)
Danh mục
Thể loại
Nhóm code
Ngày đăng
11-6-2023
Loại file
Full code
Dung lượng
144 MB
Không chứa mã độc
Có demo thực tế
Có hướng dẫn cài đặt

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.


MÔ TẢ CHI TIẾT

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

 

HÌNH ẢNH DEMO

3D,Source code reactjs,threejs,react three fiber,webgl,code WebGL 3D

3D,Source code reactjs,threejs,react three fiber,webgl,code WebGL 3D

3D,Source code reactjs,threejs,react three fiber,webgl,code WebGL 3D

3D,Source code reactjs,threejs,react three fiber,webgl,code WebGL 3D

3D,Source code reactjs,threejs,react three fiber,webgl,code WebGL 3D

Nguồn: Sharecode.vn



HƯỚNG DẪN CÀI ĐẶT

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

 
 
LINK DOWNLOAD

R3F_Room.zip [144 MB]

File đã kiểm duyệt
     Báo vi phạm bản quyền
Pass giải nén (Nếu có):
sharecode.vn
DOWNLOAD
(6 Xu)
Bạn có code hay
ĐĂNG BÁN NGAY

BÌNH LUẬN



ĐÁNH GIÁ


ĐIỂM TRUNG BÌNH

5
1 Đánh giá
Code rất tốt (1)
Code tốt (0)
Code rất hay (0)
Code hay (0)
Bình thường (0)
Thành viên
Nội dung đánh giá
17:15 - 11/6/2023
Code rất tốt
Code rất tốt và phù hợp để phát triển

 HỖ TRỢ TRỰC TUYẾN