Mô hình 3D báo gê-pa chạy

Một chú báo gê-pa dạng khung lưới trắng lao vun vút trên phông nền xanh lam-tím. Cuộn trang sẽ theo dõi hành trình chạy của nó qua các thẻ thông tin, bảng HUD và cảnh kính trước khi đến phần kết KIMI. Được tạo bởi Kimi K3.1 Pro.

Loading preview...
Bắt đầu với câu lệnh này

Một chú báo gê-pa dạng khung lưới trắng lao vun vút trên phông nền xanh lam-tím trong cảnh 3D điều khiển bằng cuộn trang.

Dùng thử 3D Make
Tạo một trang web tương tác 3D điều khiển bằng cuộn trang: một chú báo gê-pa chạy nước rút hết tốc lực, được thể hiện bằng lưới khung dây kinh tuyến/vĩ tuyến màu trắng tinh trên cơ thể gần như đen, đặt trên nền xanh lam-tím #2260d9. 

Màn hình mở đầu có tiêu đề kiểu chữ chấm halftone cỡ lớn "CHẠY HOANG DÃ" cùng phụ đề "SINH RA ĐỂ RƯỢT ĐUỔI" ở bên trái, thanh điều hướng "BÁO GÊ-PA / CHẠY HOANG DÃ" với nút THÔNG TIN ở phía trên, cùng bộ chọn MÀU NỀN và nút KHỞI ĐỘNG LẠI ở góc dưới bên phải. Khi người dùng cuộn trang, máy quay tiến dọc theo đường chạy, lần lượt đi qua các thành phần cảnh 3D: chồng thẻ thông tin kiểu chữ, giao diện dữ liệu HUD, bộ điều khiển núm xoay kim loại và các bảng glassmorphism — tất cả theo phong cách đơn sắc đen/trắng/xám tương phản cao. Báo gê-pa liên tục lặp lại chu kỳ chạy, và cảnh kết thúc hội tụ thành các chữ cái "KIMI". 

Xây dựng bằng Three.js trong ES Modules gốc và cung cấp mã nguồn trang web tĩnh hoàn chỉnh, có thể triển khai trực tiếp.
Thêm điều khiển cảm ứng

Thêm điều khiển cho đ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 tương tác 3D điều khiển bằng cuộn trang: một chú báo gê-pa chạy nước rút hết tốc lực, được thể hiện bằng lưới khung dây kinh tuyến/vĩ tuyến màu trắng tinh trên cơ thể gần như đen, đặt trên nền xanh lam-tím #2260d9. 

Màn hình mở đầu có tiêu đề kiểu chữ chấm halftone cỡ lớn "CHẠY HOANG DÃ" cùng phụ đề "SINH RA ĐỂ RƯỢT ĐUỔI" ở bên trái, thanh điều hướng "BÁO GÊ-PA / CHẠY HOANG DÃ" với nút THÔNG TIN ở phía trên, cùng bộ chọn MÀU NỀN và nút KHỞI ĐỘNG LẠI ở góc dưới bên phải. Khi người dùng cuộn trang, máy quay tiến dọc theo đường chạy, lần lượt đi qua các thành phần cảnh 3D: chồng thẻ thông tin kiểu chữ, giao diện dữ liệu HUD, bộ điều khiển núm xoay kim loại và các bảng glassmorphism — tất cả theo phong cách đơn sắc đen/trắng/xám tương phản cao. Báo gê-pa liên tục lặp lại chu kỳ chạy, và cảnh kết thúc hội tụ thành các chữ cái "KIMI". 

Xây dựng bằng Three.js trong ES Modules gốc và cung cấp mã nguồn trang web tĩnh hoàn chỉnh, có thể triển khai trực tiếp.
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 tương tác 3D điều khiển bằng cuộn trang: một chú báo gê-pa chạy nước rút hết tốc lực, được thể hiện bằng lưới khung dây kinh tuyến/vĩ tuyến màu trắng tinh trên cơ thể gần như đen, đặt trên nền xanh lam-tím #2260d9. 

Màn hình mở đầu có tiêu đề kiểu chữ chấm halftone cỡ lớn "CHẠY HOANG DÃ" cùng phụ đề "SINH RA ĐỂ RƯỢT ĐUỔI" ở bên trái, thanh điều hướng "BÁO GÊ-PA / CHẠY HOANG DÃ" với nút THÔNG TIN ở phía trên, cùng bộ chọn MÀU NỀN và nút KHỞI ĐỘNG LẠI ở góc dưới bên phải. Khi người dùng cuộn trang, máy quay tiến dọc theo đường chạy, lần lượt đi qua các thành phần cảnh 3D: chồng thẻ thông tin kiểu chữ, giao diện dữ liệu HUD, bộ điều khiển núm xoay kim loại và các bảng glassmorphism — tất cả theo phong cách đơn sắc đen/trắng/xám tương phản cao. Báo gê-pa liên tục lặp lại chu kỳ chạy, và cảnh kết thúc hội tụ thành các chữ cái "KIMI". 

Xây dựng bằng Three.js trong ES Modules gốc và cung cấp mã nguồn trang web tĩnh hoàn chỉnh, có thể triển khai trực tiếp.