Cảnh 3D tương tác Đường hầm Không gian

Một trạm không gian hình vòng bạc xoay trên nền hố đen khi thao tác cuộn dần hé lộ dạng khung lưới của nó. Các chương lý thuyết và thước phim bay xuyên đường hầm dẫn đến phần ghi danh cuối phim. Được tạo bởi Kimi K3.1 Pro.

Dùng thử 3D Make Xem gói thành viên

Loading preview...

Bắt đầu từ câu lệnh này

Một trạm không gian hình vòng bạc trên nền hố đen trong câu chuyện không gian được dẫn dắt bằng thao tác cuộn.

Dùng thử 3D Make

Tạo một trang web 3D kể chuyện không gian được dẫn dắt bằng thao tác cuộn, với nền đen tuyền và kiểu chữ đậm chất điện ảnh.

Cuộn xuống để đi vào cảnh 3D: mô hình trạm không gian hình vòng màu xám bạc với chi tiết phong phú xoay chậm trên nền đĩa bồi tụ của một hố đen khổng lồ, có hoạt ảnh dần hiện dạng khung lưới cùng xử lý hậu kỳ hiệu ứng phát sáng; di chuyển chuột để xoay camera theo quán tính. Tiếp tục cuộn để vào chương lý thuyết, nơi văn bản lần lượt xuất hiện theo từng từ với hiệu ứng thị sai. Tiếp theo là phần điện ảnh: một thước phim bay xuyên đường hầm ở góc nhìn thứ nhất phát toàn màn hình, trong lúc đó thao tác cuộn bị khóa và độ tương phản của khung hình được lấy mẫu để tạo hiệu ứng chấm-đường tương tác. Khi phim kết thúc, cảnh chuyển sang đoạn kết với phần ghi danh và khép lại bằng một câu trích dẫn.

Được triển khai bằng Vite + Three.js (GLTFLoader, EffectComposer, UnrealBloomPass).

Mô hình chính trong video này là mô hình 3D "Space Station 4" của re1monsen, lấy từ Sketchfab và được sử dụng theo giấy phép CC BY 4.0. Mọi chỉnh sửa, vật liệu, ánh sáng, thiết lập camera và cảnh đường hầm đều do K3 tạo ra.

Thêm điều khiển cảm ứng

Thêm điều khiển trên điện thoại và bố cục mà không thay đổi các yêu cầu khác.

Dùng thử 3D Make

Tạo một trang web 3D kể chuyện không gian được dẫn dắt bằng thao tác cuộn, với nền đen tuyền và kiểu chữ đậm chất điện ảnh.

Cuộn xuống để đi vào cảnh 3D: mô hình trạm không gian hình vòng màu xám bạc với chi tiết phong phú xoay chậm trên nền đĩa bồi tụ của một hố đen khổng lồ, có hoạt ảnh dần hiện dạng khung lưới cùng xử lý hậu kỳ hiệu ứng phát sáng; di chuyển chuột để xoay camera theo quán tính. Tiếp tục cuộn để vào chương lý thuyết, nơi văn bản lần lượt xuất hiện theo từng từ với hiệu ứng thị sai. Tiếp theo là phần điện ảnh: một thước phim bay xuyên đường hầm ở góc nhìn thứ nhất phát toàn màn hình, trong lúc đó thao tác cuộn bị khóa và độ tương phản của khung hình được lấy mẫu để tạo hiệu ứng chấm-đường tương tác. Khi phim kết thúc, cảnh chuyển sang đoạn kết với phần ghi danh và khép lại bằng một câu trích dẫn.

Được triển khai bằng Vite + Three.js (GLTFLoader, EffectComposer, UnrealBloomPass).

Mô hình chính trong video này là mô hình 3D "Space Station 4" của re1monsen, lấy từ Sketchfab và được sử dụng theo giấy phép CC BY 4.0. Mọi chỉnh sửa, vật liệu, ánh sáng, thiết lập camera và cảnh đường hầm đều do K3 tạo ra.

Thử bảng màu ấm hơn

Thay đổi bảng màu nhưng giữ nguyên các yêu cầu khác.

Dùng thử 3D Make

Tạo một trang web 3D kể chuyện không gian được dẫn dắt bằng thao tác cuộn, với nền đen tuyền và kiểu chữ đậm chất điện ảnh.

Cuộn xuống để đi vào cảnh 3D: mô hình trạm không gian hình vòng màu xám bạc với chi tiết phong phú xoay chậm trên nền đĩa bồi tụ của một hố đen khổng lồ, có hoạt ảnh dần hiện dạng khung lưới cùng xử lý hậu kỳ hiệu ứng phát sáng; di chuyển chuột để xoay camera theo quán tính. Tiếp tục cuộn để vào chương lý thuyết, nơi văn bản lần lượt xuất hiện theo từng từ với hiệu ứng thị sai. Tiếp theo là phần điện ảnh: một thước phim bay xuyên đường hầm ở góc nhìn thứ nhất phát toàn màn hình, trong lúc đó thao tác cuộn bị khóa và độ tương phản của khung hình được lấy mẫu để tạo hiệu ứng chấm-đường tương tác. Khi phim kết thúc, cảnh chuyển sang đoạn kết với phần ghi danh và khép lại bằng một câu trích dẫn.

Được triển khai bằng Vite + Three.js (GLTFLoader, EffectComposer, UnrealBloomPass).

Mô hình chính trong video này là mô hình 3D "Space Station 4" của re1monsen, lấy từ Sketchfab và được sử dụng theo giấy phép CC BY 4.0. Mọi chỉnh sửa, vật liệu, ánh sáng, thiết lập camera và cảnh đường hầm đều do K3 tạo ra.