Share your repls and programming experiences

← Back to all posts
Dots
h
Coder100 (18930)

Dots

Inspired by @rayhanadev's bubbles, I decided to create a nice and simple line connecting dots screensaver!

About

A lot of websites have this effect, and the effect that really inspired me to do it was the old processing website (effect no longer). However, no website had this effect that I created! So I created it myself :)
This was also a great way to practice quadtrees -- a way to optimize collisions between many many particles (albeit not by too much).

Screenshots

Navigating

  • Left-click to switch modes (hover or automatic)
  • Right-click to toggle quadtree
  • Press any key to go faster

Closing

Have a great day! Will you use this as a screensaver? Send screenshots of patterns you find!

Comments
hotnewtop
EdwardBentler (40)

Something about connecting the dots on this screenshot says it's never gonna give me up.

RayhanADev (2621)

Pretty neat :)

Maybe make the actual dots a bit bigger, my display barely shows pixels xD.

fuzzyastrocat (1867)

It's rather unsatisfying that the lines "pop" into existence. Could you make them fade in from absolutely transparent?

ch1ck3n (2388)

pog

reminds me of gosynth school's constellation game (not sponsored)

Aivoybia (26)

@ch1ck3n gsc: girl scout cookies

ch1ck3n (2388)

@Coder100 a school program

they use a game to teach

this is what is looks like (the dot arrangements are different every time)

Coder100 (18930)

not sure what that is but cool? @ch1ck3n

firefish (950)

@Aivoybia figjßłe←→¶ŧ←→¶ŧ←¥ ̛Ŧ&¥ ̛®&¥ ̛ĸ¶ŧĸ←ˀø¶e ̛ŁΩ& ̛ŁEŁĸˀŋđłĸŧˀł¶ẻŧĸðđŋĸłß¶nŧĸẻ¶ßĸøŋˀ↓øełŧˀ↓ø→łẻ¶đnŋđĸłŋnłðˀßđŧłĸˀßðe¶ĸßđ↓¢ĸ←ø↓¶ø”łø¢ĸħeæðŋĸħˀÐ&ˀ¶ŧĸ←ˀĸ←ˀĸŋˀħĸłeˀŧˀĸɠhĸłðˀŋĸħˀðđłˀ¶→øˀ¶ŧ←ˀłˀłĸđŋħĸđ←łĸˀ¶ŧ→←ˀ¶ĸŧˀłĸðđˀŋĸn¶ŧŋđ←ĸˀ¶eŧ¥&®¥˝ ̛®←ĸ¶ŧĸ←ˀĸł←ˀŧˀ←¶ŧĸ←ˀĸŋnħµdfghn,mgfhnd,fn←łˀ¶ee¶←ˀ¶e←ˀ→¶ŧ←→ø↓↓ø→←ø→e