Need help replicating an animation
Hi all, I'm trying to replicate/make an animation similar to what You see in the image which is a sort of..., circuit board animation(?), I don't really know the proper name for it nor can I find any tutorials, anyway, the animation starts off with just the square/rectangle and then lines/traces (Whatever You wanna call them, lol) branch outwards from the center.
Now, I want to try and replicate exactly this (The colors don't matter for now btw, I can do those later) but make it so that it branches out on 4 all sides and also make it so that the lines don't overlap each other / go on top of one another when randomly generated.
So far I've only been able to find the odd one or two Codepen.io example which has that line/trace effect like this one in particular: https://codepen.io/loktar00/pen/rNMKZq but, it doesn't start from the center, sadly; the lines/traces start at random positions based on the (entered) values for
If anyone could help out, I'd really appreciate it
Thanks y'all
Edit: Should also note that, I plan to make>use/add this animation into My ThreeJS Scene.
Now, I want to try and replicate exactly this (The colors don't matter for now btw, I can do those later) but make it so that it branches out on 4 all sides and also make it so that the lines don't overlap each other / go on top of one another when randomly generated.
So far I've only been able to find the odd one or two Codepen.io example which has that line/trace effect like this one in particular: https://codepen.io/loktar00/pen/rNMKZq but, it doesn't start from the center, sadly; the lines/traces start at random positions based on the (entered) values for
startTracestotalTracesIf anyone could help out, I'd really appreciate it
Thanks y'all
Edit: Should also note that, I plan to make>use/add this animation into My ThreeJS Scene.
A friendly place for developers to meet other devs, ask questions, get help, and just have a good time 🙂.
36,263Members
Resources
Similar Threads
Was this page helpful?
