SlimeSimulation

5 avril 2025

Composant React personnalisable pour simuler un comportement de type moisissure visqueuse avec HTML5 Canvas.

Interactive & 3D
React
JavaScript
HTML5 Canvas
Animation
Web Development
+3 autres

Images

Project image 1

Description

React Slime Simulation est un composant React hautement personnalisable qui recrée le comportement hypnotisant d'organismes unicellulaires comme Physarum polycephalum ("moisissure visqueuse") directement dans le navigateur. Construit sur l'API Canvas HTML5 avec requestAnimationFrame pour un rendu fluide, il permet aux développeurs de créer des visualisations dynamiques, organiques et interactives avec une configuration minimale.

Caractéristiques clés:

  • Léger et sans dépendance (React comme peerDependency)
  • Paramètres entièrement configurables pour le comportement des agents et le rendu des pistes
  • Formes SVG personnalisées comme points de départ pour les simulations
  • Défauts aléatoires pour des visuels uniques à chaque fois
  • Interaction en temps réel via des outils pinceau
  • Intégration facile par glisser-déposer pour les projets React

Technologies et compétences

React
JavaScript
HTML5 Canvas
Animation
Web Development
Open Source
NPM Packaging
Interactive Graphics