FIELD — Empat Keadaan Satu Buffer
Satu buffer berganti menjadi hamparan rumput, pasang surut, bara, dan kisi: 262.144 untaian dihitung ulang oleh compute pass WebGPU pada setiap frame.
Satu buffer berganti menjadi hamparan rumput, pasang surut, bara, dan kisi: 262.144 untaian dihitung ulang oleh compute pass WebGPU pada setiap frame.
Coba Websites AgentBuat halaman adegan prosedural WebGPU bernama FIELD: empat keadaan satu buffer. Seluruh halaman berjalan pada satu buffer tetap yang digunakan bergantian oleh empat adegan: hamparan rumput yang tertiup angin, pasang surut, bara yang meredup, dan kisi teratur. Sebanyak 262.144 helai rumput, atau partikel setara pada adegan-adegan berikutnya, ditulis ulang sepenuhnya oleh compute pass pada setiap frame, sehingga tidak ada tekstur atau model di layar; setiap untaian dihitung. Saat pengunjung menggulir ke bawah, keempat keadaan bertransisi mulus satu sama lain, sementara buffer yang sama terus digunakan kembali di baliknya. Setiap keadaan diberi anotasi pada halaman berupa catatan implementasi singkat yang menjelaskan cara kerja efeknya, beserta pembacaan laju frame secara real-time. Jika browser tidak mendukung WebGPU, halaman menampilkan pesan fallback yang baik sebagai pengganti adegan agar pengunjung mengetahui alasan tidak ada yang dirender. Halaman statis satu file.
Rumput, pasang surut, bara, dan kisi masing-masing memiliki slider interaktif untuk kepadatan, kecepatan angin, dan warna, sehingga menyeret slider langsung mengubah bentuk adegan; catatan implementasi dan pembacaan laju frame tetap ditampilkan.
Coba Websites AgentBuat halaman adegan prosedural WebGPU bernama FIELD: empat keadaan satu buffer. Seluruh halaman berjalan pada satu buffer tetap yang digunakan bergantian oleh empat adegan: hamparan rumput yang tertiup angin, pasang surut, bara yang meredup, dan kisi teratur. Sebanyak 262.144 helai rumput, atau partikel setara pada adegan-adegan berikutnya, ditulis ulang sepenuhnya oleh compute pass pada setiap frame, sehingga tidak ada tekstur atau model di layar; setiap untaian dihitung. Saat pengunjung menggulir ke bawah, keempat keadaan bertransisi mulus satu sama lain, sementara buffer yang sama terus digunakan kembali di baliknya. Setiap keadaan diberi anotasi pada halaman berupa catatan implementasi singkat yang menjelaskan cara kerja efeknya, beserta pembacaan laju frame secara real-time. Jika browser tidak mendukung WebGPU, halaman menampilkan pesan fallback yang baik sebagai pengganti adegan agar pengunjung mengetahui alasan tidak ada yang dirender. Halaman statis satu file.
Menambahkan keadaan kelima setelah kisi: hamparan salju yang turun perlahan, yang bertransisi saat digulir dengan kemulusan yang sama seperti empat keadaan pertama.
Coba Websites AgentBuat halaman adegan prosedural WebGPU bernama FIELD: empat keadaan satu buffer. Seluruh halaman berjalan pada satu buffer tetap yang digunakan bergantian oleh empat adegan: hamparan rumput yang tertiup angin, pasang surut, bara yang meredup, dan kisi teratur. Sebanyak 262.144 helai rumput, atau partikel setara pada adegan-adegan berikutnya, ditulis ulang sepenuhnya oleh compute pass pada setiap frame, sehingga tidak ada tekstur atau model di layar; setiap untaian dihitung. Saat pengunjung menggulir ke bawah, keempat keadaan bertransisi mulus satu sama lain, sementara buffer yang sama terus digunakan kembali di baliknya. Setiap keadaan diberi anotasi pada halaman berupa catatan implementasi singkat yang menjelaskan cara kerja efeknya, beserta pembacaan laju frame secara real-time. Jika browser tidak mendukung WebGPU, halaman menampilkan pesan fallback yang baik sebagai pengganti adegan agar pengunjung mengetahui alasan tidak ada yang dirender. Halaman statis satu file.
Menambahkan orbit dengan menyeret mouse di atas transisi gulir, sehingga hamparan yang dihitung ulang pada setiap frame dapat dilihat dari sudut lain.
Coba Websites AgentBuat halaman adegan prosedural WebGPU bernama FIELD: empat keadaan satu buffer. Seluruh halaman berjalan pada satu buffer tetap yang digunakan bergantian oleh empat adegan: hamparan rumput yang tertiup angin, pasang surut, bara yang meredup, dan kisi teratur. Sebanyak 262.144 helai rumput, atau partikel setara pada adegan-adegan berikutnya, ditulis ulang sepenuhnya oleh compute pass pada setiap frame, sehingga tidak ada tekstur atau model di layar; setiap untaian dihitung. Saat pengunjung menggulir ke bawah, keempat keadaan bertransisi mulus satu sama lain sementara buffer yang sama terus digunakan kembali di baliknya. Setiap keadaan diberi anotasi pada halaman berupa catatan implementasi singkat yang menjelaskan cara kerja efeknya, beserta pembacaan laju frame secara real-time. Jika browser tidak mendukung WebGPU, halaman menampilkan pesan fallback yang baik sebagai pengganti adegan agar pengunjung mengetahui alasan tidak ada yang dirender. Halaman statis satu file.



