A WebGPU 3D Commerce Experiment

WebGPU 3D Room Demo (use Edge/Chrome Canary with WebGPU flag on)

Babylon.js WebGPU engine

Ocean Simulation — Compute Shaders Demo
  • What’s new: Fast Path. The other promise of WebGPU is to enable high-performance 3D graphic as it offers a lower-level control to the graphic resources from JavaScript. Several levels of optimization have been implemented in the new Babylon engine using Render Bundles. SnapShot Recording, the fastest mode, records draw calls during one frame and replays them for all subsequent frames. It works for mostly static scene (no pipeline change) such as e-commerce and can bring up to x10 performance increase.
Compatibility with existing WebGL code and performance with WebGPU engine

3D Commerce Room Demo

~10times performance improvement with WebGPU (Snapshot — Fast Mode) compared to WebGL
Switching Babylon.js Playground from WebGL to WebGPU
Difference Babylon.js in engine creation in WebGL and WebGPU
Sample 3D Room in Babylon.js Playground
Adding Snapshot Recording Modes
Bones animations in Snapshot Recording — Fast Mode

--

--

--

Babylon.js: Powerful, Beautiful, Simple, Open — Web-Based 3D At Its Best. https://www.babylonjs.com/

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

“Bluetooth keeps stopping” message driving me insane!

what i have been waiting for has come !

How to optimize connections between MQTT clients and ActiveMQ broker

Beginning with Spring: Dependency Injection

To script or not to script.

Differences Between Static and Dynamic Libraries

Using Detectron2 for Simultaneous Human Body KeyPoints Detection and coco.names Object Detection.

How Best of Breed Applications Ramp up the Benefits of the Cloud

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Babylon.js

Babylon.js

Babylon.js: Powerful, Beautiful, Simple, Open — Web-Based 3D At Its Best. https://www.babylonjs.com/

More from Medium

Ready, set, Babylon.js!

WebGPU January 2022 meetup — takeaways

Real-time WebGL video manipulation

Camera orbit, zoom-in, zoom-out movements in WebGL