Open Sea — Samudra WebGPU Real-Time
Samudra WebGPU real-time yang dirender dengan Three.js TSL: gelombang Gerstner, detail permukaan mikro FBM, langit spektral, kontrol kondisi laut dan waktu dalam sehari, serta mode hanyut tanpa kendali. Contoh ini dibuat oleh Kimi K3.
Demo samudra WebGPU mandiri dengan kontrol orbit, penggeser kondisi laut dan waktu dalam sehari, serta mode hanyut.
Coba Websites AgentBuat demo samudra real-time mandiri bernama 'Open Sea' menggunakan WebGPU dan Three.js TSL. Render gelombang Gerstner dengan normal permukaan mikro FBM serta langit spektral yang mengikuti waktu dalam sehari. Dukung kontrol kamera seret-untuk-orbit dan gulir-untuk-zoom, panel HUD dengan penggeser kondisi laut dan waktu dalam sehari serta tampilan FPS langsung, dan mode hanyut yang membuat kamera meluncur sendiri. Simpan semuanya dalam satu halaman statis tanpa tahap build, tampilkan status inisialisasi yang elegan saat renderer dimulai, dan sediakan penurunan fungsi yang baik saat WebGPU tidak tersedia.
Ganti ketenangan sore hari dengan badai di bawah cahaya bulan, disertai gelombang lebih besar, garis-garis hujan, dan kilat sesekali.
Coba Websites AgentBuat demo samudra real-time mandiri bernama 'Open Sea — Night Storm' menggunakan WebGPU dan Three.js TSL. Render gelombang Gerstner dengan normal permukaan mikro FBM serta langit spektral yang mengikuti waktu dalam sehari. Dukung kontrol kamera seret-untuk-orbit dan gulir-untuk-zoom, panel HUD dengan penggeser intensitas badai dan tinggi gelombang serta tampilan FPS langsung, dan mode hanyut yang membuat kamera meluncur sendiri. Simpan semuanya dalam satu halaman statis tanpa tahap build, tampilkan status inisialisasi yang elegan saat renderer dimulai, dan sediakan penurunan fungsi yang baik saat WebGPU tidak tersedia.
Tempatkan perahu layar kecil di atas ombak yang dapat dikendalikan penonton dengan keyboard saat mengikuti gelombang.
Coba Websites AgentBuat demo samudra real-time mandiri bernama 'Open Sea' menggunakan WebGPU dan Three.js TSL. Render gelombang Gerstner dengan normal permukaan mikro FBM serta langit spektral yang mengikuti waktu dalam sehari. Tambahkan perahu layar low-poly yang mengapung mengikuti gelombang dengan daya apung sederhana, dan biarkan penonton mengendalikannya dengan WASD sementara kamera dapat mengikuti perahu atau mengorbit dengan bebas. Dukung kontrol kamera seret-untuk-orbit dan gulir-untuk-zoom, panel HUD dengan penggeser kondisi laut dan waktu dalam sehari serta tampilan FPS langsung, dan mode hanyut yang membuat kamera meluncur sendiri. Simpan semuanya dalam satu halaman statis tanpa tahap build, tampilkan status inisialisasi yang elegan saat renderer dimulai, dan sediakan penurunan fungsi yang baik saat WebGPU tidak tersedia.
Deteksi dukungan WebGPU sejak awal dan sediakan versi WebGL2 yang lebih ringan agar demo berfungsi di setiap browser modern.
Coba Websites AgentBuat demo samudra real-time mandiri bernama 'Open Sea' yang mendeteksi dukungan WebGPU saat startup dan beralih ke renderer WebGL2 yang lebih ringan ketika WebGPU tidak tersedia, dengan adegan dan kontrol yang sama pada kedua jalur. Render gelombang Gerstner dengan normal permukaan mikro FBM serta langit spektral yang mengikuti waktu dalam sehari. Dukung kontrol kamera seret-untuk-orbit dan gulir-untuk-zoom, panel HUD dengan penggeser kondisi laut dan waktu dalam sehari serta tampilan FPS langsung, dan mode hanyut yang membuat kamera meluncur sendiri. Simpan semuanya dalam satu halaman statis tanpa tahap build, tampilkan status inisialisasi yang elegan saat renderer dimulai, dan buat tata letak seluler meringkas HUD menjadi panel bawah dengan orbit sentuh.
Pilihan musiman dan foto model dari dua sudut dalam etalase mode minimalis yang berpusat pada dua lini produk.
Empat kamar, masing-masing menghadap gunung tersendiri, satu pemandian batu terbuka: penginapan onsen yang tenang di tengah kabut.