01การจำลอง
กระแสอนุภาค
Compute shader คำนวณตำแหน่งอนุภาคใหม่ในทุกเฟรม Render shader ประกอบพวกมันเป็นคลื่นแสงออโรร่าที่นุ่มนวล
กำลังตรวจสอบ WebGPU…
การสำรวจการเรนเดอร์แบบโต้ตอบ
พื้นที่เดียวกัน
สามเส้นทางที่แตกต่างกัน
สามฉากสดที่แสดงให้เห็นว่าเทคนิค WebGPU ที่แตกต่างกันเปลี่ยนข้อมูลให้เป็นภาพได้อย่างไร
✦
ไม่มีไลบรารี ใช้เพียงเชเดอร์ล้วนๆ
03ฉากสด
GPUการคำนวณแบบเรียลไทม์
01ท่าทางสำหรับการหมุน
SCÉNA 01
Aurora flow
COMPUTE SHADER
Tisíce částic proudí podle výpočtu na GPU
สด
การเรนเดอร์แบบเรียลไทม์
กำลังเริ่มต้นหน่วยประมวลผลกราฟิก…
4 096 částic
ลากเพื่อหมุน · ใช้ล้อเมาส์เพื่อซูม1 / 2 / 3
02เรขาคณิต
เมืองแห่งอินสแตนซ์
ลูกบาศก์เดียวถูกเรนเดอร์หลายสิบครั้งด้วยความสูงที่แตกต่างกัน แสงแบบโพรซีเจอร์และบัฟเฟอร์ความลึกช่วยรักษาทัศนียภาพให้ชัดเจน
03การแรสเตอร์
การเรนเดอร์ 3D แบบคลาสสิก
ตัวละครประกอบด้วยรูปสามเหลี่ยมและถูกเรนเดอร์ด้วย WebGPU render pipeline มาตรฐาน Vertex shader จะฉายภาพเรขาคณิต ตัวแรสเตอร์จะเติมเต็มพื้นที่ และบัฟเฟอร์ความลึกจะจัดเรียงส่วนต่างๆ ของร่างกายอย่างถูกต้อง