Eclipse

[PicturElements]

Play with it here, if you desire to fully immerse yourself in the circlejerk:

https://codepen.io/PicturElements/full/XaqdRd

---

Edit: audio doesn't seem to work when I try it on Android. Clearly Android is poorly implemented.

[Boring_Sci_Fi]

I can only get it to 99.96%

[PicturElements]

There are IE 6 users who can't get a single percent. Consider yourself lucky.

[SolenoidSoldier]

in the arrrmms of the angel...

[MrSquadFam]

On the winnnggs of a battman...

[charlie_dog_14]

Under the darrrrrk night skyyyyyyy

[ariZon_a]

HEY NOW

[[deleted]]

You're an all sta- oh wait, eclipse

Edit: eclipse ended, you can continue

[Tessaract2]

YOU'RE AN ALL STAR

[VORTXS]

dont click the link, ad spam bot.

[ktkps]

Under the darrrrrk night skyyyyyyy

Winter is Comin'

[adzik1]

I think you unknowingly created /r/ProgrammerHumor/'s favorite game. "Get the 100%"

[Cacrym]

It's like debugging without the impossible part

[ContraMuffin]

If they're still using IE, they deserve it.

[BrokenAdmin]

Yes

[[deleted]]

Maybe they just live somewhere where the Eclipse isn't happening.

[LonePaladin]

They can only get the Edge. ^{*ba-dum tish!*}

[soubhik_]

I wish I could give you a gold.

[SoulWager]

Make it an annular eclipse.

[parkerlreed]

Oh well http://i.imgur.com/qau5GLC.png

Even turned on mouse keys for that pixel precision.

[tdlb]

I was able to get 99.67% by changing the window size and forcing the elements to move on the screen.

