SlimeSimulation

April 5, 2025
Interactive & 3D
React
JavaScript
HTML5 Canvas
Animation
Web Development
+3 more

Images

output.gif

Description

React Slime Simulation is a highly customizable React component that recreates the mesmerizing behavior of unicellular organisms like Physarum polycephalum ("slime mold") directly in the browser.
Built on the HTML5 Canvas API with requestAnimationFrame for smooth rendering, it allows developers to create dynamic, organic, and interactive visualizations with minimal setup.

Key Features:

  • Lightweight and dependency-free (React as peerDependency)
  • Fully configurable parameters for agent behavior and trail rendering
  • Custom SVG shapes as starting points for simulations
  • Randomized defaults for unique visuals every time
  • Real-time interaction through brush tools
  • Easy drop-in integration for React projects

Technologies & Skills

React
JavaScript
HTML5 Canvas
Animation
Web Development
Open Source
NPM Packaging
Interactive Graphics
SlimeSimulation | Bréval Le Floch - Creative Developer