Open Sea — Đại dương WebGPU thời gian thực
Một đại dương WebGPU thời gian thực được kết xuất bằng Three.js TSL: sóng lừng Gerstner, chi tiết vi bề mặt FBM, bầu trời quang phổ, điều khiển trạng thái biển và thời điểm trong ngày, cùng chế độ trôi không cần thao tác. Mẫu này được tạo bởi Kimi K3.
Bản demo đại dương WebGPU độc lập với điều khiển xoay quanh, thanh trượt trạng thái biển và thời điểm trong ngày, cùng chế độ trôi.
Dùng thử Websites AgentTạo bản demo đại dương thời gian thực độc lập mang tên 'Open Sea' bằng WebGPU và Three.js TSL. Kết xuất sóng lừng Gerstner với pháp tuyến vi bề mặt FBM và bầu trời quang phổ thay đổi theo thời điểm trong ngày. Hỗ trợ điều khiển máy quay kéo để xoay quanh và cuộn để thu phóng, bảng HUD có thanh trượt trạng thái biển và thời điểm trong ngày kèm chỉ số FPS trực tiếp, cùng chế độ trôi để máy quay tự lướt đi. Gói gọn mọi thứ trong một trang tĩnh duy nhất, không cần bước build; hiển thị trạng thái khởi tạo trang nhã khi trình kết xuất khởi động và giảm cấp mượt mà khi WebGPU không khả dụng.
Thay buổi chiều yên ả bằng cơn bão dưới ánh trăng, với sóng lừng lớn hơn, vệt mưa và sấm chớp thỉnh thoảng lóe lên.
Dùng thử Websites AgentTạo bản demo đại dương thời gian thực độc lập mang tên 'Open Sea — Night Storm' bằng WebGPU và Three.js TSL. Kết xuất sóng lừng Gerstner với pháp tuyến vi bề mặt FBM và bầu trời quang phổ thay đổi theo thời điểm trong ngày. Hỗ trợ điều khiển máy quay kéo để xoay quanh và cuộn để thu phóng, bảng HUD có thanh trượt cường độ bão và chiều cao sóng kèm chỉ số FPS trực tiếp, cùng chế độ trôi để máy quay tự lướt đi. Gói gọn mọi thứ trong một trang tĩnh duy nhất, không cần bước build; hiển thị trạng thái khởi tạo trang nhã khi trình kết xuất khởi động và giảm cấp mượt mà khi WebGPU không khả dụng.
Đặt một chiếc thuyền buồm nhỏ trên sóng để người xem có thể lái bằng bàn phím khi thuyền lướt theo sóng lừng.
Dùng thử Websites AgentTạo bản demo đại dương thời gian thực độc lập mang tên 'Open Sea' bằng WebGPU và Three.js TSL. Kết xuất sóng lừng Gerstner với pháp tuyến vi bề mặt FBM và bầu trời quang phổ thay đổi theo thời điểm trong ngày. Thêm một chiếc thuyền buồm low-poly nổi trên sóng lừng nhờ lực nổi đơn giản, cho phép người xem lái bằng WASD, đồng thời máy quay có thể theo thuyền hoặc xoay quanh tự do. Hỗ trợ điều khiển máy quay kéo để xoay quanh và cuộn để thu phóng, bảng HUD có thanh trượt trạng thái biển và thời điểm trong ngày kèm chỉ số FPS trực tiếp, cùng chế độ trôi để máy quay tự lướt đi. Gói gọn mọi thứ trong một trang tĩnh duy nhất, không cần bước build; hiển thị trạng thái khởi tạo trang nhã khi trình kết xuất khởi động và giảm cấp mượt mà khi WebGPU không khả dụng.
Phát hiện khả năng hỗ trợ WebGPU ngay từ đầu và cung cấp phiên bản WebGL2 nhẹ hơn để bản demo hoạt động trên mọi trình duyệt hiện đại.
Dùng thử Websites AgentTạo bản demo đại dương thời gian thực độc lập mang tên 'Open Sea', phát hiện khả năng hỗ trợ WebGPU khi khởi động và chuyển sang trình kết xuất WebGL2 nhẹ hơn khi WebGPU không khả dụng, đồng thời giữ nguyên khung cảnh và các điều khiển ở cả hai chế độ. Kết xuất sóng lừng Gerstner với pháp tuyến vi bề mặt FBM và bầu trời quang phổ thay đổi theo thời điểm trong ngày. Hỗ trợ điều khiển máy quay kéo để xoay quanh và cuộn để thu phóng, bảng HUD có thanh trượt trạng thái biển và thời điểm trong ngày kèm chỉ số FPS trực tiếp, cùng chế độ trôi để máy quay tự lướt đi. Gói gọn mọi thứ trong một trang tĩnh duy nhất, không cần bước build; hiển thị trạng thái khởi tạo trang nhã khi trình kết xuất khởi động, đồng thời trên thiết bị di động, thu gọn HUD thành bảng điều khiển ở đáy màn hình với thao tác xoay quanh bằng cảm ứng.
Các lựa chọn theo mùa và ảnh sản phẩm chụp từ hai góc độ trong một cửa hàng thời trang tối giản xoay quanh hai dòng sản phẩm.
Bốn phòng, mỗi phòng hướng ra một ngọn núi riêng, cùng một bồn tắm đá lộ thiên: một lữ quán suối nước nóng yên tĩnh trong màn sương.