Dunia Sci-Fi Berbasis Shader

Buat halaman landing sci-fi berbasis shader yang dikemas sebagai studi langsung tentang raymarching waktu nyata: halaman ini tidak memuat tekstur, mesh, maupun aset — empat pemandangan kosmik dihitung sepenuhnya oleh matematika shader fragmen dan saling memudar secara berkelanjutan saat pengunjung menggulir. Adegan pertama, Singularity: lubang hitam dengan cakram akresi, cahaya diintegrasikan sepanjang geodesik selama sekitar 200 langkah sehingga sisi jauh cakram terlipat hingga melewati bagian atas, dengan pancaran Doppler relativistik yang mencerahkan salah satu sisi. Adegan kedua, Nebula: medan kepadatan fBm 4-oktaf yang diterangi oleh sekitar 44 sampel hamburan tunggal dari depan ke belakang. Adegan ketiga, Tides: medan ketinggian laut dengan delapan oktaf gelombang yang saling berinterferensi, ditemukan melalui biseksi, dan memantulkan langit aurora 32-lapisan secara Fresnel. Adegan keempat, First Light: medan multifraktal beralur yang dilacak bola hingga cakrawala saat fajar. Setiap bab memadukan satu judul puitis dengan daftar singkat parameter teknis (jumlah sampel, langkah integrasi). Rel kiri melacak bab dengan isian progres; HUD di sudut menampilkan adegan saat ini, buffer render, laju frame, dan kedalaman gulir; bilah atas bertuliskan WebGPU · waktu nyata. Tipografi monospace, palet hitam-putih dengan satu aksen oranye, serta overlay butiran film. Transisi yang digerakkan oleh gulir harus benar-benar berjalan mulus di browser apa pun yang mendukung WebGPU. Ganti empat semesta dengan hutan yang melintasi musim semi, panas, gugur, dan dingin, sambil mempertahankan struktur fade silang yang digerakkan oleh gulir. Berikan setiap musim palet dan partikelnya sendiri (kelopak bunga, kunang-kunang, daun berguguran, salju), lalu tulis ulang teks dengan tema alam. 

Buat halaman landing sci-fi berbasis shader yang dikemas sebagai studi langsung tentang raymarching waktu nyata: halaman ini tidak memuat tekstur, mesh, maupun aset — empat pemandangan kosmik dihitung sepenuhnya oleh matematika shader fragmen dan saling memudar secara berkelanjutan saat pengunjung menggulir. Adegan pertama, Singularity: lubang hitam dengan cakram akresi, cahaya diintegrasikan sepanjang geodesik selama sekitar 200 langkah sehingga sisi jauh cakram terlipat hingga melewati bagian atas, dengan pancaran Doppler relativistik yang mencerahkan salah satu sisi. Adegan kedua, Nebula: medan kepadatan fBm 4-oktaf yang diterangi oleh sekitar 44 sampel hamburan tunggal dari depan ke belakang. Adegan ketiga, Tides: medan ketinggian laut dengan delapan oktaf gelombang yang saling berinterferensi, ditemukan melalui biseksi, dan memantulkan langit aurora 32-lapisan secara Fresnel. Adegan keempat, First Light: medan multifraktal beralur yang dilacak bola hingga cakrawala saat fajar. Setiap bab memadukan satu judul puitis dengan daftar singkat parameter teknis (jumlah sampel, langkah integrasi). Rel kiri melacak bab dengan isian progres; HUD di sudut menampilkan adegan saat ini, buffer render, laju frame, dan kedalaman gulir; bilah atas bertuliskan WebGPU · waktu nyata. Tipografi monospace, palet hitam-putih dengan satu aksen oranye, serta overlay butiran film. Transisi yang digerakkan oleh gulir harus benar-benar berjalan mulus di browser apa pun yang mendukung WebGPU. Tambahkan adaptasi performa seluler: pada lebar di bawah 768px, kurangi jumlah partikel dan resolusi render, nonaktifkan pencahayaan volumetrik yang paling mahal, dan tampilkan tombol alih "mode performa tinggi" yang dapat diaktifkan sendiri oleh pengunjung.