FIELD — Bốn trạng thái của một buffer
Một bộ đệm lần lượt hóa thành cánh đồng cỏ, thủy triều, than hồng và lưới: 262.144 sợi được tái tính toán ở mỗi khung hình bằng một lượt tính toán WebGPU.
Một buffer lần lượt trở thành cánh đồng cỏ, thủy triều, tàn than và lưới: 262.144 dải được một lượt tính toán WebGPU tính lại ở mỗi khung hình.
Dùng thử Websites AgentXây dựng trang cảnh lập trình thủ tục WebGPU mang tên FIELD: bốn trạng thái của một buffer. Toàn bộ trang chạy trên một buffer cố định duy nhất, được bốn cảnh luân phiên tái sử dụng: cánh đồng cỏ lay trong gió, thủy triều lên xuống, tàn than lụi dần và một lưới đều. 262.144 ngọn cỏ, hoặc số hạt tương đương trong các cảnh sau, được một lượt tính toán ghi lại hoàn toàn ở mỗi khung hình; vì vậy, không gì trên màn hình là texture hay mô hình — mọi dải đều được tính toán. Khi người xem cuộn xuống, bốn trạng thái chuyển tiếp mượt mà với nhau, trong khi cùng một buffer vẫn tiếp tục được tái sử dụng bên dưới. Mỗi trạng thái đều có ghi chú triển khai ngắn trên trang, giải thích cách hiệu ứng hoạt động, kèm chỉ số tốc độ khung hình theo thời gian thực. Khi trình duyệt không hỗ trợ WebGPU, trang sẽ hiển thị thông báo dự phòng phù hợp thay cho cảnh để người xem biết vì sao không có gì được hiển thị. Trang tĩnh một tệp.
Cỏ, thủy triều, tàn than và lưới đều có thanh trượt trực tiếp cho mật độ, tốc độ gió và màu sắc, nên thao tác kéo thanh trượt sẽ thay đổi cảnh ngay lập tức; ghi chú triển khai và chỉ số tốc độ khung hình vẫn được giữ nguyên.
Dùng thử Websites AgentXây dựng trang cảnh lập trình thủ tục WebGPU mang tên FIELD: bốn trạng thái của một buffer. Toàn bộ trang chạy trên một buffer cố định duy nhất, được bốn cảnh luân phiên tái sử dụng: cánh đồng cỏ lay trong gió, thủy triều lên xuống, tàn than lụi dần và một lưới đều. 262.144 ngọn cỏ, hoặc số hạt tương đương trong các cảnh sau, được một lượt tính toán ghi lại hoàn toàn ở mỗi khung hình; vì vậy, không gì trên màn hình là texture hay mô hình — mọi dải đều được tính toán. Khi người xem cuộn xuống, bốn trạng thái chuyển tiếp mượt mà với nhau, trong khi cùng một buffer vẫn tiếp tục được tái sử dụng bên dưới. Mỗi trạng thái đều có ghi chú triển khai ngắn trên trang, giải thích cách hiệu ứng hoạt động, kèm chỉ số tốc độ khung hình theo thời gian thực. Khi trình duyệt không hỗ trợ WebGPU, trang sẽ hiển thị thông báo dự phòng phù hợp thay cho cảnh để người xem biết vì sao không có gì được hiển thị. Trang tĩnh một tệp.
Thêm trạng thái thứ năm sau lưới: một cánh đồng tuyết rơi lặng lẽ, chuyển vào khi cuộn với độ mượt như bốn trạng thái đầu.
Dùng thử Websites AgentXây dựng trang cảnh lập trình thủ tục WebGPU mang tên FIELD: bốn trạng thái của một buffer. Toàn bộ trang chạy trên một buffer cố định duy nhất, được bốn cảnh luân phiên tái sử dụng: cánh đồng cỏ lay trong gió, thủy triều lên xuống, tàn than lụi dần và một lưới đều. 262.144 ngọn cỏ, hoặc số hạt tương đương trong các cảnh sau, được một lượt tính toán ghi lại hoàn toàn ở mỗi khung hình; vì vậy, không gì trên màn hình là texture hay mô hình — mọi dải đều được tính toán. Khi người xem cuộn xuống, bốn trạng thái chuyển tiếp mượt mà với nhau, trong khi cùng một buffer vẫn tiếp tục được tái sử dụng bên dưới. Mỗi trạng thái đều có ghi chú triển khai ngắn trên trang, giải thích cách hiệu ứng hoạt động, kèm chỉ số tốc độ khung hình theo thời gian thực. Khi trình duyệt không hỗ trợ WebGPU, trang sẽ hiển thị thông báo dự phòng phù hợp thay cho cảnh để người xem biết vì sao không có gì được hiển thị. Trang tĩnh một tệp.
Thêm thao tác xoay quỹ đạo bằng cách kéo chuột bên cạnh các chuyển tiếp khi cuộn, để có thể xem cánh đồng được tính lại ở mỗi khung hình từ một góc khác.
Dùng thử Websites AgentXây dựng trang cảnh lập trình thủ tục WebGPU mang tên FIELD: bốn trạng thái của một buffer. Toàn bộ trang chạy trên một buffer cố định duy nhất, được bốn cảnh luân phiên tái sử dụng: cánh đồng cỏ lay trong gió, thủy triều lên xuống, tàn than lụi dần và một lưới đều. 262.144 ngọn cỏ, hoặc số hạt tương đương trong các cảnh sau, được một lượt tính toán ghi lại hoàn toàn ở mỗi khung hình; vì vậy, không gì trên màn hình là texture hay mô hình — mọi dải đều được tính toán. Khi người xem cuộn xuống, bốn trạng thái chuyển tiếp mượt mà với nhau trong khi cùng một buffer vẫn tiếp tục được tái sử dụng bên dưới. Mỗi trạng thái đều có ghi chú triển khai ngắn trên trang, giải thích cách hiệu ứng hoạt động, kèm chỉ số tốc độ khung hình theo thời gian thực. Khi trình duyệt không hỗ trợ WebGPU, trang sẽ hiển thị thông báo dự phòng phù hợp thay cho cảnh để người xem biết vì sao không có gì được hiển thị. Trang tĩnh một tệp.