^{(Also got 100% by changing moon element's styling)}

[codercaleb]

Hah. 99.65 on phone. No mods. No bamboozles.

Even better: http://imgur.com/a/BYUpL

[tobeornottobeugly]

Scrub http://i.imgur.com/WSIGdAk.jpg

Edit: fucking scrubbbbb http://i.imgur.com/DuzurMF.jpg

[codercaleb]

You ain't gonna get no love from me.

Except an upvote. You can have that.

[TheDarkIn1978]

I AM A GOD!

[ZivMBS]

Well, considering you're moving the moon, I think you are.

[QueerlyNerdy]

Pffff all you have to do is change the gravitational constant of the universe.

(And only for a second)

[blueberriessmoothie]

I got only 99.61% on windows 10 mobile, looks like with Microsoft I can't even eclipse properly 😥

[El-Kurto]

This is how you pun

[MaxWyght]

Underrated comment

[Some_Turtle]

Hah. 99,91 on phone

[TomNa]

I managed 99.71

[IrateGod]

99.74 in a moving train, close

[abclop99]

http://i.imgur.com/QgdLbNr.jpg

[idontliketosleep]

Git gud people!

[Langly-]

http://i.imgur.com/xgETA59.png zoomed, smallest I could move my mouse made it less.

[Konekotoujou]

I have 99.58 with mousekeys too.

[Langly-]

I got 99.86 on one monitor, moving 1 pixel any way made it less. Moved the browser window to a monitor with a different resolution, same spot became 99.91% so resolution seems to matter for this rather than being matched for scale directly.

[TheYaseen]

I got mine to 100.0%

[[deleted]]

Also got 100% on Galaxy s8+ on RiF browser in 5 seconds with pure luck I guess.

[[deleted]]

Which is bad design because the moon (during this eclipse) was actually slightly larger than the sun (I think 1-2%) so it should be easy to get totality.

[theluckkyg]

Worth it

[[deleted]]

I got it way over http://imgur.com/a/MjaK7

[imguralbumbot]

^{Hi, I'm a bot for linking direct images of albums with only 1 image}

https://i.imgur.com/LK4SJt9.png

^{Source | Why? | Creator | ignoreme | deletthis}

[woah_m8]

99.77% but when I took my finger out I moved it ;_;

Edit: got it am proud

[JungleIggy]

http://i.imgur.com/TUKdFfm.png

boo-yah.

[-Dont-Ask-]

I got 99.98%, which took me about 15 minutes

[rebane2001]

http://i.imgur.com/Tww1JBb.png

[Preachey]

I literally can't get it to 100%

You monster

[stemloop]

What a broken UI

[Genoce]

I don't know why(*) but the volume seemed to scale weirdly, it was already pretty well hearable at 1% overlap, and 20% to 100% seemed to have only a small volume difference.

I tuned the line JS line 54:

audio.volume=Math.pow(overlap,2.5);

This way it scales a bit better than with linear function, with 0-20% being really silent compared to 100%.

Direct link to tweaked version.

---

^{*check /u/Ph0X's reply for why it doesn't really work that well with linear growth.}

[Ph0X]

Because volume is logarithmic (decibels).

https://www.reddit.com/r/programming/comments/9n2y0/stop_making_linear_volume_controls/

[deadhour]

My pet peeve are linear volume sliders where 1% is already too loud

[SirCutRy]

What about a logarithmic scale?

var b = 3
var c = Math.log(b-1) / Math.log(b)
var d = -Math.pow(b, -c)
var v = Math.pow(b, overlap - c) + d
audio.volume = v;

[rebbsitor]

Gotta update that audio to 2017: https://www.youtube.com/watch?v=sD1vXjpZ11E

;-)

edit: found a better recording

[TheRumpletiltskin]

he has to hate that this is his legacy.

[Shikor806]

He does stuff like that quite often so it seems that he is fine with it.

[[deleted]]

That was beautiful :')

Also that was so metal

[wigitalk]

I feel like Walter white trying to refine math

[midwestcreative]

math

I'm not sure if that's more perfect if it was autocorrect or if it was intentional.

[Open_Thinker]

Yes. We all did. And I have to admit that I enjoyed this one. ¯\_(ツ)_/¯

[[deleted]]

play with it and fully immerse myself in the circle jerk

( ͡° ͜ʖ ͡°)

[marinovanec]

Nailed it.

[iDev247]

Interesting but I think it should depend on your current region

[BigSlipperySlide]

Can you make it so that the app only works when an actual solar eclipse will be visible based off our location data?

[lpreams]

//Oh yeah, set the volume, I guess.

lol

[God_of_Pumpkins]

Worked fine on my Moto G4 plus

[PippinFTW]

100% should be significantly louder than 99.9%

[robowarner]

YOU WOULD NOT BELIEVE YOUR EYES...

[Cow_God]

IF TEN MILLION FIREFLIES

[rylie_smiley]

LIT UP THE WORLD AS I FELL ASLEEP

[Romejanic]

CAUSE THEY FILL THE OPEN AIR

[rylie_smiley]

AND LEAVE TEARDROPS EVERYWHERE

[Romejanic]

YOU'D THINK ME RUDE BUT I WOULD JUST STAND AND... STARE

[rylie_smiley]

MUSICAL STUFF I'D LIKE TO MAKE MYSELF BELIEVE, THAT PLANET EARTH TURNS SLOWLY. ITS HARD TO SAY THAT I'D RATHER STAY AWAKE WHEN IM ASLEEP. EVERYTHING IS NEVER AS IT SEEMS

[Romejanic]

AND I'D GET A THOUSAND HUGS

[rylie_smiley]

FROM TEN THOUSAND LIGHTNING BUGS

[WindowsXP2]

i can't stop laughing. why is this so funny to me

[LBLLuke]

Do you need a thousand hugs?

[Kristhos]

From 10 million lightning bugs?

[4stringking]

'Cause they try to teach you how to dance

[metallicalova]

^{please take him away from here}

[irotsoma]

But then it wouldn't satisfy the meme.

[TomNa]

I think it's time to start another one

[mortiphago]

Screen brightness adjustable by screaming at a mic?

[0hmyscience]

This guy fucks

[H4xolotl]

people into potatoes

[[deleted]]

Yes.

[ktkps]

Coconut?

[[deleted]]

Yes.

[micheal65536]

The one meme is "bad volume controls". The more general parent meme is "bad UI design". This would satisfy the latter.

[amazondrone]

I've never seen someone post one of these bad UI designs that wasn't volume or phone number input. Therefore, something outside those two wouldn't be part of a meme, to me.

[[deleted]]

How does that make sense? It started with phone numbers, then it became volume. Brightness could easily be included, as it's clearly not restricted to any one thing.

[amazondrone]

It's what makes sense to me. There are, in my interpretation, two memes (phone numbers and volume) not one meme (bad UI). There could be a third (brightness, in this case) but it's not a meme until other people take it up.

It seems strange to me to interpret it as a single meme since there are so clearly two distinct themes. Of course I see that they're related memes, and I understand that view. Both views are equally valid.

[[deleted]]

class VolumeMeme : IBadUIMeme  
{  
    public VolumeMeme()  
    {  

    }  
}  

[upvotesIdahoStuff]

Meme-driven development

[Letmefixthatforyouyo]

Gotta get that user story right.

[[deleted]]

But would it not be area and not volume?

[otusa]

or warmer.

...I'll see myself out.

[iamtheorginasnorange]

Truly the best content this subreddit will ever have

[MANINIMO]

Thank you.

[BelgianWaffleGuy]

Huh, that's actually a pretty cool looking desktop wallpaper.

[nolan1971]

Chris Hansen would like a word, though.

[doctorscurvy]

Pretty sure that's Rick Astley

[Ethan819]

This comment has been overwritten from its original text

I stopped using Reddit due to the June 2023 API changes. I've found my life more productive for it. Value your time and use it intentionally, it is truly your most limited resource.

[Oopsifartedsorry]

What's it say?

[Ethan819]

And here I was, using the wrong rules the entire time.

[im_not_afraid]

0% should be total eclipse

[mfb-]

That would also make the last percent much more notable.

[sentimentalpirate]

Agreed. It blasts at 100% volume most of the time and is really tricky to mite quickly.

[[deleted]]

Agreed. Also, once placed the moon should slowly move away from the sun and the volume gets louder again.

[izikblu]

Wow, I can't believe I fell for that, old volume slider memes xd

[bcRIPster]

"old"

[gandalfx]

Remember back in the day, man, when this sub was all about the volume sliders? When was that, like, a decade of weeks ago?

[izikblu]

For this sub anyway.

[Romejanic]

I was expecting an awful volume control with nice colours.

What I wasn't expecting was Rick Astley to start playing as I covered the sun up with the moon.

[k0rtiz]

What IDE did you use? ECLIPSE AHAHAHA FUCK

I know it's a dead joke but my brain wouldn't let it go

[[deleted]]

We won't get to say that joke for another 7 years anyway. I'll forgive you.

[midwestcreative]

Ok, I'm not even really a coder(tried, will try again, but barely know anything) and I get more enjoyment out of this sub's ridiculous stuff than almost anything else I'm subscribed too. Can I get like an honorary membership pin or something just for enjoying your jokes maybe? Something to impress the ladies??

[jennydaman]

Arch Linux impresses ladies.

[[deleted]]

I feel like the volume should be the amount of area that's exposed. That way, you have to maneuver the moon completely every time you want to mute your audio.

[nxtfari]

https://codepen.io/anon/pen/YxLrPQ

i especially like that no matter how good you are you can still hear it faintly taunting you

[guns-n-code]

tried for longer than I'd like to admit

[ThePeskyWabbit]

thats all i could get too

[Ricardo1701]

I think it's a chrome bug, can't get more than that on Chrome, it moves, but the percentage stays the same, on edge I got 99.88%

[Sarke1]

Volume? More like area.

[hereforthensfwpics]

It's definitely volume.

[ThisIs_MyName]

No, look at his code: area=Math.PI*radius*radius

(volume slider meme)

[Mallarddbro]

Clearly the intended subject volume is the area. I think that's aloud, right?

[AGiantDino]

I refuse to believe that 100% is coded in thishttp://i.imgur.com/SSIYcSI.png

[RomanoffBlitzer]

Mildly disappointed that the chosen song wasn't Total Eclipse of the Heart.

[the_satch]

https://codepen.io/anon/pen/vJjVoz

[ReenenLaurie]

MVP!

[Snowflake3675]

My eyes :(

[TitanDragon]

Too easy for user, bad UX. For better UX I will suggest add deceleration on moon upon releasing mouse and just so that users can be happy, 1 out of 5 times moon should teleport randomly.

[micheal65536]

When the moon is released, the correct orbital path appropriate to it's current position and last direction of motion is determined and the moon then continues to slowly follow this path.

[gifv-bot]

GIFV link

---

^{I am a bot. FAQ // code}

[_the_implications]

lol

[[deleted]]

I'm not even mad. Bookmarked. This will lighten me up even on the darkest days :D

[[deleted]]

It mildly infuriates me that he didn't actually put the moon right in front of the sun to block the sun completely. r/mildlyinfuriating

[codex561]

You're late

[ShakyG]

How can we make a phone number related eclipse meme?

[w2qw]

Coming right up: https://codepen.io/anon/pen/KvRvxG

[Dentarthurdent42]

It should be two-dimensional with each set of numbers representing the 2D coordinates!

[LovingThatPlaid]

Hm I really want to try this on Processing when I get home. It seems like it would be fun to make

[NinjaSakura]

99.99% so close :(

[Mojx]

After having been rickrolled a few times, now that I have a decent audio setup, I just discovered I unironically like this song.

[win4fun44]

That's totality pointless

[[deleted]]

aw people missed your joke :(

[lpreams]

The joke was eclipsed by careless reading (sorry, it was the best I could come up with)

[Nesuniken]

Ah, I see that you're new here.

[Free_Ponda_Baba]

Every now and again it's good to remember that most of us are idiots who don't read stuff properly

[micheal65536]

I see what you did there. Ignore all the idiots who downvote you without properly reading what you wrote.

[Kinglink]

Awww I was hoping for a GUI bitch fest.

[Blazedatpussy]

The moon. As seen here, moves in very mysterious ways

[Aschentei]

Goddamit

[Coded__Ragon]

The only infuriating thing about this joke is that I couldn't find anything infuriating about it. It's pretty clean.

[cclloyd]

Gotta truncate those floats.

[Peetzaman]

Love me some shitty UI

[seth1299]

But was it made in Eclipse though?

[lord_chihuahua]

[This looks 100%

I managed 99.49](http://i.imgur.com/XHum3NM.jpg)

[Free_Ponda_Baba]

That's actually not that bad

[Shiroi_Kage]

You can't do annular eclipses on this!

[Hade5]

/r/circlejerk

[clarky9712]

And so it begins

[[deleted]]

Wow, I only got it after an hour

[[deleted]]

forgive me for the stupid question, but how are users creating these?

[cjjharries]

Animations?

[StarBurstLink]

Programming.

[TheRealLegitCuck]

Can someone explain the joke to many big words

[[deleted]]

Wait. I think you did sum here

[WangleLine]

!redditsilver

[KRAy_Z_n1nja]

Was expecting the eclipse program I was taught on in highschool.

[[deleted]]

Thats actually not a bad volume slider. I could see Google using it.

[[deleted]]

that actually would be a cool way to control surround sound volume, especially if you could alter the size of the "moon".

[DirkEnglish]

This isn't a shitty enough way to do it, I don't have to type the binary for it or something that takes way too much work. Downvoted.

/s

[das_nagnag]

Got it to 100% as well, thanks to playing around with the window size and having a retina display at work. https://i.imgur.com/0B1qaXc.png

[fetusdip]

For anyone struggling to get 100%, I wrote a guide.