▲ three-start

Examples

one concept each · a few dozen lines

01 · spin.tsrun ▸

Hello, three-start

Bootstrap a scene and add your first component.

ThreeStartObject3DBehaviouraddComponent

02 · components.tsrun ▸

Three small components stacked on one object.

compositionevent methods

03 · lifecycle.tslive ●

Watch a component move through its event methods, live.

onAwake…onDestroyenable / disabledestroy

04 · wave-field.tsrun ▸

One component class, 324 instances, constructor args.

constructor argsmany instances

05 · orbits.tsrun ▸

The same component reused across a scene-graph hierarchy.

scene graphcomponent reuse

06 · pointer.tsrun ▸

A global system on the context that any component can read. Move the pointer.

ContextModulethis.modules

07 · set-active.tsrun ▸

Deactivate a whole subtree with one call. Click to toggle.

setActivegetIsActiveonDisable

08 · slow-motion.tsrun ▸

One shared timer — scale time for every component at once. Hold the pointer.

timescalegetDeltaTime

single-file scenes·sources ↗·@vladkrutenyuk ↗

src/examples/lifecycle/index.ts←→

EX 03 / 08

Lifecycle

Watch a component move through its event methods, live.

onAwake…onDestroyenable / disabledestroy

src/examples/lifecycle/index.ts — the whole example

loading source…