@dano796/react-reart 0.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE.md +25 -0
- package/README.md +222 -0
- package/cli/build-registry.mjs +128 -0
- package/cli/index.js +396 -0
- package/cli/registry.json +873 -0
- package/dist/components/BackgroundStudio.d.ts +10 -0
- package/dist/components/BackgroundStudio.d.ts.map +1 -0
- package/dist/components/BackgroundStudio.js +268 -0
- package/dist/components/BackgroundStudio.js.map +1 -0
- package/dist/components/FlowCurrents.d.ts +24 -0
- package/dist/components/FlowCurrents.d.ts.map +1 -0
- package/dist/components/FlowCurrents.js +79 -0
- package/dist/components/FlowCurrents.js.map +1 -0
- package/dist/components/GeoPulse.d.ts +20 -0
- package/dist/components/GeoPulse.d.ts.map +1 -0
- package/dist/components/GeoPulse.js +72 -0
- package/dist/components/GeoPulse.js.map +1 -0
- package/dist/components/GravityStorm.d.ts +20 -0
- package/dist/components/GravityStorm.d.ts.map +1 -0
- package/dist/components/GravityStorm.js +72 -0
- package/dist/components/GravityStorm.js.map +1 -0
- package/dist/components/WaveEther.d.ts +21 -0
- package/dist/components/WaveEther.d.ts.map +1 -0
- package/dist/components/WaveEther.js +73 -0
- package/dist/components/WaveEther.js.map +1 -0
- package/dist/components/backgrounds/AmbientMesh.d.ts +38 -0
- package/dist/components/backgrounds/AmbientMesh.d.ts.map +1 -0
- package/dist/components/backgrounds/AmbientMesh.js +101 -0
- package/dist/components/backgrounds/AmbientMesh.js.map +1 -0
- package/dist/components/backgrounds/ArborealGrowth.d.ts +26 -0
- package/dist/components/backgrounds/ArborealGrowth.d.ts.map +1 -0
- package/dist/components/backgrounds/ArborealGrowth.js +78 -0
- package/dist/components/backgrounds/ArborealGrowth.js.map +1 -0
- package/dist/components/backgrounds/CliffordAttractor.d.ts +24 -0
- package/dist/components/backgrounds/CliffordAttractor.d.ts.map +1 -0
- package/dist/components/backgrounds/CliffordAttractor.js +86 -0
- package/dist/components/backgrounds/CliffordAttractor.js.map +1 -0
- package/dist/components/backgrounds/CrystallineDrift.d.ts +33 -0
- package/dist/components/backgrounds/CrystallineDrift.d.ts.map +1 -0
- package/dist/components/backgrounds/CrystallineDrift.js +101 -0
- package/dist/components/backgrounds/CrystallineDrift.js.map +1 -0
- package/dist/components/backgrounds/DifferentialGrowth.d.ts +9 -0
- package/dist/components/backgrounds/DifferentialGrowth.d.ts.map +1 -0
- package/dist/components/backgrounds/DifferentialGrowth.js +82 -0
- package/dist/components/backgrounds/DifferentialGrowth.js.map +1 -0
- package/dist/components/backgrounds/DoublePendulum.d.ts +9 -0
- package/dist/components/backgrounds/DoublePendulum.d.ts.map +1 -0
- package/dist/components/backgrounds/DoublePendulum.js +81 -0
- package/dist/components/backgrounds/DoublePendulum.js.map +1 -0
- package/dist/components/backgrounds/DragonCurve.d.ts +27 -0
- package/dist/components/backgrounds/DragonCurve.d.ts.map +1 -0
- package/dist/components/backgrounds/DragonCurve.js +79 -0
- package/dist/components/backgrounds/DragonCurve.js.map +1 -0
- package/dist/components/backgrounds/DragonFold.d.ts +31 -0
- package/dist/components/backgrounds/DragonFold.d.ts.map +1 -0
- package/dist/components/backgrounds/DragonFold.js +94 -0
- package/dist/components/backgrounds/DragonFold.js.map +1 -0
- package/dist/components/backgrounds/EmberCascade.d.ts +24 -0
- package/dist/components/backgrounds/EmberCascade.d.ts.map +1 -0
- package/dist/components/backgrounds/EmberCascade.js +88 -0
- package/dist/components/backgrounds/EmberCascade.js.map +1 -0
- package/dist/components/backgrounds/FibonacciVortex.d.ts +42 -0
- package/dist/components/backgrounds/FibonacciVortex.d.ts.map +1 -0
- package/dist/components/backgrounds/FibonacciVortex.js +151 -0
- package/dist/components/backgrounds/FibonacciVortex.js.map +1 -0
- package/dist/components/backgrounds/FlowCurrents.d.ts +35 -0
- package/dist/components/backgrounds/FlowCurrents.d.ts.map +1 -0
- package/dist/components/backgrounds/FlowCurrents.js +97 -0
- package/dist/components/backgrounds/FlowCurrents.js.map +1 -0
- package/dist/components/backgrounds/FractalNoiseTerrain.d.ts +9 -0
- package/dist/components/backgrounds/FractalNoiseTerrain.d.ts.map +1 -0
- package/dist/components/backgrounds/FractalNoiseTerrain.js +85 -0
- package/dist/components/backgrounds/FractalNoiseTerrain.js.map +1 -0
- package/dist/components/backgrounds/FractalTree.d.ts +35 -0
- package/dist/components/backgrounds/FractalTree.d.ts.map +1 -0
- package/dist/components/backgrounds/FractalTree.js +98 -0
- package/dist/components/backgrounds/FractalTree.js.map +1 -0
- package/dist/components/backgrounds/GeoPulse.d.ts +31 -0
- package/dist/components/backgrounds/GeoPulse.d.ts.map +1 -0
- package/dist/components/backgrounds/GeoPulse.js +89 -0
- package/dist/components/backgrounds/GeoPulse.js.map +1 -0
- package/dist/components/backgrounds/GravityStorm.d.ts +30 -0
- package/dist/components/backgrounds/GravityStorm.d.ts.map +1 -0
- package/dist/components/backgrounds/GravityStorm.js +89 -0
- package/dist/components/backgrounds/GravityStorm.js.map +1 -0
- package/dist/components/backgrounds/HarmonicLattice.d.ts +26 -0
- package/dist/components/backgrounds/HarmonicLattice.d.ts.map +1 -0
- package/dist/components/backgrounds/HarmonicLattice.js +89 -0
- package/dist/components/backgrounds/HarmonicLattice.js.map +1 -0
- package/dist/components/backgrounds/HexRipple.d.ts +44 -0
- package/dist/components/backgrounds/HexRipple.d.ts.map +1 -0
- package/dist/components/backgrounds/HexRipple.js +149 -0
- package/dist/components/backgrounds/HexRipple.js.map +1 -0
- package/dist/components/backgrounds/KochCrystal.d.ts +27 -0
- package/dist/components/backgrounds/KochCrystal.d.ts.map +1 -0
- package/dist/components/backgrounds/KochCrystal.js +79 -0
- package/dist/components/backgrounds/KochCrystal.js.map +1 -0
- package/dist/components/backgrounds/LissajousWeave.d.ts +23 -0
- package/dist/components/backgrounds/LissajousWeave.d.ts.map +1 -0
- package/dist/components/backgrounds/LissajousWeave.js +86 -0
- package/dist/components/backgrounds/LissajousWeave.js.map +1 -0
- package/dist/components/backgrounds/MoireLattice.d.ts +9 -0
- package/dist/components/backgrounds/MoireLattice.d.ts.map +1 -0
- package/dist/components/backgrounds/MoireLattice.js +81 -0
- package/dist/components/backgrounds/MoireLattice.js.map +1 -0
- package/dist/components/backgrounds/NebulaVeil.d.ts +28 -0
- package/dist/components/backgrounds/NebulaVeil.d.ts.map +1 -0
- package/dist/components/backgrounds/NebulaVeil.js +121 -0
- package/dist/components/backgrounds/NebulaVeil.js.map +1 -0
- package/dist/components/backgrounds/NeuralWeave.d.ts +9 -0
- package/dist/components/backgrounds/NeuralWeave.d.ts.map +1 -0
- package/dist/components/backgrounds/NeuralWeave.js +81 -0
- package/dist/components/backgrounds/NeuralWeave.js.map +1 -0
- package/dist/components/backgrounds/OrbitalResonance.d.ts +9 -0
- package/dist/components/backgrounds/OrbitalResonance.d.ts.map +1 -0
- package/dist/components/backgrounds/OrbitalResonance.js +86 -0
- package/dist/components/backgrounds/OrbitalResonance.js.map +1 -0
- package/dist/components/backgrounds/PhotonBurst.d.ts +41 -0
- package/dist/components/backgrounds/PhotonBurst.d.ts.map +1 -0
- package/dist/components/backgrounds/PhotonBurst.js +150 -0
- package/dist/components/backgrounds/PhotonBurst.js.map +1 -0
- package/dist/components/backgrounds/PhyllotaxisDream.d.ts +25 -0
- package/dist/components/backgrounds/PhyllotaxisDream.d.ts.map +1 -0
- package/dist/components/backgrounds/PhyllotaxisDream.js +88 -0
- package/dist/components/backgrounds/PhyllotaxisDream.js.map +1 -0
- package/dist/components/backgrounds/PlasmaField.d.ts +28 -0
- package/dist/components/backgrounds/PlasmaField.d.ts.map +1 -0
- package/dist/components/backgrounds/PlasmaField.js +117 -0
- package/dist/components/backgrounds/PlasmaField.js.map +1 -0
- package/dist/components/backgrounds/PrismaticWave.d.ts +46 -0
- package/dist/components/backgrounds/PrismaticWave.d.ts.map +1 -0
- package/dist/components/backgrounds/PrismaticWave.js +152 -0
- package/dist/components/backgrounds/PrismaticWave.js.map +1 -0
- package/dist/components/backgrounds/ReactionDiffusion.d.ts +9 -0
- package/dist/components/backgrounds/ReactionDiffusion.d.ts.map +1 -0
- package/dist/components/backgrounds/ReactionDiffusion.js +79 -0
- package/dist/components/backgrounds/ReactionDiffusion.js.map +1 -0
- package/dist/components/backgrounds/RecursiveSubdivision.d.ts +9 -0
- package/dist/components/backgrounds/RecursiveSubdivision.d.ts.map +1 -0
- package/dist/components/backgrounds/RecursiveSubdivision.js +84 -0
- package/dist/components/backgrounds/RecursiveSubdivision.js.map +1 -0
- package/dist/components/backgrounds/RecursiveTunnel.d.ts +44 -0
- package/dist/components/backgrounds/RecursiveTunnel.d.ts.map +1 -0
- package/dist/components/backgrounds/RecursiveTunnel.js +155 -0
- package/dist/components/backgrounds/RecursiveTunnel.js.map +1 -0
- package/dist/components/backgrounds/SierpinskiChaos.d.ts +32 -0
- package/dist/components/backgrounds/SierpinskiChaos.d.ts.map +1 -0
- package/dist/components/backgrounds/SierpinskiChaos.js +95 -0
- package/dist/components/backgrounds/SierpinskiChaos.js.map +1 -0
- package/dist/components/backgrounds/SierpinskiDust.d.ts +47 -0
- package/dist/components/backgrounds/SierpinskiDust.d.ts.map +1 -0
- package/dist/components/backgrounds/SierpinskiDust.js +148 -0
- package/dist/components/backgrounds/SierpinskiDust.js.map +1 -0
- package/dist/components/backgrounds/Spirograph.d.ts +24 -0
- package/dist/components/backgrounds/Spirograph.d.ts.map +1 -0
- package/dist/components/backgrounds/Spirograph.js +86 -0
- package/dist/components/backgrounds/Spirograph.js.map +1 -0
- package/dist/components/backgrounds/TideHarmonics.d.ts +9 -0
- package/dist/components/backgrounds/TideHarmonics.d.ts.map +1 -0
- package/dist/components/backgrounds/TideHarmonics.js +80 -0
- package/dist/components/backgrounds/TideHarmonics.js.map +1 -0
- package/dist/components/backgrounds/VoronoiMosaic.d.ts +9 -0
- package/dist/components/backgrounds/VoronoiMosaic.d.ts.map +1 -0
- package/dist/components/backgrounds/VoronoiMosaic.js +76 -0
- package/dist/components/backgrounds/VoronoiMosaic.js.map +1 -0
- package/dist/components/backgrounds/VortexBloom.d.ts +36 -0
- package/dist/components/backgrounds/VortexBloom.d.ts.map +1 -0
- package/dist/components/backgrounds/VortexBloom.js +101 -0
- package/dist/components/backgrounds/VortexBloom.js.map +1 -0
- package/dist/components/backgrounds/WaveEther.d.ts +32 -0
- package/dist/components/backgrounds/WaveEther.d.ts.map +1 -0
- package/dist/components/backgrounds/WaveEther.js +91 -0
- package/dist/components/backgrounds/WaveEther.js.map +1 -0
- package/dist/components/backgrounds/archived/CliffordAttractor.d.ts +24 -0
- package/dist/components/backgrounds/archived/CliffordAttractor.d.ts.map +1 -0
- package/dist/components/backgrounds/archived/CliffordAttractor.js +86 -0
- package/dist/components/backgrounds/archived/CliffordAttractor.js.map +1 -0
- package/dist/components/backgrounds/archived/CrystallineDrift.d.ts +33 -0
- package/dist/components/backgrounds/archived/CrystallineDrift.d.ts.map +1 -0
- package/dist/components/backgrounds/archived/CrystallineDrift.js +101 -0
- package/dist/components/backgrounds/archived/CrystallineDrift.js.map +1 -0
- package/dist/components/backgrounds/archived/DifferentialGrowth.d.ts +9 -0
- package/dist/components/backgrounds/archived/DifferentialGrowth.d.ts.map +1 -0
- package/dist/components/backgrounds/archived/DifferentialGrowth.js +82 -0
- package/dist/components/backgrounds/archived/DifferentialGrowth.js.map +1 -0
- package/dist/components/backgrounds/archived/DoublePendulum.d.ts +9 -0
- package/dist/components/backgrounds/archived/DoublePendulum.d.ts.map +1 -0
- package/dist/components/backgrounds/archived/DoublePendulum.js +81 -0
- package/dist/components/backgrounds/archived/DoublePendulum.js.map +1 -0
- package/dist/components/backgrounds/archived/EmberCascade.d.ts +24 -0
- package/dist/components/backgrounds/archived/EmberCascade.d.ts.map +1 -0
- package/dist/components/backgrounds/archived/EmberCascade.js +88 -0
- package/dist/components/backgrounds/archived/EmberCascade.js.map +1 -0
- package/dist/components/backgrounds/archived/GravityStorm.d.ts +30 -0
- package/dist/components/backgrounds/archived/GravityStorm.d.ts.map +1 -0
- package/dist/components/backgrounds/archived/GravityStorm.js +89 -0
- package/dist/components/backgrounds/archived/GravityStorm.js.map +1 -0
- package/dist/components/backgrounds/archived/ReactionDiffusion.d.ts +9 -0
- package/dist/components/backgrounds/archived/ReactionDiffusion.d.ts.map +1 -0
- package/dist/components/backgrounds/archived/ReactionDiffusion.js +79 -0
- package/dist/components/backgrounds/archived/ReactionDiffusion.js.map +1 -0
- package/dist/components/backgrounds/archived/Spirograph.d.ts +24 -0
- package/dist/components/backgrounds/archived/Spirograph.d.ts.map +1 -0
- package/dist/components/backgrounds/archived/Spirograph.js +86 -0
- package/dist/components/backgrounds/archived/Spirograph.js.map +1 -0
- package/dist/components/backgrounds/archived/VortexBloom.d.ts +36 -0
- package/dist/components/backgrounds/archived/VortexBloom.d.ts.map +1 -0
- package/dist/components/backgrounds/archived/VortexBloom.js +101 -0
- package/dist/components/backgrounds/archived/VortexBloom.js.map +1 -0
- package/dist/components/engines/ambientMesh.d.ts +31 -0
- package/dist/components/engines/ambientMesh.d.ts.map +1 -0
- package/dist/components/engines/ambientMesh.js +123 -0
- package/dist/components/engines/ambientMesh.js.map +1 -0
- package/dist/components/engines/arborealGrowth.d.ts +49 -0
- package/dist/components/engines/arborealGrowth.d.ts.map +1 -0
- package/dist/components/engines/arborealGrowth.js +220 -0
- package/dist/components/engines/arborealGrowth.js.map +1 -0
- package/dist/components/engines/archived/cliffordAttractor.d.ts +31 -0
- package/dist/components/engines/archived/cliffordAttractor.d.ts.map +1 -0
- package/dist/components/engines/archived/cliffordAttractor.js +71 -0
- package/dist/components/engines/archived/cliffordAttractor.js.map +1 -0
- package/dist/components/engines/archived/crystallineDrift.d.ts +31 -0
- package/dist/components/engines/archived/crystallineDrift.d.ts.map +1 -0
- package/dist/components/engines/archived/crystallineDrift.js +117 -0
- package/dist/components/engines/archived/crystallineDrift.js.map +1 -0
- package/dist/components/engines/archived/differentialGrowth.d.ts +39 -0
- package/dist/components/engines/archived/differentialGrowth.d.ts.map +1 -0
- package/dist/components/engines/archived/differentialGrowth.js +139 -0
- package/dist/components/engines/archived/differentialGrowth.js.map +1 -0
- package/dist/components/engines/archived/doublePendulum.d.ts +41 -0
- package/dist/components/engines/archived/doublePendulum.d.ts.map +1 -0
- package/dist/components/engines/archived/doublePendulum.js +97 -0
- package/dist/components/engines/archived/doublePendulum.js.map +1 -0
- package/dist/components/engines/archived/emberCascade.d.ts +45 -0
- package/dist/components/engines/archived/emberCascade.d.ts.map +1 -0
- package/dist/components/engines/archived/emberCascade.js +137 -0
- package/dist/components/engines/archived/emberCascade.js.map +1 -0
- package/dist/components/engines/archived/gravityStorm.d.ts +39 -0
- package/dist/components/engines/archived/gravityStorm.d.ts.map +1 -0
- package/dist/components/engines/archived/gravityStorm.js +124 -0
- package/dist/components/engines/archived/gravityStorm.js.map +1 -0
- package/dist/components/engines/archived/reactionDiffusion.d.ts +32 -0
- package/dist/components/engines/archived/reactionDiffusion.d.ts.map +1 -0
- package/dist/components/engines/archived/reactionDiffusion.js +99 -0
- package/dist/components/engines/archived/reactionDiffusion.js.map +1 -0
- package/dist/components/engines/archived/spirograph.d.ts +31 -0
- package/dist/components/engines/archived/spirograph.d.ts.map +1 -0
- package/dist/components/engines/archived/spirograph.js +82 -0
- package/dist/components/engines/archived/spirograph.js.map +1 -0
- package/dist/components/engines/archived/vortexBloom.d.ts +49 -0
- package/dist/components/engines/archived/vortexBloom.d.ts.map +1 -0
- package/dist/components/engines/archived/vortexBloom.js +151 -0
- package/dist/components/engines/archived/vortexBloom.js.map +1 -0
- package/dist/components/engines/cliffordAttractor.d.ts +31 -0
- package/dist/components/engines/cliffordAttractor.d.ts.map +1 -0
- package/dist/components/engines/cliffordAttractor.js +71 -0
- package/dist/components/engines/cliffordAttractor.js.map +1 -0
- package/dist/components/engines/crystallineDrift.d.ts +31 -0
- package/dist/components/engines/crystallineDrift.d.ts.map +1 -0
- package/dist/components/engines/crystallineDrift.js +117 -0
- package/dist/components/engines/crystallineDrift.js.map +1 -0
- package/dist/components/engines/differentialGrowth.d.ts +39 -0
- package/dist/components/engines/differentialGrowth.d.ts.map +1 -0
- package/dist/components/engines/differentialGrowth.js +139 -0
- package/dist/components/engines/differentialGrowth.js.map +1 -0
- package/dist/components/engines/doublePendulum.d.ts +41 -0
- package/dist/components/engines/doublePendulum.d.ts.map +1 -0
- package/dist/components/engines/doublePendulum.js +97 -0
- package/dist/components/engines/doublePendulum.js.map +1 -0
- package/dist/components/engines/dragonCurve.d.ts +46 -0
- package/dist/components/engines/dragonCurve.d.ts.map +1 -0
- package/dist/components/engines/dragonCurve.js +178 -0
- package/dist/components/engines/dragonCurve.js.map +1 -0
- package/dist/components/engines/dragonFold.d.ts +28 -0
- package/dist/components/engines/dragonFold.d.ts.map +1 -0
- package/dist/components/engines/dragonFold.js +166 -0
- package/dist/components/engines/dragonFold.js.map +1 -0
- package/dist/components/engines/emberCascade.d.ts +45 -0
- package/dist/components/engines/emberCascade.d.ts.map +1 -0
- package/dist/components/engines/emberCascade.js +137 -0
- package/dist/components/engines/emberCascade.js.map +1 -0
- package/dist/components/engines/fibonacciVortex.d.ts +70 -0
- package/dist/components/engines/fibonacciVortex.d.ts.map +1 -0
- package/dist/components/engines/fibonacciVortex.js +144 -0
- package/dist/components/engines/fibonacciVortex.js.map +1 -0
- package/dist/components/engines/flowCurrents.d.ts +34 -0
- package/dist/components/engines/flowCurrents.d.ts.map +1 -0
- package/dist/components/engines/flowCurrents.js +89 -0
- package/dist/components/engines/flowCurrents.js.map +1 -0
- package/dist/components/engines/fractalNoiseTerrain.d.ts +32 -0
- package/dist/components/engines/fractalNoiseTerrain.d.ts.map +1 -0
- package/dist/components/engines/fractalNoiseTerrain.js +89 -0
- package/dist/components/engines/fractalNoiseTerrain.js.map +1 -0
- package/dist/components/engines/fractalTree.d.ts +20 -0
- package/dist/components/engines/fractalTree.d.ts.map +1 -0
- package/dist/components/engines/fractalTree.js +92 -0
- package/dist/components/engines/fractalTree.js.map +1 -0
- package/dist/components/engines/geoPulse.d.ts +33 -0
- package/dist/components/engines/geoPulse.d.ts.map +1 -0
- package/dist/components/engines/geoPulse.js +116 -0
- package/dist/components/engines/geoPulse.js.map +1 -0
- package/dist/components/engines/gravityStorm.d.ts +39 -0
- package/dist/components/engines/gravityStorm.d.ts.map +1 -0
- package/dist/components/engines/gravityStorm.js +124 -0
- package/dist/components/engines/gravityStorm.js.map +1 -0
- package/dist/components/engines/harmonicLattice.d.ts +38 -0
- package/dist/components/engines/harmonicLattice.d.ts.map +1 -0
- package/dist/components/engines/harmonicLattice.js +87 -0
- package/dist/components/engines/harmonicLattice.js.map +1 -0
- package/dist/components/engines/hexRipple.d.ts +61 -0
- package/dist/components/engines/hexRipple.d.ts.map +1 -0
- package/dist/components/engines/hexRipple.js +157 -0
- package/dist/components/engines/hexRipple.js.map +1 -0
- package/dist/components/engines/kochCrystal.d.ts +47 -0
- package/dist/components/engines/kochCrystal.d.ts.map +1 -0
- package/dist/components/engines/kochCrystal.js +177 -0
- package/dist/components/engines/kochCrystal.js.map +1 -0
- package/dist/components/engines/lissajousWeave.d.ts +38 -0
- package/dist/components/engines/lissajousWeave.d.ts.map +1 -0
- package/dist/components/engines/lissajousWeave.js +83 -0
- package/dist/components/engines/lissajousWeave.js.map +1 -0
- package/dist/components/engines/moireLattice.d.ts +28 -0
- package/dist/components/engines/moireLattice.d.ts.map +1 -0
- package/dist/components/engines/moireLattice.js +47 -0
- package/dist/components/engines/moireLattice.js.map +1 -0
- package/dist/components/engines/nebulaVeil.d.ts +38 -0
- package/dist/components/engines/nebulaVeil.d.ts.map +1 -0
- package/dist/components/engines/nebulaVeil.js +177 -0
- package/dist/components/engines/nebulaVeil.js.map +1 -0
- package/dist/components/engines/neuralWeave.d.ts +53 -0
- package/dist/components/engines/neuralWeave.d.ts.map +1 -0
- package/dist/components/engines/neuralWeave.js +165 -0
- package/dist/components/engines/neuralWeave.js.map +1 -0
- package/dist/components/engines/orbitalResonance.d.ts +50 -0
- package/dist/components/engines/orbitalResonance.d.ts.map +1 -0
- package/dist/components/engines/orbitalResonance.js +94 -0
- package/dist/components/engines/orbitalResonance.js.map +1 -0
- package/dist/components/engines/photonBurst.d.ts +43 -0
- package/dist/components/engines/photonBurst.d.ts.map +1 -0
- package/dist/components/engines/photonBurst.js +204 -0
- package/dist/components/engines/photonBurst.js.map +1 -0
- package/dist/components/engines/phyllotaxisDream.d.ts +28 -0
- package/dist/components/engines/phyllotaxisDream.d.ts.map +1 -0
- package/dist/components/engines/phyllotaxisDream.js +75 -0
- package/dist/components/engines/phyllotaxisDream.js.map +1 -0
- package/dist/components/engines/plasmaField.d.ts +44 -0
- package/dist/components/engines/plasmaField.d.ts.map +1 -0
- package/dist/components/engines/plasmaField.js +227 -0
- package/dist/components/engines/plasmaField.js.map +1 -0
- package/dist/components/engines/prismaticWave.d.ts +39 -0
- package/dist/components/engines/prismaticWave.d.ts.map +1 -0
- package/dist/components/engines/prismaticWave.js +158 -0
- package/dist/components/engines/prismaticWave.js.map +1 -0
- package/dist/components/engines/reactionDiffusion.d.ts +32 -0
- package/dist/components/engines/reactionDiffusion.d.ts.map +1 -0
- package/dist/components/engines/reactionDiffusion.js +99 -0
- package/dist/components/engines/reactionDiffusion.js.map +1 -0
- package/dist/components/engines/recursiveSubdivision.d.ts +40 -0
- package/dist/components/engines/recursiveSubdivision.d.ts.map +1 -0
- package/dist/components/engines/recursiveSubdivision.js +133 -0
- package/dist/components/engines/recursiveSubdivision.js.map +1 -0
- package/dist/components/engines/recursiveTunnel.d.ts +66 -0
- package/dist/components/engines/recursiveTunnel.d.ts.map +1 -0
- package/dist/components/engines/recursiveTunnel.js +152 -0
- package/dist/components/engines/recursiveTunnel.js.map +1 -0
- package/dist/components/engines/sierpinskiChaos.d.ts +41 -0
- package/dist/components/engines/sierpinskiChaos.d.ts.map +1 -0
- package/dist/components/engines/sierpinskiChaos.js +118 -0
- package/dist/components/engines/sierpinskiChaos.js.map +1 -0
- package/dist/components/engines/sierpinskiDust.d.ts +72 -0
- package/dist/components/engines/sierpinskiDust.d.ts.map +1 -0
- package/dist/components/engines/sierpinskiDust.js +152 -0
- package/dist/components/engines/sierpinskiDust.js.map +1 -0
- package/dist/components/engines/spirograph.d.ts +31 -0
- package/dist/components/engines/spirograph.d.ts.map +1 -0
- package/dist/components/engines/spirograph.js +82 -0
- package/dist/components/engines/spirograph.js.map +1 -0
- package/dist/components/engines/tideHarmonics.d.ts +37 -0
- package/dist/components/engines/tideHarmonics.d.ts.map +1 -0
- package/dist/components/engines/tideHarmonics.js +71 -0
- package/dist/components/engines/tideHarmonics.js.map +1 -0
- package/dist/components/engines/voronoiMosaic.d.ts +37 -0
- package/dist/components/engines/voronoiMosaic.d.ts.map +1 -0
- package/dist/components/engines/voronoiMosaic.js +130 -0
- package/dist/components/engines/voronoiMosaic.js.map +1 -0
- package/dist/components/engines/vortexBloom.d.ts +49 -0
- package/dist/components/engines/vortexBloom.d.ts.map +1 -0
- package/dist/components/engines/vortexBloom.js +151 -0
- package/dist/components/engines/vortexBloom.js.map +1 -0
- package/dist/components/engines/waveEther.d.ts +30 -0
- package/dist/components/engines/waveEther.d.ts.map +1 -0
- package/dist/components/engines/waveEther.js +74 -0
- package/dist/components/engines/waveEther.js.map +1 -0
- package/dist/components/schemas/index.d.ts +131 -0
- package/dist/components/schemas/index.d.ts.map +1 -0
- package/dist/components/schemas/index.js +478 -0
- package/dist/components/schemas/index.js.map +1 -0
- package/dist/components/utils/noise.d.ts +38 -0
- package/dist/components/utils/noise.d.ts.map +1 -0
- package/dist/components/utils/noise.js +132 -0
- package/dist/components/utils/noise.js.map +1 -0
- package/dist/engines/flowCurrents.d.ts +34 -0
- package/dist/engines/flowCurrents.d.ts.map +1 -0
- package/dist/engines/flowCurrents.js +89 -0
- package/dist/engines/flowCurrents.js.map +1 -0
- package/dist/engines/geoPulse.d.ts +33 -0
- package/dist/engines/geoPulse.d.ts.map +1 -0
- package/dist/engines/geoPulse.js +116 -0
- package/dist/engines/geoPulse.js.map +1 -0
- package/dist/engines/gravityStorm.d.ts +39 -0
- package/dist/engines/gravityStorm.d.ts.map +1 -0
- package/dist/engines/gravityStorm.js +124 -0
- package/dist/engines/gravityStorm.js.map +1 -0
- package/dist/engines/waveEther.d.ts +30 -0
- package/dist/engines/waveEther.d.ts.map +1 -0
- package/dist/engines/waveEther.js +74 -0
- package/dist/engines/waveEther.js.map +1 -0
- package/dist/index.d.ts +46 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +138 -0
- package/dist/index.js.map +1 -0
- package/dist/registry/index.d.ts +59 -0
- package/dist/registry/index.d.ts.map +1 -0
- package/dist/registry/index.js +669 -0
- package/dist/registry/index.js.map +1 -0
- package/dist/schemas/index.d.ts +93 -0
- package/dist/schemas/index.d.ts.map +1 -0
- package/dist/schemas/index.js +83 -0
- package/dist/schemas/index.js.map +1 -0
- package/dist/utils/noise.d.ts +37 -0
- package/dist/utils/noise.d.ts.map +1 -0
- package/dist/utils/noise.js +129 -0
- package/dist/utils/noise.js.map +1 -0
- package/package.json +68 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DifferentialGrowth.js","sourceRoot":"","sources":["../../../../src/components/backgrounds/archived/DifferentialGrowth.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAsB,MAAM,OAAO,CAAC;AAC9D,OAAO,EACL,sBAAsB,EACtB,sBAAsB,EACtB,uBAAuB,GAGxB,MAAM,2CAA2C,CAAC;AAEnD,MAAM,CAAC,MAAM,0BAA0B,GAA6B;IAClE,IAAI,EAAE,IAAI;IACV,UAAU,EAAE,GAAG;IACf,WAAW,EAAE,EAAE;IACf,aAAa,EAAE,GAAG;IAClB,OAAO,EAAE,CAAC;IACV,QAAQ,EAAE,IAAI;IACd,aAAa,EAAE,CAAC;IAChB,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE,GAAG;IACf,OAAO,EAAE,SAAS;IAClB,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;CAClB,CAAC;AAOF,MAAM,UAAU,kBAAkB,CAAC,KAA8B;IAC/D,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,MAAM,EAAE,GAAG,KAAK,CAAC;IAC9C,MAAM,MAAM,GAAG,EAAE,GAAG,0BAA0B,EAAE,GAAG,MAAM,EAAE,CAAC;IAE5D,MAAM,SAAS,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IAClD,MAAM,QAAQ,GAAG,MAAM,CAAiC,IAAI,CAAC,CAAC;IAC9D,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;IACjC,SAAS,CAAC,OAAO,GAAG,MAAM,CAAC;IAE3B,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,MAAM,GAAG,SAAS,CAAC,OAAO,CAAC;QACjC,IAAI,CAAC,MAAM;YAAE,OAAO;QACpB,MAAM,GAAG,GAAG,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;QACpC,IAAI,CAAC,GAAG;YAAE,OAAO;QAEjB,IAAI,MAAc,CAAC;QACnB,IAAI,OAAO,GAAG,IAAI,CAAC;QACnB,IAAI,SAAS,GAAG,KAAK,CAAC;QAEtB,SAAS,YAAY;YACnB,MAAM,CAAC,GAAG,MAAO,CAAC,WAAW,GAAG,MAAM,CAAC,gBAAgB,CAAC;YACxD,MAAM,CAAC,GAAG,MAAO,CAAC,YAAY,GAAG,MAAM,CAAC,gBAAgB,CAAC;YACzD,IAAI,MAAO,CAAC,KAAK,KAAK,CAAC,IAAI,MAAO,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;gBAChD,MAAO,CAAC,KAAK,GAAG,CAAC,CAAC;gBAClB,MAAO,CAAC,MAAM,GAAG,CAAC,CAAC;gBACnB,QAAQ,CAAC,OAAO,GAAG,sBAAsB,CAAC,CAAC,EAAE,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;YACrE,CAAC;QACH,CAAC;QAED,YAAY,EAAE,CAAC;QACf,QAAQ,CAAC,OAAO,GAAG,sBAAsB,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;QAE1F,MAAM,IAAI,GAAG,GAAG,EAAE;YAChB,IAAI,CAAC,OAAO,IAAI,CAAC,SAAS;gBAAE,OAAO;YACnC,IAAI,QAAQ,CAAC,OAAO,EAAE,CAAC;gBACrB,sBAAsB,CAAC,GAAG,EAAE,QAAQ,CAAC,OAAO,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;YACnE,CAAC;YACD,MAAM,GAAG,qBAAqB,CAAC,IAAI,CAAC,CAAC;QACvC,CAAC,CAAC;QACF,MAAM,EAAE,GAAG,IAAI,oBAAoB,CAAC,CAAC,OAAO,EAAE,EAAE;YAC9C,OAAO,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE;gBACxB,SAAS,GAAG,KAAK,CAAC,cAAc,CAAC;gBACjC,IAAI,SAAS,EAAE,CAAC;oBACd,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,CAAC;wBAClC,oBAAoB,CAAC,MAAM,CAAC,CAAC;oBAC/B,CAAC;oBACD,MAAM,GAAG,qBAAqB,CAAC,IAAI,CAAC,CAAC;gBACvC,CAAC;YACH,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;QACH,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;QAEnB,MAAM,EAAE,GAAG,IAAI,cAAc,CAAC,YAAY,CAAC,CAAC;QAC5C,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;QAEnB,OAAO,GAAG,EAAE;YACV,OAAO,GAAG,KAAK,CAAC;YAChB,oBAAoB,CAAC,MAAM,CAAC,CAAC;YAC7B,EAAE,CAAC,UAAU,EAAE,CAAC;YAChB,EAAE,CAAC,UAAU,EAAE,CAAC;QAClB,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,QAAQ,CAAC,OAAO;YAAE,OAAO;QAC9B,uBAAuB,CAAC,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;IACpD,CAAC,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,kDAAkD;IAErE,OAAO,CACL,iBACE,GAAG,EAAE,SAAS,EACd,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,GACpE,CACH,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { type CSSProperties } from "react";
|
|
2
|
+
import { type DoublePendulumParams } from "../../engines/archived/doublePendulum";
|
|
3
|
+
export declare const doublePendulumDefaults: DoublePendulumParams;
|
|
4
|
+
export interface DoublePendulumProps extends Partial<DoublePendulumParams> {
|
|
5
|
+
className?: string;
|
|
6
|
+
style?: CSSProperties;
|
|
7
|
+
}
|
|
8
|
+
export declare function DoublePendulum(props: DoublePendulumProps): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
//# sourceMappingURL=DoublePendulum.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DoublePendulum.d.ts","sourceRoot":"","sources":["../../../../src/components/backgrounds/archived/DoublePendulum.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;AAC9D,OAAO,EAKL,KAAK,oBAAoB,EAC1B,MAAM,uCAAuC,CAAC;AAE/C,eAAO,MAAM,sBAAsB,EAAE,oBAYpC,CAAC;AAEF,MAAM,WAAW,mBAAoB,SAAQ,OAAO,CAAC,oBAAoB,CAAC;IACxE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,2CA2ExD"}
|
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { useEffect, useRef } from "react";
|
|
3
|
+
import { initDoublePendulum, drawDoublePendulum, resetDoublePendulum, } from "../../engines/archived/doublePendulum";
|
|
4
|
+
export const doublePendulumDefaults = {
|
|
5
|
+
seed: 7777,
|
|
6
|
+
numPendulums: 9,
|
|
7
|
+
length1: 180,
|
|
8
|
+
length2: 180,
|
|
9
|
+
gravity: 1.2,
|
|
10
|
+
simSpeed: 1.5,
|
|
11
|
+
fadeRate: 8,
|
|
12
|
+
bgColor: "#0a0e14",
|
|
13
|
+
colorA: "#e8b850",
|
|
14
|
+
colorB: "#50e8b8",
|
|
15
|
+
colorC: "#b850e8",
|
|
16
|
+
};
|
|
17
|
+
export function DoublePendulum(props) {
|
|
18
|
+
const { className, style, ...params } = props;
|
|
19
|
+
const merged = { ...doublePendulumDefaults, ...params };
|
|
20
|
+
const canvasRef = useRef(null);
|
|
21
|
+
const stateRef = useRef(null);
|
|
22
|
+
const paramsRef = useRef(merged);
|
|
23
|
+
paramsRef.current = merged;
|
|
24
|
+
useEffect(() => {
|
|
25
|
+
const canvas = canvasRef.current;
|
|
26
|
+
if (!canvas)
|
|
27
|
+
return;
|
|
28
|
+
const ctx = canvas.getContext("2d");
|
|
29
|
+
if (!ctx)
|
|
30
|
+
return;
|
|
31
|
+
let animId;
|
|
32
|
+
let running = true;
|
|
33
|
+
let isVisible = false;
|
|
34
|
+
function resizeCanvas() {
|
|
35
|
+
const w = canvas.clientWidth * window.devicePixelRatio;
|
|
36
|
+
const h = canvas.clientHeight * window.devicePixelRatio;
|
|
37
|
+
if (canvas.width !== w || canvas.height !== h) {
|
|
38
|
+
canvas.width = w;
|
|
39
|
+
canvas.height = h;
|
|
40
|
+
stateRef.current = initDoublePendulum(w, h, paramsRef.current);
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
resizeCanvas();
|
|
44
|
+
stateRef.current = initDoublePendulum(canvas.width, canvas.height, paramsRef.current);
|
|
45
|
+
const loop = () => {
|
|
46
|
+
if (!running || !isVisible)
|
|
47
|
+
return;
|
|
48
|
+
if (stateRef.current) {
|
|
49
|
+
drawDoublePendulum(ctx, stateRef.current, paramsRef.current);
|
|
50
|
+
}
|
|
51
|
+
animId = requestAnimationFrame(loop);
|
|
52
|
+
};
|
|
53
|
+
const io = new IntersectionObserver((entries) => {
|
|
54
|
+
entries.forEach((entry) => {
|
|
55
|
+
isVisible = entry.isIntersecting;
|
|
56
|
+
if (isVisible) {
|
|
57
|
+
if (typeof animId !== "undefined") {
|
|
58
|
+
cancelAnimationFrame(animId);
|
|
59
|
+
}
|
|
60
|
+
animId = requestAnimationFrame(loop);
|
|
61
|
+
}
|
|
62
|
+
});
|
|
63
|
+
});
|
|
64
|
+
io.observe(canvas);
|
|
65
|
+
const ro = new ResizeObserver(resizeCanvas);
|
|
66
|
+
ro.observe(canvas);
|
|
67
|
+
return () => {
|
|
68
|
+
running = false;
|
|
69
|
+
cancelAnimationFrame(animId);
|
|
70
|
+
ro.disconnect();
|
|
71
|
+
io.disconnect();
|
|
72
|
+
};
|
|
73
|
+
}, []);
|
|
74
|
+
useEffect(() => {
|
|
75
|
+
if (!stateRef.current)
|
|
76
|
+
return;
|
|
77
|
+
resetDoublePendulum(stateRef.current, merged);
|
|
78
|
+
}, [merged.seed]); // eslint-disable-line react-hooks/exhaustive-deps
|
|
79
|
+
return (_jsx("canvas", { ref: canvasRef, className: className, style: { display: "block", width: "100%", height: "100%", ...style } }));
|
|
80
|
+
}
|
|
81
|
+
//# sourceMappingURL=DoublePendulum.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DoublePendulum.js","sourceRoot":"","sources":["../../../../src/components/backgrounds/archived/DoublePendulum.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Ember Cascade
|
|
3
|
+
* Thermal particle system with turbulent ascent
|
|
4
|
+
*/
|
|
5
|
+
import { type CSSProperties } from "react";
|
|
6
|
+
export interface EmberCascadeParams {
|
|
7
|
+
seed?: number;
|
|
8
|
+
particleCount?: number;
|
|
9
|
+
sourceCount?: number;
|
|
10
|
+
riseSpeed?: number;
|
|
11
|
+
turbulence?: number;
|
|
12
|
+
glowSize?: number;
|
|
13
|
+
bgColor?: string;
|
|
14
|
+
hotColor?: string;
|
|
15
|
+
midColor?: string;
|
|
16
|
+
coolColor?: string;
|
|
17
|
+
}
|
|
18
|
+
export declare const emberCascadeDefaults: Required<EmberCascadeParams>;
|
|
19
|
+
export interface EmberCascadeProps extends EmberCascadeParams {
|
|
20
|
+
className?: string;
|
|
21
|
+
style?: CSSProperties;
|
|
22
|
+
}
|
|
23
|
+
export declare function EmberCascade(props: EmberCascadeProps): import("react/jsx-runtime").JSX.Element;
|
|
24
|
+
//# sourceMappingURL=EmberCascade.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"EmberCascade.d.ts","sourceRoot":"","sources":["../../../../src/components/backgrounds/archived/EmberCascade.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAqB,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;AAQ9D,MAAM,WAAW,kBAAkB;IACjC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,oBAAoB,EAAE,QAAQ,CAAC,kBAAkB,CAW7D,CAAC;AAEF,MAAM,WAAW,iBAAkB,SAAQ,kBAAkB;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,2CAgFpD"}
|
|
@@ -0,0 +1,88 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
/**
|
|
3
|
+
* Ember Cascade
|
|
4
|
+
* Thermal particle system with turbulent ascent
|
|
5
|
+
*/
|
|
6
|
+
import { useEffect, useRef } from "react";
|
|
7
|
+
import { initEmberCascade, drawEmberCascade, resetEmberCascade, } from "../../engines/archived/emberCascade";
|
|
8
|
+
export const emberCascadeDefaults = {
|
|
9
|
+
seed: 42731,
|
|
10
|
+
particleCount: 800,
|
|
11
|
+
sourceCount: 3,
|
|
12
|
+
riseSpeed: 1.2,
|
|
13
|
+
turbulence: 1.0,
|
|
14
|
+
glowSize: 1.0,
|
|
15
|
+
bgColor: "#0a0a0a",
|
|
16
|
+
hotColor: "#ffaa33",
|
|
17
|
+
midColor: "#ff5533",
|
|
18
|
+
coolColor: "#aa2233",
|
|
19
|
+
};
|
|
20
|
+
export function EmberCascade(props) {
|
|
21
|
+
const { className, style, ...params } = props;
|
|
22
|
+
const merged = { ...emberCascadeDefaults, ...params };
|
|
23
|
+
const canvasRef = useRef(null);
|
|
24
|
+
const stateRef = useRef(null);
|
|
25
|
+
const paramsRef = useRef(merged);
|
|
26
|
+
paramsRef.current = merged;
|
|
27
|
+
useEffect(() => {
|
|
28
|
+
const canvas = canvasRef.current;
|
|
29
|
+
if (!canvas)
|
|
30
|
+
return;
|
|
31
|
+
const ctx = canvas.getContext("2d", { alpha: false });
|
|
32
|
+
if (!ctx)
|
|
33
|
+
return;
|
|
34
|
+
let animId;
|
|
35
|
+
let running = true;
|
|
36
|
+
let isVisible = false;
|
|
37
|
+
function resizeCanvas() {
|
|
38
|
+
const w = canvas.clientWidth * window.devicePixelRatio;
|
|
39
|
+
const h = canvas.clientHeight * window.devicePixelRatio;
|
|
40
|
+
if (canvas.width !== w || canvas.height !== h) {
|
|
41
|
+
canvas.width = w;
|
|
42
|
+
canvas.height = h;
|
|
43
|
+
ctx.fillStyle = paramsRef.current.bgColor;
|
|
44
|
+
ctx.fillRect(0, 0, w, h);
|
|
45
|
+
stateRef.current = initEmberCascade(w, h, paramsRef.current);
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
resizeCanvas();
|
|
49
|
+
stateRef.current = initEmberCascade(canvas.width, canvas.height, paramsRef.current);
|
|
50
|
+
const loop = () => {
|
|
51
|
+
if (!running || !isVisible)
|
|
52
|
+
return;
|
|
53
|
+
if (stateRef.current) {
|
|
54
|
+
drawEmberCascade(ctx, stateRef.current, paramsRef.current);
|
|
55
|
+
}
|
|
56
|
+
animId = requestAnimationFrame(loop);
|
|
57
|
+
};
|
|
58
|
+
const io = new IntersectionObserver((entries) => {
|
|
59
|
+
entries.forEach((entry) => {
|
|
60
|
+
isVisible = entry.isIntersecting;
|
|
61
|
+
if (isVisible) {
|
|
62
|
+
if (typeof animId !== "undefined") {
|
|
63
|
+
cancelAnimationFrame(animId);
|
|
64
|
+
}
|
|
65
|
+
animId = requestAnimationFrame(loop);
|
|
66
|
+
}
|
|
67
|
+
});
|
|
68
|
+
});
|
|
69
|
+
io.observe(canvas);
|
|
70
|
+
const ro = new ResizeObserver(resizeCanvas);
|
|
71
|
+
ro.observe(canvas);
|
|
72
|
+
return () => {
|
|
73
|
+
running = false;
|
|
74
|
+
cancelAnimationFrame(animId);
|
|
75
|
+
ro.disconnect();
|
|
76
|
+
io.disconnect();
|
|
77
|
+
};
|
|
78
|
+
}, []);
|
|
79
|
+
useEffect(() => {
|
|
80
|
+
const canvas = canvasRef.current;
|
|
81
|
+
const ctx = canvas?.getContext("2d");
|
|
82
|
+
if (!canvas || !ctx || !stateRef.current)
|
|
83
|
+
return;
|
|
84
|
+
resetEmberCascade(stateRef.current, paramsRef.current);
|
|
85
|
+
}, [merged.seed, merged.particleCount, merged.sourceCount]); // eslint-disable-line react-hooks/exhaustive-deps
|
|
86
|
+
return (_jsx("canvas", { ref: canvasRef, className: className, style: { display: "block", width: "100%", height: "100%", ...style } }));
|
|
87
|
+
}
|
|
88
|
+
//# sourceMappingURL=EmberCascade.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"EmberCascade.js","sourceRoot":"","sources":["../../../../src/components/backgrounds/archived/EmberCascade.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { type CSSProperties } from "react";
|
|
2
|
+
export interface GravityStormParams {
|
|
3
|
+
seed?: number;
|
|
4
|
+
count?: number;
|
|
5
|
+
attractors?: number;
|
|
6
|
+
gravity?: number;
|
|
7
|
+
turbulence?: number;
|
|
8
|
+
orbitSpeed?: number;
|
|
9
|
+
colorCore?: string;
|
|
10
|
+
colorTrail?: string;
|
|
11
|
+
}
|
|
12
|
+
export declare const gravityStormDefaults: Required<GravityStormParams>;
|
|
13
|
+
export interface GravityStormProps extends GravityStormParams {
|
|
14
|
+
className?: string;
|
|
15
|
+
style?: CSSProperties;
|
|
16
|
+
}
|
|
17
|
+
/**
|
|
18
|
+
* GravityStorm — n-body attractor particle system background.
|
|
19
|
+
*
|
|
20
|
+
* @example
|
|
21
|
+
* <GravityStorm
|
|
22
|
+
* attractors={4}
|
|
23
|
+
* gravity={1.2}
|
|
24
|
+
* colorCore="#ff6b35"
|
|
25
|
+
* colorTrail="#7b5ea7"
|
|
26
|
+
* style={{ position: "absolute", inset: 0 }}
|
|
27
|
+
* />
|
|
28
|
+
*/
|
|
29
|
+
export declare function GravityStorm(props: GravityStormProps): import("react/jsx-runtime").JSX.Element;
|
|
30
|
+
//# sourceMappingURL=GravityStorm.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GravityStorm.d.ts","sourceRoot":"","sources":["../../../../src/components/backgrounds/archived/GravityStorm.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;AAQ9D,MAAM,WAAW,kBAAkB;IACjC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,oBAAoB,EAAE,QAAQ,CAAC,kBAAkB,CAI7D,CAAC;AAEF,MAAM,WAAW,iBAAkB,SAAQ,kBAAkB;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,2CA+EpD"}
|
|
@@ -0,0 +1,89 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { useEffect, useRef } from "react";
|
|
3
|
+
import { initGravityStorm, drawGravityStorm, resetGravityStorm, } from "../../engines/archived/gravityStorm";
|
|
4
|
+
export const gravityStormDefaults = {
|
|
5
|
+
seed: 42731, count: 1200, attractors: 3, gravity: 1.0,
|
|
6
|
+
turbulence: 0.5, orbitSpeed: 0.008,
|
|
7
|
+
colorCore: "#ff6b35", colorTrail: "#7b5ea7",
|
|
8
|
+
};
|
|
9
|
+
/**
|
|
10
|
+
* GravityStorm — n-body attractor particle system background.
|
|
11
|
+
*
|
|
12
|
+
* @example
|
|
13
|
+
* <GravityStorm
|
|
14
|
+
* attractors={4}
|
|
15
|
+
* gravity={1.2}
|
|
16
|
+
* colorCore="#ff6b35"
|
|
17
|
+
* colorTrail="#7b5ea7"
|
|
18
|
+
* style={{ position: "absolute", inset: 0 }}
|
|
19
|
+
* />
|
|
20
|
+
*/
|
|
21
|
+
export function GravityStorm(props) {
|
|
22
|
+
const { className, style, ...params } = props;
|
|
23
|
+
const merged = { ...gravityStormDefaults, ...params };
|
|
24
|
+
const canvasRef = useRef(null);
|
|
25
|
+
const stateRef = useRef(null);
|
|
26
|
+
const paramsRef = useRef(merged);
|
|
27
|
+
paramsRef.current = merged;
|
|
28
|
+
useEffect(() => {
|
|
29
|
+
const canvas = canvasRef.current;
|
|
30
|
+
if (!canvas)
|
|
31
|
+
return;
|
|
32
|
+
const ctx = canvas.getContext("2d");
|
|
33
|
+
if (!ctx)
|
|
34
|
+
return;
|
|
35
|
+
let animId;
|
|
36
|
+
let running = true;
|
|
37
|
+
let isVisible = false;
|
|
38
|
+
function resizeCanvas() {
|
|
39
|
+
const w = canvas.clientWidth * window.devicePixelRatio;
|
|
40
|
+
const h = canvas.clientHeight * window.devicePixelRatio;
|
|
41
|
+
if (canvas.width !== w || canvas.height !== h) {
|
|
42
|
+
canvas.width = w;
|
|
43
|
+
canvas.height = h;
|
|
44
|
+
ctx.fillStyle = "rgb(8,6,18)";
|
|
45
|
+
ctx.fillRect(0, 0, w, h);
|
|
46
|
+
stateRef.current = initGravityStorm(w, h, paramsRef.current);
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
resizeCanvas();
|
|
50
|
+
stateRef.current = initGravityStorm(canvas.width, canvas.height, paramsRef.current);
|
|
51
|
+
const loop = () => {
|
|
52
|
+
if (!running || !isVisible)
|
|
53
|
+
return;
|
|
54
|
+
if (stateRef.current) {
|
|
55
|
+
drawGravityStorm(ctx, stateRef.current, paramsRef.current);
|
|
56
|
+
}
|
|
57
|
+
animId = requestAnimationFrame(loop);
|
|
58
|
+
};
|
|
59
|
+
const io = new IntersectionObserver((entries) => {
|
|
60
|
+
entries.forEach((entry) => {
|
|
61
|
+
isVisible = entry.isIntersecting;
|
|
62
|
+
if (isVisible) {
|
|
63
|
+
if (typeof animId !== "undefined") {
|
|
64
|
+
cancelAnimationFrame(animId);
|
|
65
|
+
}
|
|
66
|
+
animId = requestAnimationFrame(loop);
|
|
67
|
+
}
|
|
68
|
+
});
|
|
69
|
+
});
|
|
70
|
+
io.observe(canvas);
|
|
71
|
+
const ro = new ResizeObserver(resizeCanvas);
|
|
72
|
+
ro.observe(canvas);
|
|
73
|
+
return () => {
|
|
74
|
+
running = false;
|
|
75
|
+
cancelAnimationFrame(animId);
|
|
76
|
+
ro.disconnect();
|
|
77
|
+
io.disconnect();
|
|
78
|
+
};
|
|
79
|
+
}, []);
|
|
80
|
+
useEffect(() => {
|
|
81
|
+
const canvas = canvasRef.current;
|
|
82
|
+
const ctx = canvas?.getContext("2d");
|
|
83
|
+
if (!canvas || !ctx || !stateRef.current)
|
|
84
|
+
return;
|
|
85
|
+
stateRef.current = resetGravityStorm(ctx, stateRef.current, merged);
|
|
86
|
+
}, [merged.seed, merged.count, merged.attractors]); // eslint-disable-line react-hooks/exhaustive-deps
|
|
87
|
+
return (_jsx("canvas", { ref: canvasRef, className: className, style: { display: "block", width: "100%", height: "100%", ...style } }));
|
|
88
|
+
}
|
|
89
|
+
//# sourceMappingURL=GravityStorm.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GravityStorm.js","sourceRoot":"","sources":["../../../../src/components/backgrounds/archived/GravityStorm.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { type CSSProperties } from "react";
|
|
2
|
+
import { type ReactionDiffusionParams } from "../../engines/archived/reactionDiffusion";
|
|
3
|
+
export declare const reactionDiffusionDefaults: ReactionDiffusionParams;
|
|
4
|
+
export interface ReactionDiffusionProps extends Partial<ReactionDiffusionParams> {
|
|
5
|
+
className?: string;
|
|
6
|
+
style?: CSSProperties;
|
|
7
|
+
}
|
|
8
|
+
export declare function ReactionDiffusion(props: ReactionDiffusionProps): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
//# sourceMappingURL=ReactionDiffusion.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ReactionDiffusion.d.ts","sourceRoot":"","sources":["../../../../src/components/backgrounds/archived/ReactionDiffusion.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;AAC9D,OAAO,EAKL,KAAK,uBAAuB,EAC7B,MAAM,0CAA0C,CAAC;AAElD,eAAO,MAAM,yBAAyB,EAAE,uBAUvC,CAAC;AAEF,MAAM,WAAW,sBAAuB,SAAQ,OAAO,CAAC,uBAAuB,CAAC;IAC9E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,2CA2E9D"}
|
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { useEffect, useRef } from "react";
|
|
3
|
+
import { initReactionDiffusion, drawReactionDiffusion, resetReactionDiffusion, } from "../../engines/archived/reactionDiffusion";
|
|
4
|
+
export const reactionDiffusionDefaults = {
|
|
5
|
+
seed: 1111,
|
|
6
|
+
Da: 1.0,
|
|
7
|
+
Db: 0.5,
|
|
8
|
+
f: 0.055,
|
|
9
|
+
k: 0.062,
|
|
10
|
+
stepsPerFrame: 10,
|
|
11
|
+
bgColor: "#0a0a0a",
|
|
12
|
+
colorA: "#1a1a2e",
|
|
13
|
+
colorB: "#00d4ff",
|
|
14
|
+
};
|
|
15
|
+
export function ReactionDiffusion(props) {
|
|
16
|
+
const { className, style, ...params } = props;
|
|
17
|
+
const merged = { ...reactionDiffusionDefaults, ...params };
|
|
18
|
+
const canvasRef = useRef(null);
|
|
19
|
+
const stateRef = useRef(null);
|
|
20
|
+
const paramsRef = useRef(merged);
|
|
21
|
+
paramsRef.current = merged;
|
|
22
|
+
useEffect(() => {
|
|
23
|
+
const canvas = canvasRef.current;
|
|
24
|
+
if (!canvas)
|
|
25
|
+
return;
|
|
26
|
+
const ctx = canvas.getContext("2d");
|
|
27
|
+
if (!ctx)
|
|
28
|
+
return;
|
|
29
|
+
let animId;
|
|
30
|
+
let running = true;
|
|
31
|
+
let isVisible = false;
|
|
32
|
+
function resizeCanvas() {
|
|
33
|
+
const w = canvas.clientWidth * window.devicePixelRatio;
|
|
34
|
+
const h = canvas.clientHeight * window.devicePixelRatio;
|
|
35
|
+
if (canvas.width !== w || canvas.height !== h) {
|
|
36
|
+
canvas.width = w;
|
|
37
|
+
canvas.height = h;
|
|
38
|
+
stateRef.current = initReactionDiffusion(w, h, paramsRef.current);
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
resizeCanvas();
|
|
42
|
+
stateRef.current = initReactionDiffusion(canvas.width, canvas.height, paramsRef.current);
|
|
43
|
+
const loop = () => {
|
|
44
|
+
if (!running || !isVisible)
|
|
45
|
+
return;
|
|
46
|
+
if (stateRef.current) {
|
|
47
|
+
drawReactionDiffusion(ctx, stateRef.current, paramsRef.current);
|
|
48
|
+
}
|
|
49
|
+
animId = requestAnimationFrame(loop);
|
|
50
|
+
};
|
|
51
|
+
const io = new IntersectionObserver((entries) => {
|
|
52
|
+
entries.forEach((entry) => {
|
|
53
|
+
isVisible = entry.isIntersecting;
|
|
54
|
+
if (isVisible) {
|
|
55
|
+
if (typeof animId !== "undefined") {
|
|
56
|
+
cancelAnimationFrame(animId);
|
|
57
|
+
}
|
|
58
|
+
animId = requestAnimationFrame(loop);
|
|
59
|
+
}
|
|
60
|
+
});
|
|
61
|
+
});
|
|
62
|
+
io.observe(canvas);
|
|
63
|
+
const ro = new ResizeObserver(resizeCanvas);
|
|
64
|
+
ro.observe(canvas);
|
|
65
|
+
return () => {
|
|
66
|
+
running = false;
|
|
67
|
+
cancelAnimationFrame(animId);
|
|
68
|
+
ro.disconnect();
|
|
69
|
+
io.disconnect();
|
|
70
|
+
};
|
|
71
|
+
}, []);
|
|
72
|
+
useEffect(() => {
|
|
73
|
+
if (!stateRef.current)
|
|
74
|
+
return;
|
|
75
|
+
resetReactionDiffusion(stateRef.current, merged);
|
|
76
|
+
}, [merged.seed]); // eslint-disable-line react-hooks/exhaustive-deps
|
|
77
|
+
return (_jsx("canvas", { ref: canvasRef, className: className, style: { display: "block", width: "100%", height: "100%", ...style } }));
|
|
78
|
+
}
|
|
79
|
+
//# sourceMappingURL=ReactionDiffusion.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ReactionDiffusion.js","sourceRoot":"","sources":["../../../../src/components/backgrounds/archived/ReactionDiffusion.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAsB,MAAM,OAAO,CAAC;AAC9D,OAAO,EACL,qBAAqB,EACrB,qBAAqB,EACrB,sBAAsB,GAGvB,MAAM,0CAA0C,CAAC;AAElD,MAAM,CAAC,MAAM,yBAAyB,GAA4B;IAChE,IAAI,EAAE,IAAI;IACV,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,GAAG;IACP,CAAC,EAAE,KAAK;IACR,CAAC,EAAE,KAAK;IACR,aAAa,EAAE,EAAE;IACjB,OAAO,EAAE,SAAS;IAClB,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;CAClB,CAAC;AAOF,MAAM,UAAU,iBAAiB,CAAC,KAA6B;IAC7D,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,MAAM,EAAE,GAAG,KAAK,CAAC;IAC9C,MAAM,MAAM,GAAG,EAAE,GAAG,yBAAyB,EAAE,GAAG,MAAM,EAAE,CAAC;IAE3D,MAAM,SAAS,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IAClD,MAAM,QAAQ,GAAG,MAAM,CAAgC,IAAI,CAAC,CAAC;IAC7D,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;IACjC,SAAS,CAAC,OAAO,GAAG,MAAM,CAAC;IAE3B,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,MAAM,GAAG,SAAS,CAAC,OAAO,CAAC;QACjC,IAAI,CAAC,MAAM;YAAE,OAAO;QACpB,MAAM,GAAG,GAAG,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;QACpC,IAAI,CAAC,GAAG;YAAE,OAAO;QAEjB,IAAI,MAAc,CAAC;QACnB,IAAI,OAAO,GAAG,IAAI,CAAC;QACnB,IAAI,SAAS,GAAG,KAAK,CAAC;QAEtB,SAAS,YAAY;YACnB,MAAM,CAAC,GAAG,MAAO,CAAC,WAAW,GAAG,MAAM,CAAC,gBAAgB,CAAC;YACxD,MAAM,CAAC,GAAG,MAAO,CAAC,YAAY,GAAG,MAAM,CAAC,gBAAgB,CAAC;YACzD,IAAI,MAAO,CAAC,KAAK,KAAK,CAAC,IAAI,MAAO,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;gBAChD,MAAO,CAAC,KAAK,GAAG,CAAC,CAAC;gBAClB,MAAO,CAAC,MAAM,GAAG,CAAC,CAAC;gBACnB,QAAQ,CAAC,OAAO,GAAG,qBAAqB,CAAC,CAAC,EAAE,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;YACpE,CAAC;QACH,CAAC;QAED,YAAY,EAAE,CAAC;QACf,QAAQ,CAAC,OAAO,GAAG,qBAAqB,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;QAEzF,MAAM,IAAI,GAAG,GAAG,EAAE;YAChB,IAAI,CAAC,OAAO,IAAI,CAAC,SAAS;gBAAE,OAAO;YACnC,IAAI,QAAQ,CAAC,OAAO,EAAE,CAAC;gBACrB,qBAAqB,CAAC,GAAG,EAAE,QAAQ,CAAC,OAAO,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;YAClE,CAAC;YACD,MAAM,GAAG,qBAAqB,CAAC,IAAI,CAAC,CAAC;QACvC,CAAC,CAAC;QACF,MAAM,EAAE,GAAG,IAAI,oBAAoB,CAAC,CAAC,OAAO,EAAE,EAAE;YAC9C,OAAO,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE;gBACxB,SAAS,GAAG,KAAK,CAAC,cAAc,CAAC;gBACjC,IAAI,SAAS,EAAE,CAAC;oBACd,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,CAAC;wBAClC,oBAAoB,CAAC,MAAM,CAAC,CAAC;oBAC/B,CAAC;oBACD,MAAM,GAAG,qBAAqB,CAAC,IAAI,CAAC,CAAC;gBACvC,CAAC;YACH,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;QACH,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;QAEnB,MAAM,EAAE,GAAG,IAAI,cAAc,CAAC,YAAY,CAAC,CAAC;QAC5C,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;QAEnB,OAAO,GAAG,EAAE;YACV,OAAO,GAAG,KAAK,CAAC;YAChB,oBAAoB,CAAC,MAAM,CAAC,CAAC;YAC7B,EAAE,CAAC,UAAU,EAAE,CAAC;YAChB,EAAE,CAAC,UAAU,EAAE,CAAC;QAClB,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,QAAQ,CAAC,OAAO;YAAE,OAAO;QAC9B,sBAAsB,CAAC,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;IACnD,CAAC,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,kDAAkD;IAErE,OAAO,CACL,iBACE,GAAG,EAAE,SAAS,EACd,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,GACpE,CACH,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Spirograph
|
|
3
|
+
* Hypotrochoid curves from rolling circles
|
|
4
|
+
*/
|
|
5
|
+
import { type CSSProperties } from "react";
|
|
6
|
+
export interface SpirographParams {
|
|
7
|
+
seed?: number;
|
|
8
|
+
R?: number;
|
|
9
|
+
r?: number;
|
|
10
|
+
d?: number;
|
|
11
|
+
speed?: number;
|
|
12
|
+
lineWeight?: number;
|
|
13
|
+
bgColor?: string;
|
|
14
|
+
colorA?: string;
|
|
15
|
+
colorB?: string;
|
|
16
|
+
colorC?: string;
|
|
17
|
+
}
|
|
18
|
+
export declare const spirographDefaults: Required<SpirographParams>;
|
|
19
|
+
export interface SpirographProps extends SpirographParams {
|
|
20
|
+
className?: string;
|
|
21
|
+
style?: CSSProperties;
|
|
22
|
+
}
|
|
23
|
+
export declare function Spirograph(props: SpirographProps): import("react/jsx-runtime").JSX.Element;
|
|
24
|
+
//# sourceMappingURL=Spirograph.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Spirograph.d.ts","sourceRoot":"","sources":["../../../../src/components/backgrounds/archived/Spirograph.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAqB,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;AAQ9D,MAAM,WAAW,gBAAgB;IAC/B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,kBAAkB,EAAE,QAAQ,CAAC,gBAAgB,CAWzD,CAAC;AAEF,MAAM,WAAW,eAAgB,SAAQ,gBAAgB;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,2CA8EhD"}
|
|
@@ -0,0 +1,86 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
/**
|
|
3
|
+
* Spirograph
|
|
4
|
+
* Hypotrochoid curves from rolling circles
|
|
5
|
+
*/
|
|
6
|
+
import { useEffect, useRef } from "react";
|
|
7
|
+
import { initSpirograph, drawSpirograph, resetSpirograph, } from "../../engines/archived/spirograph";
|
|
8
|
+
export const spirographDefaults = {
|
|
9
|
+
seed: 42731,
|
|
10
|
+
R: 120,
|
|
11
|
+
r: 45,
|
|
12
|
+
d: 70,
|
|
13
|
+
speed: 1.0,
|
|
14
|
+
lineWeight: 1.2,
|
|
15
|
+
bgColor: "#0a0a0a",
|
|
16
|
+
colorA: "#ff6b35",
|
|
17
|
+
colorB: "#f7931e",
|
|
18
|
+
colorC: "#fdc830",
|
|
19
|
+
};
|
|
20
|
+
export function Spirograph(props) {
|
|
21
|
+
const { className, style, ...params } = props;
|
|
22
|
+
const merged = { ...spirographDefaults, ...params };
|
|
23
|
+
const canvasRef = useRef(null);
|
|
24
|
+
const stateRef = useRef(null);
|
|
25
|
+
const paramsRef = useRef(merged);
|
|
26
|
+
paramsRef.current = merged;
|
|
27
|
+
useEffect(() => {
|
|
28
|
+
const canvas = canvasRef.current;
|
|
29
|
+
if (!canvas)
|
|
30
|
+
return;
|
|
31
|
+
const ctx = canvas.getContext("2d", { alpha: false });
|
|
32
|
+
if (!ctx)
|
|
33
|
+
return;
|
|
34
|
+
let animId;
|
|
35
|
+
let running = true;
|
|
36
|
+
let isVisible = false;
|
|
37
|
+
function resizeCanvas() {
|
|
38
|
+
const w = canvas.clientWidth * window.devicePixelRatio;
|
|
39
|
+
const h = canvas.clientHeight * window.devicePixelRatio;
|
|
40
|
+
if (canvas.width !== w || canvas.height !== h) {
|
|
41
|
+
canvas.width = w;
|
|
42
|
+
canvas.height = h;
|
|
43
|
+
stateRef.current = initSpirograph(w, h, paramsRef.current);
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
resizeCanvas();
|
|
47
|
+
stateRef.current = initSpirograph(canvas.width, canvas.height, paramsRef.current);
|
|
48
|
+
const loop = () => {
|
|
49
|
+
if (!running || !isVisible)
|
|
50
|
+
return;
|
|
51
|
+
if (stateRef.current) {
|
|
52
|
+
drawSpirograph(ctx, stateRef.current, paramsRef.current);
|
|
53
|
+
}
|
|
54
|
+
animId = requestAnimationFrame(loop);
|
|
55
|
+
};
|
|
56
|
+
const io = new IntersectionObserver((entries) => {
|
|
57
|
+
entries.forEach((entry) => {
|
|
58
|
+
isVisible = entry.isIntersecting;
|
|
59
|
+
if (isVisible) {
|
|
60
|
+
if (typeof animId !== "undefined") {
|
|
61
|
+
cancelAnimationFrame(animId);
|
|
62
|
+
}
|
|
63
|
+
animId = requestAnimationFrame(loop);
|
|
64
|
+
}
|
|
65
|
+
});
|
|
66
|
+
});
|
|
67
|
+
io.observe(canvas);
|
|
68
|
+
const ro = new ResizeObserver(resizeCanvas);
|
|
69
|
+
ro.observe(canvas);
|
|
70
|
+
return () => {
|
|
71
|
+
running = false;
|
|
72
|
+
cancelAnimationFrame(animId);
|
|
73
|
+
ro.disconnect();
|
|
74
|
+
io.disconnect();
|
|
75
|
+
};
|
|
76
|
+
}, []);
|
|
77
|
+
useEffect(() => {
|
|
78
|
+
const canvas = canvasRef.current;
|
|
79
|
+
const ctx = canvas?.getContext("2d");
|
|
80
|
+
if (!canvas || !ctx || !stateRef.current)
|
|
81
|
+
return;
|
|
82
|
+
resetSpirograph(stateRef.current, paramsRef.current);
|
|
83
|
+
}, [merged.seed, merged.R, merged.r, merged.d]); // eslint-disable-line react-hooks/exhaustive-deps
|
|
84
|
+
return (_jsx("canvas", { ref: canvasRef, className: className, style: { display: "block", width: "100%", height: "100%", ...style } }));
|
|
85
|
+
}
|
|
86
|
+
//# sourceMappingURL=Spirograph.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Spirograph.js","sourceRoot":"","sources":["../../../../src/components/backgrounds/archived/Spirograph.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { type CSSProperties } from "react";
|
|
2
|
+
export interface VortexBloomParams {
|
|
3
|
+
seed?: number;
|
|
4
|
+
vortexCount?: number;
|
|
5
|
+
particleCount?: number;
|
|
6
|
+
orbitStrength?: number;
|
|
7
|
+
spiralTightness?: number;
|
|
8
|
+
fadeRate?: number;
|
|
9
|
+
trailWeight?: number;
|
|
10
|
+
bgColor?: string;
|
|
11
|
+
colorA?: string;
|
|
12
|
+
colorB?: string;
|
|
13
|
+
colorC?: string;
|
|
14
|
+
}
|
|
15
|
+
export declare const vortexBloomDefaults: Required<VortexBloomParams>;
|
|
16
|
+
export interface VortexBloomProps extends VortexBloomParams {
|
|
17
|
+
className?: string;
|
|
18
|
+
style?: CSSProperties;
|
|
19
|
+
}
|
|
20
|
+
/**
|
|
21
|
+
* VortexBloom — Orbital crystallization background.
|
|
22
|
+
*
|
|
23
|
+
* Particles spiral under competing vortex attractors, accumulating into
|
|
24
|
+
* mandala-like formations.
|
|
25
|
+
*
|
|
26
|
+
* @example
|
|
27
|
+
* <VortexBloom
|
|
28
|
+
* vortexCount={4}
|
|
29
|
+
* particleCount={3000}
|
|
30
|
+
* orbitStrength={1.2}
|
|
31
|
+
* spiralTightness={0.9}
|
|
32
|
+
* style={{ position: "absolute", inset: 0 }}
|
|
33
|
+
* />
|
|
34
|
+
*/
|
|
35
|
+
export declare function VortexBloom(props: VortexBloomProps): import("react/jsx-runtime").JSX.Element;
|
|
36
|
+
//# sourceMappingURL=VortexBloom.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"VortexBloom.d.ts","sourceRoot":"","sources":["../../../../src/components/backgrounds/archived/VortexBloom.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;AAQ9D,MAAM,WAAW,iBAAiB;IAChC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,mBAAmB,EAAE,QAAQ,CAAC,iBAAiB,CAY3D,CAAC;AAEF,MAAM,WAAW,gBAAiB,SAAQ,iBAAiB;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,2CAgFlD"}
|