Introduction

React 19.2        → UI components and state management
Three.js 0.182    → 3D rendering and visualization
@react-three/fiber → React renderer for Three.js
@react-three/drei  → Useful helpers for 3D scenes
Vite 7.2          → Fast development and build tooling
TypeScript 5.9    → Type-safe code

src/
├── App.tsx            # Main application entry point
├── gui/               # User interface components
│   ├── GUI.tsx        # Main control panel
│   ├── InfoPanel.tsx  # Real-time statistics display
│   └── ParticleEditor.tsx # Particle configuration editor
├── Particula/         # Core physics engine
│   ├── Escenario.tsx  # 3D scene setup and orchestration
│   ├── Movimiento.ts  # Movement calculations and physics
│   └── Particula.tsx  # Individual particle components
└── Utils/             # Visualization helpers
    ├── Axes.tsx       # 3D coordinate axes
    ├── ForceArrow.tsx # Force vector rendering
    └── PhysicsUpdate.tsx # Physics loop integration

const formulaCache: Record<string, Function> = {};

export const evaluarFormula = (
  formula: string,
  t: number,
  x: number = 0,
  y: number = 0,
  z: number = 0
): number => {
  const cacheKey = formula.toLowerCase().trim();
  let fn = formulaCache[cacheKey];
  
  if (!fn) {
    const cleanedFormula = cacheKey.replace(/\^/g, "**");
    fn = new Function("t", "x", "y", "z", ...mathKeys,
      `return ${cleanedFormula}`
    );
    formulaCache[cacheKey] = fn;
  }
  
  return fn(t, x, y, z, ...mathValues);
};