https://cohost.org/lunasorcery/post/2465593-testing-your-animati [noscript] log insign up [11911-d0d4] lunasorcery Luna @lunasorcery queer disaster * she/her * moonbase.lgbt/ digital sorceress fizzbuzz historian demoscener (yx) alt: @dark-side-of-the-moon log inask lunasorcery Luna@lunasorcery8/12/2023, 10:56 PM --------------------------------------------------------------------- testing your animation refresh rate with css crimes?? (Seems to behave weirdly on multi-monitor mixed-refresh-rate setups. Also, if you use Reduced Motion, make sure to turn it off for the animation to work) To read it, look for the lowest number which isn't turning and which appears in dark text (ie isn't flickering on alternate frames). Original version, supports 30/48/50/60/90/120/144hz: Warning: flickering imagery, open at your discretion. A zoetrope-like disc covered with numbers carefully arranged in patterns. As it spins, the viewer's refresh rate remains visually stable amidst a flurry of other dancing numbers. Even more ridiculous harder-to-read version, supports all of the above plus 75hz: Warning: flickering imagery, open at your discretion. A zoetrope-like disc covered with numbers carefully arranged in patterns. As it spins, the viewer's refresh rate remains visually stable amidst a flurry of other dancing numbers. #css crimes#zoetrope see all --------------------------------------------------------------------- 51 comments You must log in to comment. in reply to @lunasorcery's post: mintexists mintexists mint@mintexists8/12/2023, 11:01 PM I'm not sure if my phone runs css animations at 60hz or 90hz but the 60 and 120 are both still so login to reply lunasorcery lunasorcery Luna@lunasorcery8/12/2023, 11:13 PM I've just updated it to add a 90hz spinner :) login to reply NireBryce NireBryce Nire Bryce@NireBryce8/13/2023, 7:38 AM with mine 120hz will show you the 60 one twice, which in my case means my brain sees it as a duller color login to reply atonal440 atonal440 David@atonal4408/13/2023, 10:08 AM I see this right up until (and I verified with developer options) the screen drops back to 60 after there haven't been any touches for a second. Both 60 and 120 stay locked though, for some reason. login to reply flippac flippac Philippa Cowderoy@flippac8/13/2023, 4:59 PM 120 is a factor of 2 above 60: if 60 is locked, so are all its multiples login to reply Entropic-Decay Entropic-Decay Entropy@Entropic-Decay8/12/2023, 11:43 PM For me 120 and 60 are almost stationary but very slowly spinning clockwise login to reply lunasorcery lunasorcery Luna@lunasorcery8/12/2023, 11:45 PM I'm guessing that's one of those weird 59.94hz things login to reply virtuatelier virtuatelier Indigo@virtuatelier8/13/2023, 12:07 AM I get this too on my phone, but they're spinning counter-clockwise. Interestingly enough I have a 144hz primary monitor and a 60hz secondary monitor, and the zoetrope appears the same on both (albeit a little more chunkily-animated on the secondary). login to reply lunasorcery lunasorcery Luna@lunasorcery8/13/2023, 12:10 AM I saw the same on my housemate's 144hz+60hz setup; I'm guessing the browser does the animation updates at whatever the highest refresh rate is? login to reply virtuatelier virtuatelier Indigo@virtuatelier8/13/2023, 12:12 AM Yeah that's what I'm thinking. If I put my window between the two monitors it draws on both sides at the lower refresh rate (i.e. the half on the higher-refresh side behaves like the lower-refresh side). I'm wondering if this has to do with some screen buffer thing where the entire display is rendered at 144hz, but stuff on the secondary montior gets "downsampled" to 60hz? Pure speculation from someone way out of his depth lol login to reply vogon vogon colin@vogon8/13/2023, 12:56 AM yep, the browser is presenting new frames to your graphics card 144 times a second but the graphics card is only actually sending 60 of them to the monitor. login to reply binarycat binarycat tebicat&@binarycat8/13/2023, 2:30 AM yeah i've got that slow counter-clockwise spin to!! i happen to know that my phone is 60/90 variable refresh rate, but i have it locked to 60hz to save battery. login to reply MrDrugs69 MrDrugs69 Mr. Drugs sex number@MrDrugs698/13/2023, 12:19 AM damn i'm impressed, this worked perfectly login to reply spitfire spitfire spitfire@spitfire8/13/2023, 12:20 AM ohhh nooo firefox does NOT like it if i place the window halfway between my two monitors lol (165hz and 60hz) (video) login to reply milliesquilly milliesquilly Millennium@milliesquilly8/13/2023, 12:24 AM Huh, the 144hz one is MOSTLY stable on my monitor (with a tiny slow clockwise spin) but does a little jump every couple of seconds so I have no idea what's going on there login to reply milliesquilly milliesquilly Millennium@milliesquilly8/13/2023, 12:25 AM The jumps only happen on firefox, on chromium it's just a tiny spin clockwise which means I guess it's something nonsense like 143.9hz or some such. And I guess firefox is weird at rendering at a constant framerate? login to reply vogon vogon colin@vogon8/13/2023, 12:51 AM this is known in the industry as "jank"; something is causing the browser's renderer to pause every couple of seconds and miss a rendering deadline. login to reply milliesquilly milliesquilly Millennium@milliesquilly8/13/2023, 1:49 AM Not sure how to feel about the knowledge that "jank" is a technical term, haha login to reply vogon vogon colin@vogon8/13/2023, 1:50 AM yeah, I similarly love the word jank, but do not like the fact that it is being applied as a term for something specific instead of just a vague word that means "kinda shitty" login to reply linear linear linear cannon@linear8/13/2023, 12:25 AM i had no idea what was supposed to be happening here and then i realized it only goes up to 144hz and my monitor is 165hz login to reply linear linear linear cannon@linear8/13/2023, 12:26 AM and my other monitor is 75hz so it didn't hit on anything there either login to reply lunasorcery lunasorcery Luna@lunasorcery8/13/2023, 1:17 AM I've added support for 75hz! login to reply bark bark bark. bark bark@bark8/13/2023, 12:35 AM oh hey it's also a mini lesson in temporal aliasing login to reply lifning lifning liffy @lifning8/13/2023, 12:55 AM the dramatic reveal was a bit dampened by having to fuss around with ublock to allow external images to load login to reply lunasorcery lunasorcery Luna@lunasorcery8/13/2023, 12:58 AM @estrogen-and-spite can attest that I laughed out loud and yeah it was a cohost-hosted (cohosted?) image, but then I wanted to change stuff, and I didn't want to add the new image while it was out there in the wild (since it'd make the post look weird), and I didn't want to do the "put the image on a draft and never delete the draft" trick because I didn't want to clutter the drafts, which is really just a long-winded way of saying "sorry about that" login to reply estrogen-and-spite estrogen-and-spite Sylvia Lilith@estrogen-and-spite8/13/2023, 12:59 AM She absolutely did, I can confirm. Edit: once I got it to load I joined in omg login to reply lifning lifning liffy @lifning8/13/2023, 4:31 AM i particularly enjoy how if you frame-by-frame it you can see that the gray box of alt-text is oval-cropped login to reply nev nev @nev8/13/2023, 10:02 PM came to report the same hat. ty for your service login to reply lifning lifning liffy @lifning8/13/2023, 10:09 PM o7 it's a responsibility to share the extremely funny result with people who'd otherwise miss out due to less strict security settings login to reply stroggo stroggo stroggo@stroggo8/13/2023, 12:55 AM Hahaha, this is all kinds of fun with multi-monitor setups. login to reply totebug totebug ana@totebug8/13/2023, 12:59 AM i beat the system!!! (i have a 170hz and 80hz in my current second monitor) login to reply lunasorcery lunasorcery Luna@lunasorcery8/13/2023, 1:16 AM i'm running out of space to add more rings ;_; login to reply whitequark whitequark Catherine@whitequark8/13/2023, 2:23 AM This doesn't seem to do anything in my browser (these are just... PNGs..?) login to reply lunasorcery lunasorcery Luna@lunasorcery8/13/2023, 2:38 AM Do you happen to have Reduced Motion enabled? login to reply felidoptera felidoptera felidoptera (chridd/chrideedee on most other sites)@felidoptera8/13/ 2023, 4:51 AM Ooh, my monitor's 60 and 120 hz, apparently! :) ...and it's a bit jittery and drifting ever-so-slightly counterclockwise. login to reply D-Bhatta D-Bhatta Debabrata Bhattacharya@D-Bhatta8/13/2023, 6:44 AM Huh, my 60 Hz monitor has both the 60 and 120 wheels at a near standstill. login to reply wimwam wimwam @wimwam8/13/2023, 7:03 AM 240hz when login to reply porglezomp porglezomp cassie@porglezomp8/13/2023, 7:28 AM Variable refresh rate is fun. My iPhone shows 60 but as soon as I start scrolling it breaks nicely login to reply wolfsatyr wolfsatyr ahundred T. wolfsatyr@wolfsatyr8/13/2023, 7:35 AM Neat. My refresh rate is 60.049Hz for some reason and verily it creeps counterclockwise incredibly slowly. login to reply keiya keiya Keiya the Cyber-Kitty@keiya8/13/2023, 8:02 AM 120hz is stillish but wiggles slightly I think my browser needs new belts. login to reply Lake-of-Stars-sys Lake-of-Stars-sys Stellar Lake@Lake-of-Stars-sys8/13/2023, 10:25 AM this doesn't animate in chrome or firefox on my phone. I checked my cohost settings, and it doesn't seem like I have anything set that would cause problems login to reply lunasorcery lunasorcery Luna@lunasorcery8/13/2023, 12:04 PM Do you have "Reduced Motion" or similar enabled in your phone's accessibility settings? login to reply nemo20000 nemo20000 nemo@nemo200008/13/2023, 11:22 AM Wonderful! Simple and so effective. To clarify for people confused by seeing both 60Hz and 120Hz - your refresh rate is the lowest number that is not moving (quickly) or flickering. If your rate were 120Hz then the 60Hz would double up and flicker. login to reply Siph Siph Siph@Siph8/13/2023, 12:57 PM As someone who has a 165Hz computer monitor I feel excluded /j but this confirmed that my phone is indeed playing animations at 120Hz Cool post!! login to reply drakegator drakegator Drake Gator@drakegator8/13/2023, 2:32 PM This doesn't animate in Firefox on my desktop or Chrome on my phone. I did have the Samsung equivalent of "reduce motion" turned on on my phone, but disabling it had no effect. Looking at the inspector in Firefox, it references an animation called "spin" but that animation doesn't seem to exist. I'm not sure what's going wrong. login to reply lunasorcery lunasorcery Luna@lunasorcery8/13/2023, 2:37 PM Did you try reloading the page after disabling the setting? login to reply ruppinator ruppinator @ruppinator8/13/2023, 5:00 PM It must only render at the resolution of the primary monitor. That's at 100hz for me, so no locked circles. But if I only have my PC output to my secondary monitor, the 75hz one sticks, which tracks. login to reply RenaKunisaki RenaKunisaki Rena@RenaKunisaki8/13/2023, 5:35 PM Mine shows 60 on both the 60Hz monitor and the 300Hz monitor. login to reply zdimension zdimension @zdimension8/13/2023, 6:33 PM on my (admittedly Very Bad and old) HP LP2275w, 1680x1050 59,954Hz (officially 60), the only numbers that don't look like they're turning are 60 and 144, with 144 not moving and 60 appearing to move back and forth login to reply Pinned Tags * fizzbuzz history * ask luna * demoscene * luna lore * css crimes * uxbridge english dictionary * (c) 2023 anti software software club llc * thanks for using cohost Legal * Terms of Use * Privacy Notice * Community Guidelines About * @staff * SupportCredits * cohost status * cohost on twitter * ASSC on twitter * Careers