So I don't think it will be a easy fix!
The code it's pretty hard to read, it's mixup with function and class
okay, no worries, we can delay this video for next week.
btw i used this as reference:
https://github.com/blackears/PerlinNoiseMaker/blob/master/noiseMaker.js
it might help
It will help 100%!!!
just wanted to make a similar noise generator as this: http://kitfox.com/projects/perlinNoiseMaker
just in framer. also this animation of seeds will allow me to get this effect:
but the animation below is different
the appear anim on hover will be achieved with mask animation :)
i just need the base background of this matrix led thing with blinking lights, and then i can anim that wall in with a mask animation
I just need to copy the github js to react framer and it should be good!
i also just asked AI to make it based on that .js | For sure! | hopefully you'll have better luck | Hopefully!
please take a look at this too
for some reason when nested into that block, it shows up like this.
if i change it to relative positioning it fixed.
when i set to absolute and pin to all sides with "0" it turns into this idk what lol
but it's really weird because only when nested into that specific level.
on the middle one for example the left pin isn't active and that's why it works
(btw here I'm placing the prod version)
BTW: optimization could be made so we only generate more canvas when we are in animation mode. when animate isn't turned on, we don't need more canvas.
when not nested further it works even with all pins
so this is the interesting here.
when the block isn't wrapped in "blocks" it works with absolute and pinned to all sides.
but when (on the example above) we have "blocks" and then "block" in it and then within that the Perlin Noise it doesnt work