FIELD — 一個緩衝區的四種狀態
一個緩衝區依序化為草原、潮汐、餘燼與格狀網格：262,144 條細絲每一幀都由 WebGPU 計算 pass 重新運算。
Loading preview...
1033 views
建立一個名為 FIELD 的 WebGPU 程序化場景頁面：一個緩衝區的四種狀態。整個頁面只使用一個固定緩衝區，讓四個場景依序重複使用：隨風搖曳的草原、漲落的潮汐、漸熄的餘燼，以及規則的格狀網格。262,144 根草葉，或後續場景中相同數量的粒子，都會在每一幀由計算 pass 完整重寫，因此畫面上沒有紋理，也沒有模型；每一條細絲皆由運算生成。隨著訪客向下捲動，四種狀態會平順地相互轉換，而底層持續重複使用同一個緩衝區。頁面會為每種狀態附上簡短的實作說明，解釋效果原理，並顯示即時幀率。當瀏覽器不支援 WebGPU 時，頁面會以得體的替代訊息取代場景，讓訪客知道為何沒有任何內容渲染。單一檔案靜態頁面。
建立一個名為 FIELD 的 WebGPU 程序化場景頁面：一個緩衝區的四種狀態。整個頁面只使用一個固定緩衝區，讓四個場景依序重複使用：隨風搖曳的草原、漲落的潮汐、漸熄的餘燼，以及規則的格狀網格。262,144 根草葉，或後續場景中相同數量的粒子，都會在每一幀由計算 pass 完整重寫，因此畫面上沒有紋理，也沒有模型；每一條細絲皆由運算生成。隨著訪客向下捲動，四種狀態會平順地相互轉換，而底層持續重複使用同一個緩衝區。 頁面會為每種狀態附上簡短的實作說明，解釋效果原理，並顯示即時幀率。當瀏覽器不支援 WebGPU 時，頁面會以得體的替代訊息取代場景，讓訪客知道為何沒有任何內容渲染。單一檔案靜態頁面。
建立一個名為 FIELD 的 WebGPU 程序化場景頁面：一個緩衝區的四種狀態。整個頁面只使用一個固定緩衝區，讓四個場景依序重複使用：隨風搖曳的草原、漲落的潮汐、漸熄的餘燼，以及 規則的格狀網格。262,144 根草葉，或後續場景中相同數量的粒子，都會在每一幀由計算 pass 完整重寫，因此畫面上沒有紋理，也沒有模型；每一條細絲皆由運算生成。隨著訪客向下捲動，四種狀態會平順地相互轉換，而底層持續重複使用同一個緩衝區。頁面會為每種狀態附上簡短的實作說明，解釋效果原理，並顯示即時幀率。當瀏覽器不支援 WebGPU 時，頁面會以得體的替代訊息取代場景，讓訪客知道為何沒有任何內容渲染。單一檔案靜態頁面。
建立一個名為 FIELD 的 WebGPU 程序化場景頁面：一個緩衝區的四種狀態。整個頁面只使用一個固定緩衝區，讓四個場景依序重複使用：隨風搖曳的草原、漲落的潮汐、漸熄的餘燼，以及規則的格狀網格。262,144 根草葉，或後續場景中相同數量的粒子，都會在每一幀由計算 pass 完整重寫，因此畫面上沒有紋理，也沒有模型；每一條細絲皆由運算生成。隨著訪客向下捲動，四種狀態會平順地相互轉換 而底層持續重複使用同一個緩衝區。頁面會為每種狀態附上簡短的實作說明，解釋效果原理，並顯示即時幀率。當瀏覽器不支援 WebGPU 時，頁面會以得體的替代訊息取代場景，讓訪客知道為何沒有任何內容渲染。單一檔案靜態頁面。
