r/learnjavascript • u/waracks • May 12 '22

Created this using JavaScript. For code check the comments, lmk if you have any doubt.

215 Upvotes

98% Upvoted

20 comments sorted by

6

u/waracks May 12 '22

https://codesandbox.io/s/a-complete-circle-nn2lms

0

u/[deleted] May 13 '22

[deleted]

1

u/waracks May 13 '22

Actually I have used noise to create curves, so sometimes it gives this orientation. If you will refresh you may get the right orientation.

2

u/Tirnoch May 13 '22

Ok, this looks horrifying lol like the abyss is gazing back at me.

5

u/manny2206 May 12 '22

These single letter vars are killing me!! Code is clean, but not every expressive. 7/10 the animation it creates is awesome. Great job

2

u/waracks May 13 '22

Understood, yes I agree for radius and noise constants I have used single character, next time will keep this in mind :)

4

u/manny2206 May 13 '22

Yeah, It's for you! When you inevitably come back to this project 6 months later and can't remember how it works lol. Too real

13

u/Ratatoski May 12 '22

Nice, I enjoy generative art.

11

u/RelativeSloth May 13 '22

I enjoy degenerative art.

1

u/Mocker-Nicholas May 13 '22

enjoy degenerative art.

3

u/waracks May 13 '22

degenerative art.

0

u/[deleted] May 13 '22

[deleted]

1

u/Ratatoski May 13 '22

True as well.

2

u/codingwithout1andOs May 12 '22

So satisfying to watch

1

u/waracks May 13 '22

Glad you liked it :)

2

u/hamptonio May 13 '22

You might enjoy looking at dwitter: https://beta.dwitter.net/

1

u/waracks May 14 '22

Thankyou for sharing this, it is amazing 🤩

1

u/SvenskHonung May 13 '22

Any reason you use codesandbox instead of VSCode?

2

u/waracks May 14 '22

I use vscode only, it's just I am using codesandbox for code sharing

2

u/SevenSharp May 12 '22

Nice . It's a bit heavy on my laptop . Lots to fiddle with though.

2

u/inewtonjr May 13 '22

Can you breakdown the thought process when creating this? I am interested in how one thinks when creating a project like this. Very creative!