search

nartc / angular-three

🧊 THREE.js integration for Angular 🧊
https://angular-three.netlify.app/
MIT License
306 stars 26 forks source link

Reg WebGPU examples missing in storybook #121

Open gmanojisaac opened 2 years ago

gmanojisaac commented 2 years ago

Sir.. can we expect any examples from angularthree using threejs webGPU support??

Thanks..

nartc commented 2 years ago

@gmanojisaac can you give me an example of WebGPU? either in React Three Fiber or vanilla THREE.js? I'll find some time to convert it over to Angular Three

IRobot1 commented 2 years ago

From my understanding, this will require the Canvas to use WebGpuRenderer instead of WebGLRender2. Also, support is limited to Firefox and Safari browsers for now, until its more widely adopted.

gmanojisaac commented 2 years ago

Sir.. Based on youtube video from google titled - Next-Generation 3D Graphics on the Web (Google I/O ’19)

WebGL does not have capability to use shared memory found in latest GPU in mobile/desktop since the architecture of webgl was based on old gpu of 1990s. image

Latest GPUs have shared memory so new renderer architecture of WEBGPU is based on it image

and it shows in performance..(6.2x) image

WebGPU is available for now in Chrome Canary on desktop behind an experimental flag. You can enable it at chrome://flags/#enable-unsafe-webgpu --https://web.dev/gpu-compute/

Threejs site examples page can be searched with 'webGPU' yields lot of results -- like example (https://github.com/mrdoob/three.js/tree/master/examples)/webgpu_compute.html)

Thanks..

nartc commented 2 years ago

Let's keep this one open for now. I think it's still too early for implementing this in Angular Three, or any of the wrapper/renderer around THREE.js