Babylon X: Discussion topic

[kzhsw]

WEBGL_multi_draw

WEBGL_multi_draw extension

Draw Calls and WebGL Performance In WebGL-based applications, each draw call represents a request to render a mesh or a part of a mesh. Drawing multiple objects with separate draw calls can quickly become a performance bottleneck, especially when dealing with scenes containing a large number of objects or complex animations. Reducing the number of draw calls is critical for achieving smooth and responsive 3D experiences on the web. Link: Optimize Your Scene WEBGL_multi_draw Extension The WEBGL…

storing key frames in typed arrays

Animations: storing key frames in typed arrays

Keyframes in Babylon.js are stored with array of objects. Some animations exported with millons of key frames, with the object mode, it would take more memory than stored with typed arrays, like Float32Array. Without the object per frame, it would be much harder for features like per-frame interpolation and tangent to be implemented, so this could be an optional feature for those suffers too many keyframes without these advanced features. See code in playground:

TODOs

compact for gltf with 4-…

GLB export with original image and vertex types

GLB export changes original image

OS: Windows 10 x64 Browser: ungoogled-chromium 108.0.5359.95 Babylon.js: 5.38.0 Playground: Babylon.js Playground Expected: Exported GLB should contains the original image. Actual: JPEG-encoded image is converted to PNG. Image size goes from 8160 bytes to 112602 bytes. See the console.assert codes for detail.

Keep index and KHR_mesh_quantization attributes on GLB export

OS: Windows 10 x64 Browser: ungoogled-chromium 108.0.5359.95 Babylon.js: 5.38.0 Playground: Babylon.js Playground Expected: Exported GLB should contains the original index and attribute buffer. Actual: index changed on export, expected: Uint16Array actual: Uint32Array index byteLength changed on export, expected: 6 actual: 12 position type changed on export, expected: 5123 actual: 5126 position size changed on export, expected: 6 actual: 12

Babylon serialized format with deduplicated texture

Load serialized scene duplicates texture

OS: Windows 10 x64 Browser: ungoogled-chromium 108.0.5359.95 Babylon.js: 5.37.0 Playground: Babylon.js Playground Expected: Texture not duplicated after serializing and loading. Actual: Texture duplicated. [图片]

multi threaded rendering (for the same scene)

Webgpu multi threaded rendering

In WebGPU API, a GPUTexture can be created and sent to another worker thread as spec, so it could be possible to do real multi threaded rendering like: main thread: create GPUTexture for each thread with depth enabled, split the scene into parts by mesh, initialize, dispatch events (frame render, input and camera change), composite render results with alpha and depth worker threads: initialize scene parts, handle events, rendering to GPUTexture Questions: Is this possible for babylon.js? Is…

Baked trs animation

Baked trs animation

In docs there are Baked Texture Animations which is gpu-accelerated animation for meshes and thin instances, but it seems that only bone animations are supported. For TRS animations (translation, rotation, and scale), could there be a way that animations can be baked and computed in gpu per thin instance?

multi draw indirect (draft)

Add multi draw indirect feature

GPU picking

GPU picking point and normal example

This is an example of using depth textures to pick up world coordinates and normals： GPU picking point and normal | Babylon.js Playground (babylonjs.com) Combined with GPU object pickup, the capability of near ray pickup can be realized： GPU picking demo - Demos and projects - Babylon.js (babylonjs.com) GPU pickup can save CPU performance in complex scenarios. But compared with ray picking, there is a problem of accuracy error. In order to reduce the impact of accuracy errors on the normal…

SIMD

GitHub - WebAssembly/simd: Branch of the spec repo scoped to discussion of...

Compute Shader rasterization

Compute versus Hardware - Tellusim Technologies Inc.

GitHub - OmarShehata/webgpu-compute-rasterizer: A simple software rasterizer running on a WebGPU...

GitHub - Scthe/nanite-webgpu: UE5's Nanite implementation using WebGPU. Includes...