tosijs-3d

github | live demo | npm

Declarative 3D/XR framework built on Babylon.js and tosijs. Compose 3D scenes with web components. See the b3d page for a live interactive demo.

import {
  b3d,
  b3dSun,
  b3dSkybox,
  b3dLoader,
  b3dWater,
  b3dReflections,
} from 'tosijs-3d'

document.body.append(
  b3d(
    { glowLayerIntensity: 1 },
    b3dSun({ shadowCascading: true }),
    b3dSkybox({ timeOfDay: 6, realtimeScale: 100 }),
    b3dLoader({ url: './scene.glb' }),
    b3dWater({ y: -0.2 }),
    b3dReflections()
  )
)

Development

Requires Bun.

bun install
bun start

Dev server runs on https://localhost:8030 with auto-rebuild on file changes.