ฉาก 3D WebGPU
Loading...
สามฉาก สามเทคนิค
ห้องปฏิบัติการ WebGPU สามฉาก สามเทคนิค
กำลังตรวจสอบ WebGPU…

การสำรวจการเรนเดอร์แบบโต้ตอบ

พื้นที่เดียวกัน
สามเส้นทางที่แตกต่างกัน

สามฉากสดที่แสดงให้เห็นว่าเทคนิค WebGPU ที่แตกต่างกันเปลี่ยนข้อมูลให้เป็นภาพได้อย่างไร

ไม่มีไลบรารี ใช้เพียงเชเดอร์ล้วนๆ
03ฉากสด
GPUการคำนวณแบบเรียลไทม์
01ท่าทางสำหรับการหมุน
SCÉNA 01

Aurora flow

COMPUTE SHADER Tisíce částic proudí podle výpočtu na GPU
กำลังเริ่มต้นหน่วยประมวลผลกราฟิก…
01การจำลอง

กระแสอนุภาค

Compute shader คำนวณตำแหน่งอนุภาคใหม่ในทุกเฟรม Render shader ประกอบพวกมันเป็นคลื่นแสงออโรร่าที่นุ่มนวล

02เรขาคณิต

เมืองแห่งอินสแตนซ์

ลูกบาศก์เดียวถูกเรนเดอร์หลายสิบครั้งด้วยความสูงที่แตกต่างกัน แสงแบบโพรซีเจอร์และบัฟเฟอร์ความลึกช่วยรักษาทัศนียภาพให้ชัดเจน

03การแรสเตอร์

การเรนเดอร์ 3D แบบคลาสสิก

ตัวละครประกอบด้วยรูปสามเหลี่ยมและถูกเรนเดอร์ด้วย WebGPU render pipeline มาตรฐาน Vertex shader จะฉายภาพเรขาคณิต ตัวแรสเตอร์จะเติมเต็มพื้นที่ และบัฟเฟอร์ความลึกจะจัดเรียงส่วนต่างๆ ของร่างกายอย่างถูกต้อง

สนามเด็กเล่น WebGPU·สามเส้นทางที่แตกต่างสู่ภาพเดียว