Examples / 3D Scene Editor Rendering · 3D

3D Scene Editor

A real-time 3D scene you edit live: add and remove cube & sphere objects, each its own color, lit and depth-tested on a turntable — drag to orbit the camera. Rendered by Vel’s own WebGPU 3D pass (perspective + depth buffer + Lambert lighting), composited straight into the 2D UI with no CPU readback.

Add / remove objects from button handlers
Perspective camera + depth buffer + lighting
Per-object color, all merged into one mesh
Drag to orbit · one 3D pass per frame

3d-object.vel vel

 #App
  V f=1 bg=bg0 g=0
    H px=md py=sm bg=bg1 a=center
      T "3D scene editor" font=bold/lg
      Spacer
      Btn "+ Cube"   -> click => vel::ui::scene3dAddCube()
      Btn "+ Sphere" -> click => vel::ui::scene3dAddSphere()
      Btn "Remove"   -> click => vel::ui::scene3dRemove()
    Scene3DEditor f=1