ซอร์ส
สด
WGSL fragment shader
1
0 charactersคอมไพล์อัตโนมัติขณะพิมพ์
กำลังตรวจสอบ GPU…
รีเซ็ตฉาก
สภาพอากาศ 2.5D เชิงกระบวนการ
สร้างบรรยากาศเป็นชั้นๆ
ผลักดันตัวเรนเดอร์ทั้งสองผ่านฉากสภาพอากาศแบบภาพยนตร์ที่สร้างขึ้นเพื่อเปิดเผยรายละเอียดเชิงกระบวนการ ความลึก และการเคลื่อนไหว
—FPS
0เฟรม
WGSL
GLSL
ฉากตัวอย่าง
เปรียบเทียบทั้งสอง
คัดลอกโค้ด
Ⅱ หยุดชั่วคราว
เอาต์พุต
ตัวอย่าง Shader แบบสด
⛶ เต็มหน้าจอ
Ready
WGSL · WebGPU
GLSL · WebGL2
!Shader ต้องการการแก้ไขตรวจสอบรายละเอียดคอมไพเลอร์ด้านล่าง
เลื่อนตัวชี้ของคุณไปเหนือตัวอย่างใดตัวอย่างหนึ่ง
รายละเอียดคอมไพเลอร์×
Preparing renderer…พื้นที่วาดภาพเสมือน 1920 × 1080
ซอร์สอ้างอิง
คัดลอก HLSL
HLSL shader
พื้นฐานเชิงกระบวนการเดียวกันข้อมูลอ้างอิง DirectX
⌁
เทมเพลตสภาพอากาศและพื้นผิว
สำรวจฉากบรรยากาศ 13 ฉาก พร้อมภาพระยะใกล้ของน้ำแข็ง สนามหญ้า หิน และแป้ง
◌
บรรยากาศตอบสนอง
ใช้เวลา ความละเอียด เมาส์ และเฟรมเพื่อสร้างแอนิเมชันให้กับเชเดอร์แต่ละตัว
↗
เปรียบเทียบตัวเรนเดอร์
แสดง WGSL และ GLSL พร้อมกันในขณะที่คุณเปรียบเทียบความลึก การเคลื่อนไหว แสง และวัสดุ