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

Microsoft Auto Updater Mac Download

Top Commands of UNIX/Linux….Every developer must know-Part2

Salesforce: SOQL for FLS by object and Profile

Odd solution to Homebrew update fail (homebrew-core) stopping install of a package via brew

Release Announcement: Dash Platform v0.18 on Testnet

SAP FOR SUBSIDIARY INTEGRATION

Ansible Automation - Importing Operators into OCP OLM in Restricted Networks — Part 1

10 product instrumentation mistakes and what we learned from them

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

What’s new for Node Material in Babylon.js v5.0

WebGPU January 2022 meetup — takeaways

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

ThreeJS — The most simple local developing environment with Vite