Skip to content
← Back to Community
Dots
Profile icon
h
has Hacker Plan
Coder100

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

image

image

image

  • 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!

Voters
Profile icon
Tanmay1301
Profile icon
ichbindede
Profile icon
EdwardBentler
Profile icon
OldWizard209
Profile icon
nro2collaborate
Profile icon
Interlink
Profile icon
SilvermoonCat
Profile icon
3ViL
Profile icon
JWZ6
Profile icon
maxina
Comments
hotnewtop
Profile icon
EdwardBentler

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

Profile icon
Coder100
Profile icon
RayhanADev

Pretty neat :)

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

Profile icon
Coder100

lol sure @RayhanADev

Profile icon
Interlink

very cool

Profile icon
Coder100

@Interlink thanks!

Profile icon
fuzzyastrocat

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

Profile icon
Coder100
Profile icon
cuber1515

Wow

Profile icon
Coder100

@cuber1515 thanks!

Profile icon
ch1ck3n

pog

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

Profile icon
Aivoybia

@ch1ck3n gsc: girl scout cookies

Profile icon
ch1ck3n
Profile icon
Coder100

what's that @ch1ck3n

Profile icon
ch1ck3n

@Coder100 a school program

they use a game to teach

image

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

Profile icon
Coder100

not sure what that is but cool? @ch1ck3n

Profile icon
firefish

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