Constconst [healingEffects, setHealingEffects] = useState<EarthHealingEffect[]>([]);
// On healing technique
const handleHealing = (position: [number, number, number], healAmount: number) => {
setHealingEffects([...healingEffects, {
id: generateId(),
position,
healAmount,
startTime: Date.now(),
}]);
};
<EarthHealingEffect3D
effects={healingEffects}
enabled={visualEffects.earthHealing}
isMobile={isMobile}
onEffectComplete={(id) => {
setHealingEffects(prev => prev.filter(e => e.id !== id));
}}
/>
EarthHealingEffect3D Component
Renders earth healing effects for supportive techniques. Root-like energy rises from ground with warm earth glow and green growth particles.