@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,32 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Reaction Diffusion Engine
|
|
3
|
+
* Gray-Scott model creating organic pattern formation
|
|
4
|
+
*/
|
|
5
|
+
import { SeededRandom } from "../utils/noise";
|
|
6
|
+
export interface ReactionDiffusionParams {
|
|
7
|
+
seed: number;
|
|
8
|
+
Da: number;
|
|
9
|
+
Db: number;
|
|
10
|
+
f: number;
|
|
11
|
+
k: number;
|
|
12
|
+
stepsPerFrame: number;
|
|
13
|
+
bgColor: string;
|
|
14
|
+
colorA: string;
|
|
15
|
+
colorB: string;
|
|
16
|
+
}
|
|
17
|
+
export interface ReactionDiffusionState {
|
|
18
|
+
W: number;
|
|
19
|
+
H: number;
|
|
20
|
+
A: Float32Array;
|
|
21
|
+
B: Float32Array;
|
|
22
|
+
nA: Float32Array;
|
|
23
|
+
nB: Float32Array;
|
|
24
|
+
rng: SeededRandom;
|
|
25
|
+
imageData: ImageData | null;
|
|
26
|
+
width: number;
|
|
27
|
+
height: number;
|
|
28
|
+
}
|
|
29
|
+
export declare function initReactionDiffusion(width: number, height: number, params: ReactionDiffusionParams): ReactionDiffusionState;
|
|
30
|
+
export declare function drawReactionDiffusion(ctx: CanvasRenderingContext2D, state: ReactionDiffusionState, params: ReactionDiffusionParams): void;
|
|
31
|
+
export declare function resetReactionDiffusion(state: ReactionDiffusionState, params: ReactionDiffusionParams): void;
|
|
32
|
+
//# sourceMappingURL=reactionDiffusion.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"reactionDiffusion.d.ts","sourceRoot":"","sources":["../../../src/components/engines/reactionDiffusion.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,YAAY,EAAkB,MAAM,gBAAgB,CAAC;AAE9D,MAAM,WAAW,uBAAuB;IACtC,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,sBAAsB;IACrC,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,YAAY,CAAC;IAChB,CAAC,EAAE,YAAY,CAAC;IAChB,EAAE,EAAE,YAAY,CAAC;IACjB,EAAE,EAAE,YAAY,CAAC;IACjB,GAAG,EAAE,YAAY,CAAC;IAClB,SAAS,EAAE,SAAS,GAAG,IAAI,CAAC;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAcD,wBAAgB,qBAAqB,CACnC,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,uBAAuB,GAC9B,sBAAsB,CA+BxB;AA2BD,wBAAgB,qBAAqB,CACnC,GAAG,EAAE,wBAAwB,EAC7B,KAAK,EAAE,sBAAsB,EAC7B,MAAM,EAAE,uBAAuB,GAC9B,IAAI,CA8BN;AAED,wBAAgB,sBAAsB,CACpC,KAAK,EAAE,sBAAsB,EAC7B,MAAM,EAAE,uBAAuB,GAC9B,IAAI,CAUN"}
|
|
@@ -0,0 +1,99 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Reaction Diffusion Engine
|
|
3
|
+
* Gray-Scott model creating organic pattern formation
|
|
4
|
+
*/
|
|
5
|
+
import { SeededRandom, hexToRgb, lerp } from "../utils/noise";
|
|
6
|
+
function lap(G, x, y, W, H) {
|
|
7
|
+
const l = (x - 1 + W) % W;
|
|
8
|
+
const r = (x + 1) % W;
|
|
9
|
+
const u = (y - 1 + H) % H;
|
|
10
|
+
const d = (y + 1) % H;
|
|
11
|
+
return (0.2 * (G[y * W + l] + G[y * W + r] + G[u * W + x] + G[d * W + x]) +
|
|
12
|
+
0.05 * (G[u * W + l] + G[u * W + r] + G[d * W + l] + G[d * W + r]) -
|
|
13
|
+
G[y * W + x]);
|
|
14
|
+
}
|
|
15
|
+
export function initReactionDiffusion(width, height, params) {
|
|
16
|
+
const W = 150;
|
|
17
|
+
const H = 150;
|
|
18
|
+
const rng = new SeededRandom(params.seed);
|
|
19
|
+
const A = new Float32Array(W * H);
|
|
20
|
+
const B = new Float32Array(W * H);
|
|
21
|
+
const nA = new Float32Array(W * H);
|
|
22
|
+
const nB = new Float32Array(W * H);
|
|
23
|
+
A.fill(1);
|
|
24
|
+
B.fill(0);
|
|
25
|
+
// Seed with random circles
|
|
26
|
+
for (let n = 0; n < 35; n++) {
|
|
27
|
+
const cx = Math.floor(rng.random() * W);
|
|
28
|
+
const cy = Math.floor(rng.random() * H);
|
|
29
|
+
const r = Math.floor(rng.range(2, 6));
|
|
30
|
+
for (let dy = -r; dy <= r; dy++) {
|
|
31
|
+
for (let dx = -r; dx <= r; dx++) {
|
|
32
|
+
if (dx * dx + dy * dy <= r * r) {
|
|
33
|
+
const i = ((cy + dy + H) % H) * W + ((cx + dx + W) % W);
|
|
34
|
+
B[i] = 1;
|
|
35
|
+
A[i] = 0;
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
return { W, H, A, B, nA, nB, rng, imageData: null, width, height };
|
|
41
|
+
}
|
|
42
|
+
function rdStep(state, params) {
|
|
43
|
+
const { W, H, A, B, nA, nB } = state;
|
|
44
|
+
for (let y = 0; y < H; y++) {
|
|
45
|
+
for (let x = 0; x < W; x++) {
|
|
46
|
+
const i = y * W + x;
|
|
47
|
+
const a = A[i];
|
|
48
|
+
const b = B[i];
|
|
49
|
+
const abb = a * b * b;
|
|
50
|
+
nA[i] = Math.max(0, Math.min(1, a + params.Da * lap(A, x, y, W, H) - abb + params.f * (1 - a)));
|
|
51
|
+
nB[i] = Math.max(0, Math.min(1, b + params.Db * lap(B, x, y, W, H) + abb - (params.f + params.k) * b));
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
// Swap buffers
|
|
55
|
+
const tmpA = state.A;
|
|
56
|
+
state.A = state.nA;
|
|
57
|
+
state.nA = tmpA;
|
|
58
|
+
const tmpB = state.B;
|
|
59
|
+
state.B = state.nB;
|
|
60
|
+
state.nB = tmpB;
|
|
61
|
+
}
|
|
62
|
+
export function drawReactionDiffusion(ctx, state, params) {
|
|
63
|
+
const { W, H, B, width, height } = state;
|
|
64
|
+
// Run simulation steps
|
|
65
|
+
for (let s = 0; s < params.stepsPerFrame; s++) {
|
|
66
|
+
rdStep(state, params);
|
|
67
|
+
}
|
|
68
|
+
// Create or reuse image data
|
|
69
|
+
if (!state.imageData) {
|
|
70
|
+
state.imageData = ctx.createImageData(W, H);
|
|
71
|
+
}
|
|
72
|
+
const c1 = hexToRgb(params.colorA);
|
|
73
|
+
const c2 = hexToRgb(params.colorB);
|
|
74
|
+
// Update pixels
|
|
75
|
+
const pixels = state.imageData.data;
|
|
76
|
+
for (let i = 0; i < W * H; i++) {
|
|
77
|
+
const t = Math.pow(B[i], 0.65);
|
|
78
|
+
const idx = i * 4;
|
|
79
|
+
pixels[idx] = lerp(c1.r, c2.r, t);
|
|
80
|
+
pixels[idx + 1] = lerp(c1.g, c2.g, t);
|
|
81
|
+
pixels[idx + 2] = lerp(c1.b, c2.b, t);
|
|
82
|
+
pixels[idx + 3] = 255;
|
|
83
|
+
}
|
|
84
|
+
// Draw scaled to canvas
|
|
85
|
+
ctx.putImageData(state.imageData, 0, 0);
|
|
86
|
+
ctx.drawImage(ctx.canvas, 0, 0, W, H, 0, 0, width, height);
|
|
87
|
+
}
|
|
88
|
+
export function resetReactionDiffusion(state, params) {
|
|
89
|
+
const newState = initReactionDiffusion(state.width, state.height, params);
|
|
90
|
+
state.W = newState.W;
|
|
91
|
+
state.H = newState.H;
|
|
92
|
+
state.A = newState.A;
|
|
93
|
+
state.B = newState.B;
|
|
94
|
+
state.nA = newState.nA;
|
|
95
|
+
state.nB = newState.nB;
|
|
96
|
+
state.rng = newState.rng;
|
|
97
|
+
state.imageData = null;
|
|
98
|
+
}
|
|
99
|
+
//# sourceMappingURL=reactionDiffusion.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"reactionDiffusion.js","sourceRoot":"","sources":["../../../src/components/engines/reactionDiffusion.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Recursive Subdivision Engine
|
|
3
|
+
* Binary space partitioning creating Mondrian-like compositions
|
|
4
|
+
*/
|
|
5
|
+
import { SeededRandom } from "../utils/noise";
|
|
6
|
+
export interface RecursiveSubdivisionParams {
|
|
7
|
+
seed: number;
|
|
8
|
+
maxDepth: number;
|
|
9
|
+
splitProbability: number;
|
|
10
|
+
minSize: number;
|
|
11
|
+
maxStroke: number;
|
|
12
|
+
minStroke: number;
|
|
13
|
+
colorMode: number;
|
|
14
|
+
animated: boolean;
|
|
15
|
+
animSpeed: number;
|
|
16
|
+
bgColor: string;
|
|
17
|
+
colorA: string;
|
|
18
|
+
colorB: string;
|
|
19
|
+
colorC: string;
|
|
20
|
+
}
|
|
21
|
+
interface Cell {
|
|
22
|
+
x: number;
|
|
23
|
+
y: number;
|
|
24
|
+
w: number;
|
|
25
|
+
h: number;
|
|
26
|
+
depth: number;
|
|
27
|
+
children: Cell[] | null;
|
|
28
|
+
}
|
|
29
|
+
export interface RecursiveSubdivisionState {
|
|
30
|
+
finalCells: Cell[];
|
|
31
|
+
animationProgress: number;
|
|
32
|
+
rng: SeededRandom;
|
|
33
|
+
width: number;
|
|
34
|
+
height: number;
|
|
35
|
+
}
|
|
36
|
+
export declare function initRecursiveSubdivision(width: number, height: number, params: RecursiveSubdivisionParams): RecursiveSubdivisionState;
|
|
37
|
+
export declare function drawRecursiveSubdivision(ctx: CanvasRenderingContext2D, state: RecursiveSubdivisionState, params: RecursiveSubdivisionParams): void;
|
|
38
|
+
export declare function resetRecursiveSubdivision(state: RecursiveSubdivisionState, params: RecursiveSubdivisionParams): void;
|
|
39
|
+
export {};
|
|
40
|
+
//# sourceMappingURL=recursiveSubdivision.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"recursiveSubdivision.d.ts","sourceRoot":"","sources":["../../../src/components/engines/recursiveSubdivision.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,YAAY,EAAkB,MAAM,gBAAgB,CAAC;AAE9D,MAAM,WAAW,0BAA0B;IACzC,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,gBAAgB,EAAE,MAAM,CAAC;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,IAAI;IACZ,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC;CACzB;AAED,MAAM,WAAW,yBAAyB;IACxC,UAAU,EAAE,IAAI,EAAE,CAAC;IACnB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,GAAG,EAAE,YAAY,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AA0DD,wBAAgB,wBAAwB,CACtC,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,0BAA0B,GACjC,yBAAyB,CAO3B;AAED,wBAAgB,wBAAwB,CACtC,GAAG,EAAE,wBAAwB,EAC7B,KAAK,EAAE,yBAAyB,EAChC,MAAM,EAAE,0BAA0B,GACjC,IAAI,CA6DN;AAED,wBAAgB,yBAAyB,CACvC,KAAK,EAAE,yBAAyB,EAChC,MAAM,EAAE,0BAA0B,GACjC,IAAI,CAKN"}
|
|
@@ -0,0 +1,133 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Recursive Subdivision Engine
|
|
3
|
+
* Binary space partitioning creating Mondrian-like compositions
|
|
4
|
+
*/
|
|
5
|
+
import { SeededRandom, hexToRgb, lerp } from "../utils/noise";
|
|
6
|
+
function shouldSplit(cell, params, rng) {
|
|
7
|
+
if (cell.depth >= params.maxDepth)
|
|
8
|
+
return false;
|
|
9
|
+
if (cell.w < params.minSize || cell.h < params.minSize)
|
|
10
|
+
return false;
|
|
11
|
+
const prob = Math.pow(params.splitProbability, cell.depth);
|
|
12
|
+
return rng.random() < prob;
|
|
13
|
+
}
|
|
14
|
+
function splitCell(cell, rng) {
|
|
15
|
+
const splitVertical = cell.w > cell.h ? true : cell.w < cell.h ? false : rng.random() > 0.5;
|
|
16
|
+
let splitPos;
|
|
17
|
+
// Bias toward golden ratio and thirds
|
|
18
|
+
const bias = rng.random();
|
|
19
|
+
if (bias < 0.4)
|
|
20
|
+
splitPos = 0.382; // Golden ratio
|
|
21
|
+
else if (bias < 0.6)
|
|
22
|
+
splitPos = 0.618;
|
|
23
|
+
else if (bias < 0.75)
|
|
24
|
+
splitPos = 0.333; // Third
|
|
25
|
+
else if (bias < 0.9)
|
|
26
|
+
splitPos = 0.667;
|
|
27
|
+
else
|
|
28
|
+
splitPos = rng.range(0.3, 0.7); // Random but centered
|
|
29
|
+
if (splitVertical) {
|
|
30
|
+
const splitX = cell.x + cell.w * splitPos;
|
|
31
|
+
cell.children = [
|
|
32
|
+
{ x: cell.x, y: cell.y, w: cell.w * splitPos, h: cell.h, depth: cell.depth + 1, children: null },
|
|
33
|
+
{ x: splitX, y: cell.y, w: cell.w * (1 - splitPos), h: cell.h, depth: cell.depth + 1, children: null },
|
|
34
|
+
];
|
|
35
|
+
}
|
|
36
|
+
else {
|
|
37
|
+
const splitY = cell.y + cell.h * splitPos;
|
|
38
|
+
cell.children = [
|
|
39
|
+
{ x: cell.x, y: cell.y, w: cell.w, h: cell.h * splitPos, depth: cell.depth + 1, children: null },
|
|
40
|
+
{ x: cell.x, y: splitY, w: cell.w, h: cell.h * (1 - splitPos), depth: cell.depth + 1, children: null },
|
|
41
|
+
];
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
function subdivide(cell, params, rng) {
|
|
45
|
+
if (shouldSplit(cell, params, rng)) {
|
|
46
|
+
splitCell(cell, rng);
|
|
47
|
+
subdivide(cell.children[0], params, rng);
|
|
48
|
+
subdivide(cell.children[1], params, rng);
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
function getLeaves(cell, leaves = []) {
|
|
52
|
+
if (cell.children === null) {
|
|
53
|
+
leaves.push(cell);
|
|
54
|
+
}
|
|
55
|
+
else {
|
|
56
|
+
getLeaves(cell.children[0], leaves);
|
|
57
|
+
getLeaves(cell.children[1], leaves);
|
|
58
|
+
}
|
|
59
|
+
return leaves;
|
|
60
|
+
}
|
|
61
|
+
export function initRecursiveSubdivision(width, height, params) {
|
|
62
|
+
const rng = new SeededRandom(params.seed);
|
|
63
|
+
const root = { x: 0, y: 0, w: width, h: height, depth: 0, children: null };
|
|
64
|
+
subdivide(root, params, rng);
|
|
65
|
+
const finalCells = getLeaves(root);
|
|
66
|
+
return { finalCells, animationProgress: 0, rng, width, height };
|
|
67
|
+
}
|
|
68
|
+
export function drawRecursiveSubdivision(ctx, state, params) {
|
|
69
|
+
const { finalCells, width, height } = state;
|
|
70
|
+
// Clear background
|
|
71
|
+
const bg = hexToRgb(params.bgColor);
|
|
72
|
+
ctx.fillStyle = `rgb(${bg.r},${bg.g},${bg.b})`;
|
|
73
|
+
ctx.fillRect(0, 0, width, height);
|
|
74
|
+
// Animate appearance
|
|
75
|
+
if (params.animated && state.animationProgress < 1) {
|
|
76
|
+
state.animationProgress += 0.01 * params.animSpeed;
|
|
77
|
+
}
|
|
78
|
+
else {
|
|
79
|
+
state.animationProgress = 1;
|
|
80
|
+
}
|
|
81
|
+
const visibleCount = Math.floor(finalCells.length * state.animationProgress);
|
|
82
|
+
const c1 = hexToRgb(params.colorA);
|
|
83
|
+
const c2 = hexToRgb(params.colorB);
|
|
84
|
+
const c3 = hexToRgb(params.colorC);
|
|
85
|
+
for (let i = 0; i < visibleCount; i++) {
|
|
86
|
+
const cell = finalCells[i];
|
|
87
|
+
// Color based on strategy
|
|
88
|
+
let r, g, b;
|
|
89
|
+
if (params.colorMode === 0) {
|
|
90
|
+
// Depth-based
|
|
91
|
+
const t = cell.depth / params.maxDepth;
|
|
92
|
+
if (t < 0.5) {
|
|
93
|
+
r = lerp(c1.r, c2.r, t * 2);
|
|
94
|
+
g = lerp(c1.g, c2.g, t * 2);
|
|
95
|
+
b = lerp(c1.b, c2.b, t * 2);
|
|
96
|
+
}
|
|
97
|
+
else {
|
|
98
|
+
r = lerp(c2.r, c3.r, (t - 0.5) * 2);
|
|
99
|
+
g = lerp(c2.g, c3.g, (t - 0.5) * 2);
|
|
100
|
+
b = lerp(c2.b, c3.b, (t - 0.5) * 2);
|
|
101
|
+
}
|
|
102
|
+
}
|
|
103
|
+
else {
|
|
104
|
+
// Position-based
|
|
105
|
+
const tx = cell.x / width;
|
|
106
|
+
const ty = cell.y / height;
|
|
107
|
+
const t = (tx + ty) / 2;
|
|
108
|
+
if (t < 0.5) {
|
|
109
|
+
r = lerp(c1.r, c2.r, t * 2);
|
|
110
|
+
g = lerp(c1.g, c2.g, t * 2);
|
|
111
|
+
b = lerp(c1.b, c2.b, t * 2);
|
|
112
|
+
}
|
|
113
|
+
else {
|
|
114
|
+
r = lerp(c2.r, c3.r, (t - 0.5) * 2);
|
|
115
|
+
g = lerp(c2.g, c3.g, (t - 0.5) * 2);
|
|
116
|
+
b = lerp(c2.b, c3.b, (t - 0.5) * 2);
|
|
117
|
+
}
|
|
118
|
+
}
|
|
119
|
+
ctx.fillStyle = `rgb(${Math.floor(r)},${Math.floor(g)},${Math.floor(b)})`;
|
|
120
|
+
const strokeW = lerp(params.maxStroke, params.minStroke, cell.depth / params.maxDepth);
|
|
121
|
+
ctx.strokeStyle = `rgb(${bg.r},${bg.g},${bg.b})`;
|
|
122
|
+
ctx.lineWidth = strokeW;
|
|
123
|
+
ctx.fillRect(cell.x, cell.y, cell.w, cell.h);
|
|
124
|
+
ctx.strokeRect(cell.x, cell.y, cell.w, cell.h);
|
|
125
|
+
}
|
|
126
|
+
}
|
|
127
|
+
export function resetRecursiveSubdivision(state, params) {
|
|
128
|
+
const newState = initRecursiveSubdivision(state.width, state.height, params);
|
|
129
|
+
state.finalCells = newState.finalCells;
|
|
130
|
+
state.animationProgress = 0;
|
|
131
|
+
state.rng = newState.rng;
|
|
132
|
+
}
|
|
133
|
+
//# sourceMappingURL=recursiveSubdivision.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"recursiveSubdivision.js","sourceRoot":"","sources":["../../../src/components/engines/recursiveSubdivision.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Recursive Tunnel engine — concentric nested polygons creating a depth illusion.
|
|
3
|
+
*
|
|
4
|
+
* N polygon "rings" are drawn from outermost to innermost, each scaled by a
|
|
5
|
+
* fraction that advances every frame — simulating the viewer flying through an
|
|
6
|
+
* infinite prismatic corridor. Two recursive forces structure the visual:
|
|
7
|
+
*
|
|
8
|
+
* 1. Zoom: each ring's normalized radius grows by zoomSpeed per frame; when it
|
|
9
|
+
* crosses 1.0 it wraps back to 0 (a new ring emerges from the vanishing point).
|
|
10
|
+
*
|
|
11
|
+
* 2. Twist: inner rings are rotated more than outer ones by a cumulative
|
|
12
|
+
* twistPerLayer factor. Combined with the zoom motion this produces a spinning
|
|
13
|
+
* barrel-scroll that strengthens the sense of recursive depth.
|
|
14
|
+
*
|
|
15
|
+
* The vanishing point smoothly follows the mouse (with lerp), adding binocular
|
|
16
|
+
* parallax: each ring is displaced toward the vanishing point in proportion to
|
|
17
|
+
* how "deep" (inner) it is. Click toggles the twist direction, reversing the
|
|
18
|
+
* spiral rotation for an instantaneous perceptual flip.
|
|
19
|
+
*
|
|
20
|
+
* Color cycles chromatically from inner (hot) to outer (cool), completing a full
|
|
21
|
+
* spectral sweep once per tunnel "cycle".
|
|
22
|
+
*/
|
|
23
|
+
export interface RecursiveTunnelParams {
|
|
24
|
+
seed?: number;
|
|
25
|
+
/** Number of polygon sides (3–12). */
|
|
26
|
+
sides?: number;
|
|
27
|
+
/** Number of concentric layers drawn. */
|
|
28
|
+
layers?: number;
|
|
29
|
+
/** Zoom speed (fraction of max radius added per frame). */
|
|
30
|
+
zoomSpeed?: number;
|
|
31
|
+
/** Additional rotation per layer (radians). */
|
|
32
|
+
twistPerLayer?: number;
|
|
33
|
+
/** Inner / hot color. */
|
|
34
|
+
colorInner?: string;
|
|
35
|
+
/** Mid-depth color. */
|
|
36
|
+
colorMid?: string;
|
|
37
|
+
/** Outer / cool color. */
|
|
38
|
+
colorOuter?: string;
|
|
39
|
+
/** How much the vanishing point follows the mouse [0–1]. */
|
|
40
|
+
parallaxStrength?: number;
|
|
41
|
+
}
|
|
42
|
+
export declare const recursiveTunnelDefaults: Required<RecursiveTunnelParams>;
|
|
43
|
+
export interface RecursiveTunnelState {
|
|
44
|
+
/** Phase in [0,1) that drives the zoom animation. */
|
|
45
|
+
phase: number;
|
|
46
|
+
/** Current (smoothed) vanishing point. */
|
|
47
|
+
vanishX: number;
|
|
48
|
+
vanishY: number;
|
|
49
|
+
/** Mouse-driven target for the vanishing point. */
|
|
50
|
+
targetVX: number;
|
|
51
|
+
targetVY: number;
|
|
52
|
+
/** +1 or −1, toggled on click. */
|
|
53
|
+
twistSign: number;
|
|
54
|
+
time: number;
|
|
55
|
+
width: number;
|
|
56
|
+
height: number;
|
|
57
|
+
}
|
|
58
|
+
export declare function initRecursiveTunnel(width: number, height: number, _params?: RecursiveTunnelParams): RecursiveTunnelState;
|
|
59
|
+
export declare function toggleTwist(state: RecursiveTunnelState): void;
|
|
60
|
+
export declare function setVanishTarget(state: RecursiveTunnelState, x: number, y: number): void;
|
|
61
|
+
export declare function drawRecursiveTunnel(ctx: CanvasRenderingContext2D, state: RecursiveTunnelState, params?: RecursiveTunnelParams, mouse?: {
|
|
62
|
+
x: number;
|
|
63
|
+
y: number;
|
|
64
|
+
}): void;
|
|
65
|
+
export declare function resetRecursiveTunnel(ctx: CanvasRenderingContext2D, state: RecursiveTunnelState, params?: RecursiveTunnelParams): RecursiveTunnelState;
|
|
66
|
+
//# sourceMappingURL=recursiveTunnel.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"recursiveTunnel.d.ts","sourceRoot":"","sources":["../../../src/components/engines/recursiveTunnel.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG;AAMH,MAAM,WAAW,qBAAqB;IACpC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,sCAAsC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yCAAyC;IACzC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,2DAA2D;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+CAA+C;IAC/C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,yBAAyB;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,uBAAuB;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,0BAA0B;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,4DAA4D;IAC5D,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,eAAO,MAAM,uBAAuB,EAAE,QAAQ,CAAC,qBAAqB,CAUnE,CAAC;AAIF,MAAM,WAAW,oBAAoB;IACnC,qDAAqD;IACrD,KAAK,EAAE,MAAM,CAAC;IACd,0CAA0C;IAC1C,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,mDAAmD;IACnD,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,kCAAkC;IAClC,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAID,wBAAgB,mBAAmB,CACjC,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,EACd,OAAO,GAAE,qBAA0B,GAClC,oBAAoB,CAYtB;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,oBAAoB,GAAG,IAAI,CAE7D;AAED,wBAAgB,eAAe,CAC7B,KAAK,EAAE,oBAAoB,EAC3B,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,MAAM,GACR,IAAI,CAGN;AAuBD,wBAAgB,mBAAmB,CACjC,GAAG,EAAE,wBAAwB,EAC7B,KAAK,EAAE,oBAAoB,EAC3B,MAAM,GAAE,qBAA0B,EAClC,KAAK,CAAC,EAAE;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,GAC/B,IAAI,CAwFN;AAED,wBAAgB,oBAAoB,CAClC,GAAG,EAAE,wBAAwB,EAC7B,KAAK,EAAE,oBAAoB,EAC3B,MAAM,GAAE,qBAA0B,GACjC,oBAAoB,CAItB"}
|
|
@@ -0,0 +1,152 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Recursive Tunnel engine — concentric nested polygons creating a depth illusion.
|
|
3
|
+
*
|
|
4
|
+
* N polygon "rings" are drawn from outermost to innermost, each scaled by a
|
|
5
|
+
* fraction that advances every frame — simulating the viewer flying through an
|
|
6
|
+
* infinite prismatic corridor. Two recursive forces structure the visual:
|
|
7
|
+
*
|
|
8
|
+
* 1. Zoom: each ring's normalized radius grows by zoomSpeed per frame; when it
|
|
9
|
+
* crosses 1.0 it wraps back to 0 (a new ring emerges from the vanishing point).
|
|
10
|
+
*
|
|
11
|
+
* 2. Twist: inner rings are rotated more than outer ones by a cumulative
|
|
12
|
+
* twistPerLayer factor. Combined with the zoom motion this produces a spinning
|
|
13
|
+
* barrel-scroll that strengthens the sense of recursive depth.
|
|
14
|
+
*
|
|
15
|
+
* The vanishing point smoothly follows the mouse (with lerp), adding binocular
|
|
16
|
+
* parallax: each ring is displaced toward the vanishing point in proportion to
|
|
17
|
+
* how "deep" (inner) it is. Click toggles the twist direction, reversing the
|
|
18
|
+
* spiral rotation for an instantaneous perceptual flip.
|
|
19
|
+
*
|
|
20
|
+
* Color cycles chromatically from inner (hot) to outer (cool), completing a full
|
|
21
|
+
* spectral sweep once per tunnel "cycle".
|
|
22
|
+
*/
|
|
23
|
+
import { hexToRgb, lerp, rgba } from "../utils/noise";
|
|
24
|
+
export const recursiveTunnelDefaults = {
|
|
25
|
+
seed: 11293,
|
|
26
|
+
sides: 6,
|
|
27
|
+
layers: 22,
|
|
28
|
+
zoomSpeed: 0.1,
|
|
29
|
+
twistPerLayer: 0.11,
|
|
30
|
+
colorInner: "#ff2d78",
|
|
31
|
+
colorMid: "#2d78ff",
|
|
32
|
+
colorOuter: "#2dffbe",
|
|
33
|
+
parallaxStrength: 0.28,
|
|
34
|
+
};
|
|
35
|
+
// ── Public API ────────────────────────────────────────────────────────────────
|
|
36
|
+
export function initRecursiveTunnel(width, height, _params = {}) {
|
|
37
|
+
return {
|
|
38
|
+
phase: 0,
|
|
39
|
+
vanishX: width / 2,
|
|
40
|
+
vanishY: height / 2,
|
|
41
|
+
targetVX: width / 2,
|
|
42
|
+
targetVY: height / 2,
|
|
43
|
+
twistSign: 1,
|
|
44
|
+
time: 0,
|
|
45
|
+
width,
|
|
46
|
+
height,
|
|
47
|
+
};
|
|
48
|
+
}
|
|
49
|
+
export function toggleTwist(state) {
|
|
50
|
+
state.twistSign *= -1;
|
|
51
|
+
}
|
|
52
|
+
export function setVanishTarget(state, x, y) {
|
|
53
|
+
state.targetVX = x;
|
|
54
|
+
state.targetVY = y;
|
|
55
|
+
}
|
|
56
|
+
// ── Drawing ───────────────────────────────────────────────────────────────────
|
|
57
|
+
function drawPolygon(ctx, cx, cy, radius, sides, angleOffset) {
|
|
58
|
+
ctx.beginPath();
|
|
59
|
+
for (let i = 0; i < sides; i++) {
|
|
60
|
+
const a = angleOffset + (i / sides) * Math.PI * 2;
|
|
61
|
+
const x = cx + Math.cos(a) * radius;
|
|
62
|
+
const y = cy + Math.sin(a) * radius;
|
|
63
|
+
if (i === 0)
|
|
64
|
+
ctx.moveTo(x, y);
|
|
65
|
+
else
|
|
66
|
+
ctx.lineTo(x, y);
|
|
67
|
+
}
|
|
68
|
+
ctx.closePath();
|
|
69
|
+
}
|
|
70
|
+
export function drawRecursiveTunnel(ctx, state, params = {}, mouse) {
|
|
71
|
+
const p = { ...recursiveTunnelDefaults, ...params };
|
|
72
|
+
const { width: W, height: H } = state;
|
|
73
|
+
// Track mouse → vanishing point
|
|
74
|
+
if (mouse) {
|
|
75
|
+
state.targetVX = lerp(W / 2, mouse.x, p.parallaxStrength);
|
|
76
|
+
state.targetVY = lerp(H / 2, mouse.y, p.parallaxStrength);
|
|
77
|
+
}
|
|
78
|
+
state.vanishX += (state.targetVX - state.vanishX) * 0.05;
|
|
79
|
+
state.vanishY += (state.targetVY - state.vanishY) * 0.05;
|
|
80
|
+
state.time += 0.016;
|
|
81
|
+
state.phase = (state.phase + 0.016 * p.zoomSpeed) % 1;
|
|
82
|
+
// Dark background
|
|
83
|
+
ctx.fillStyle = "rgb(4,4,12)";
|
|
84
|
+
ctx.fillRect(0, 0, W, H);
|
|
85
|
+
const maxR = Math.max(W, H) * 0.78;
|
|
86
|
+
const cx = W / 2;
|
|
87
|
+
const cy = H / 2;
|
|
88
|
+
const sides = Math.max(3, Math.round(p.sides));
|
|
89
|
+
const cInner = hexToRgb(p.colorInner);
|
|
90
|
+
const cMid = hexToRgb(p.colorMid);
|
|
91
|
+
const cOuter = hexToRgb(p.colorOuter);
|
|
92
|
+
// Draw layers from outermost inward (painter's algorithm)
|
|
93
|
+
for (let li = p.layers - 1; li >= 0; li--) {
|
|
94
|
+
// Normalized depth [0,1]: 0 = center, 1 = edge
|
|
95
|
+
const t = ((li / p.layers) + state.phase) % 1;
|
|
96
|
+
const radius = t * maxR;
|
|
97
|
+
if (radius < 1.5)
|
|
98
|
+
continue;
|
|
99
|
+
// Parallax: inner rings offset more toward the vanishing point
|
|
100
|
+
const depth = 1 - t; // deeper = higher value
|
|
101
|
+
const pcx = cx + (state.vanishX - cx) * depth * 0.9;
|
|
102
|
+
const pcy = cy + (state.vanishY - cy) * depth * 0.9;
|
|
103
|
+
// Twist accumulates inward
|
|
104
|
+
const twist = (1 - t) * p.twistPerLayer * p.layers * state.twistSign;
|
|
105
|
+
const angleOffset = twist + state.time * 0.06 * state.twistSign;
|
|
106
|
+
// Chromatic color mapping: inner=hot, outer=cool
|
|
107
|
+
let r, g, b;
|
|
108
|
+
if (t < 0.5) {
|
|
109
|
+
r = lerp(cInner.r, cMid.r, t * 2);
|
|
110
|
+
g = lerp(cInner.g, cMid.g, t * 2);
|
|
111
|
+
b = lerp(cInner.b, cMid.b, t * 2);
|
|
112
|
+
}
|
|
113
|
+
else {
|
|
114
|
+
r = lerp(cMid.r, cOuter.r, (t - 0.5) * 2);
|
|
115
|
+
g = lerp(cMid.g, cOuter.g, (t - 0.5) * 2);
|
|
116
|
+
b = lerp(cMid.b, cOuter.b, (t - 0.5) * 2);
|
|
117
|
+
}
|
|
118
|
+
const alpha = Math.floor(lerp(220, 55, t));
|
|
119
|
+
const lineWidth = lerp(2.2, 0.4, t);
|
|
120
|
+
drawPolygon(ctx, pcx, pcy, radius, sides, angleOffset);
|
|
121
|
+
ctx.strokeStyle = rgba(Math.round(r), Math.round(g), Math.round(b), alpha);
|
|
122
|
+
ctx.lineWidth = lineWidth;
|
|
123
|
+
ctx.stroke();
|
|
124
|
+
// Very faint glow fill on innermost rings
|
|
125
|
+
if (t < 0.12) {
|
|
126
|
+
const fillA = Math.floor((0.12 - t) / 0.12 * 18);
|
|
127
|
+
ctx.fillStyle = rgba(Math.round(r), Math.round(g), Math.round(b), fillA);
|
|
128
|
+
ctx.fill();
|
|
129
|
+
}
|
|
130
|
+
}
|
|
131
|
+
// Depth-ray lines: connect vanishing point to outermost polygon's vertices
|
|
132
|
+
const outerT = state.phase % 1;
|
|
133
|
+
const outerR = outerT * maxR;
|
|
134
|
+
const outerAngle = (1 - outerT) * p.twistPerLayer * p.layers * state.twistSign + state.time * 0.06 * state.twistSign;
|
|
135
|
+
ctx.globalAlpha = 0.045;
|
|
136
|
+
ctx.strokeStyle = `rgb(${cOuter.r},${cOuter.g},${cOuter.b})`;
|
|
137
|
+
ctx.lineWidth = 0.5;
|
|
138
|
+
for (let si = 0; si < sides; si++) {
|
|
139
|
+
const a = outerAngle + (si / sides) * Math.PI * 2;
|
|
140
|
+
ctx.beginPath();
|
|
141
|
+
ctx.moveTo(state.vanishX, state.vanishY);
|
|
142
|
+
ctx.lineTo(cx + Math.cos(a) * outerR, cy + Math.sin(a) * outerR);
|
|
143
|
+
ctx.stroke();
|
|
144
|
+
}
|
|
145
|
+
ctx.globalAlpha = 1;
|
|
146
|
+
}
|
|
147
|
+
export function resetRecursiveTunnel(ctx, state, params = {}) {
|
|
148
|
+
ctx.fillStyle = "rgb(4,4,12)";
|
|
149
|
+
ctx.fillRect(0, 0, state.width, state.height);
|
|
150
|
+
return initRecursiveTunnel(state.width, state.height, params);
|
|
151
|
+
}
|
|
152
|
+
//# sourceMappingURL=recursiveTunnel.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"recursiveTunnel.js","sourceRoot":"","sources":["../../../src/components/engines/recursiveTunnel.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Sierpinski Chaos engine — framework-agnostic Canvas 2D renderer.
|
|
3
|
+
*
|
|
4
|
+
* Implements the IFS (Iterated Function System) chaos game for the Sierpinski
|
|
5
|
+
* gasket. Each frame, the current point leaps halfway to a randomly chosen
|
|
6
|
+
* vertex of a triangle. Over thousands of frames the Sierpinski fractal
|
|
7
|
+
* emerges probabilistically — each vertex coloring the points it attracted.
|
|
8
|
+
* The triangle slowly rotates, making the accumulated gasket gently drift.
|
|
9
|
+
*/
|
|
10
|
+
import { SeededRandom } from "../utils/noise";
|
|
11
|
+
import type { SierpinskiChaosParams } from "../schemas";
|
|
12
|
+
export interface SierpinskiChaosState {
|
|
13
|
+
x: number;
|
|
14
|
+
y: number;
|
|
15
|
+
rng: SeededRandom;
|
|
16
|
+
rotAngle: number;
|
|
17
|
+
frame: number;
|
|
18
|
+
width: number;
|
|
19
|
+
height: number;
|
|
20
|
+
}
|
|
21
|
+
export declare function initSierpinskiChaos(width: number, height: number, params?: SierpinskiChaosParams): SierpinskiChaosState;
|
|
22
|
+
export declare function drawSierpinskiChaos(ctx: CanvasRenderingContext2D, state: SierpinskiChaosState, params?: SierpinskiChaosParams): void;
|
|
23
|
+
export declare function resetSierpinskiChaos(ctx: CanvasRenderingContext2D, state: SierpinskiChaosState, params?: SierpinskiChaosParams): SierpinskiChaosState;
|
|
24
|
+
export declare function drawSierpinskiChaosQuad(ctx: CanvasRenderingContext2D, state: SierpinskiChaosState, params: SierpinskiChaosParams | undefined, extraVertex: {
|
|
25
|
+
x: number;
|
|
26
|
+
y: number;
|
|
27
|
+
}): void;
|
|
28
|
+
export declare function lerpColor(a: {
|
|
29
|
+
r: number;
|
|
30
|
+
g: number;
|
|
31
|
+
b: number;
|
|
32
|
+
}, b: {
|
|
33
|
+
r: number;
|
|
34
|
+
g: number;
|
|
35
|
+
b: number;
|
|
36
|
+
}, t: number): {
|
|
37
|
+
r: number;
|
|
38
|
+
g: number;
|
|
39
|
+
b: number;
|
|
40
|
+
};
|
|
41
|
+
//# sourceMappingURL=sierpinskiChaos.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sierpinskiChaos.d.ts","sourceRoot":"","sources":["../../../src/components/engines/sierpinskiChaos.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,EAAE,YAAY,EAAwB,MAAM,gBAAgB,CAAC;AACpE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AAGxD,MAAM,WAAW,oBAAoB;IACnC,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,GAAG,EAAE,YAAY,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,mBAAmB,CACjC,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,EACd,MAAM,GAAE,qBAA0B,GACjC,oBAAoB,CAatB;AAED,wBAAgB,mBAAmB,CACjC,GAAG,EAAE,wBAAwB,EAC7B,KAAK,EAAE,oBAAoB,EAC3B,MAAM,GAAE,qBAA0B,GACjC,IAAI,CAsEN;AAED,wBAAgB,oBAAoB,CAClC,GAAG,EAAE,wBAAwB,EAC7B,KAAK,EAAE,oBAAoB,EAC3B,MAAM,GAAE,qBAA0B,GACjC,oBAAoB,CAItB;AAGD,wBAAgB,uBAAuB,CACrC,GAAG,EAAE,wBAAwB,EAC7B,KAAK,EAAE,oBAAoB,EAC3B,MAAM,EAAE,qBAAqB,YAAK,EAClC,WAAW,EAAE;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,GACpC,IAAI,CA6BN;AAGD,wBAAgB,SAAS,CACvB,CAAC,EAAE;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,EACtC,CAAC,EAAE;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,EACtC,CAAC,EAAE,MAAM,GACR;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,CAErC"}
|