RxJS Marbles 3D

Reactive programming in RxJS visualized with 3D marbles.

Checkout rxmarbles.dev

Demo: ConcatMap

Demo: CombineLatest

NOTE: WORK IN PROGRESS 🚧

Development

Start development server:

# start the remix dev server and wrangler
npm run dev

Open up http://127.0.0.1:8788 and you should be ready to go!

Models

When making changes to the model in Blender, export it as follow:

• General: format gltf embedded
• Include: selected objects
• Transform: +Y up
• Geometry: Apply modifiers, UVs, Normals, Vertex Colors, Export Materials
• Animation: OFF

Run gltfjsx helper to generate JSX:

npx gltfjsx ./model.gltf --transform --keepnames --keepmeshes --types

Drag object-transformed.glb to public models folder. Copy `Object.tsx`` to project, and edit to rename exports, and adjust loading paths.