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 startTraces and totalTraces in the top right part of the screen. If anyone could help out, I'd really appreciate it peepohappy Thanks y'all ❤️ Edit: Should also note that, I plan to make>use/add this animation into My ThreeJS Scene.
1 Reply
XIPureGamer
XIPureGamer12mo ago
Anyone? 😅