react-babylonjs

Quickstart Guides Creating a Creact React App (CRA) Project Imperative React + Babylon.js Declarative 'react-babylonjs'Declarative Animation Adding More Interaction and Color Adding Shadows Examples Basic Animations Moving Boxes Context Bridge Custom Mesh Dynamic Terrain Edges Rendering Engine View assignTo fromInstance Gizmo Gizmo Manager Pause Renderer InstancedMesh Hex Create Portal Extrude (+CSG)Sound Snippet Material Toggle Mesh Toggle Scene Transform Node Viewport Behaviors Drag n Drop Pointer Drag GUI Skybox 3D 2D GUI Grid Html GUI Demo Extending (materials)Models Asset Manager Look At Props Sprites Physics Hooks Context Scene/Engine useAssetManager useClick useHover Post Process Image Processing Pipeline Special FX (layer)Glow Layer Glow Layer (Multi)Highlight Layer Textures Fire Procedural Fresnel Parameters Image Textures PBR PBR Configuration VR

Star

Quickstart Guides Creating a Creact React App (CRA) Project Imperative React + Babylon.js Declarative 'react-babylonjs'Declarative Animation Adding More Interaction and Color Adding Shadows Examples Basic Animations Moving Boxes Context Bridge Custom Mesh Dynamic Terrain Edges Rendering Engine View assignTo fromInstance Gizmo Gizmo Manager Pause Renderer InstancedMesh Hex Create Portal Extrude (+CSG)Sound Snippet Material Toggle Mesh Toggle Scene Transform Node Viewport Behaviors Drag n Drop Pointer Drag GUI Skybox 3D 2D GUI Grid Html GUI Demo Extending (materials)Models Asset Manager Look At Props Sprites Physics Hooks Context Scene/Engine useAssetManager useClick useHover Post Process Image Processing Pipeline Special FX (layer)Glow Layer Glow Layer (Multi)Highlight Layer Textures Fire Procedural Fresnel Parameters Image Textures PBR PBR Configuration VR

Glow Layer (Multi)

Edit on GitHub

Some inspiration derived from here. Each checkbox controls a 3d model and a row of colored boxes:

https://playground.babylonjs.com/#129LNB#16

Output
Code