Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

Random Animations

bleuje.com

Post reply on HN
Print view View original

11–20 of 63 posts

Re: Random Animations

#11

Post by nuccy »

kevincox wrote: post #4

I was looking at the source to see if it was randomly generated or randomly selected from pre-generated animations (it is the latter) and saw this odd anyalytics tag: Script blocked by Cloudflare, check the site yourself. And I have a few questions. 1. It requests the script from Google unconditionally. 2. `doNotTrack` is just hardcoded to false. My browser sends the header, so it isn't server-inserted (at least not…

Indeed, all those animations are pre-rendered videos embedded in the page, which are then randomly selected. I find shadertoy [1] really impressive, given that those animations are calculated/rendered in real-time.

A while ago after being impressed by shadertoy I've built a website (now offline) with a shader as a background using Tree.js [2]. The website was showing caustics - constantly-changing ridges of light produced on the bottom of the pool/lake/sea when light passes through the waves (similar to [3]). People visiting it were always assuming those are pre-rendered videos and were genuinely surprised that their N-years old phone is capable of running that shader in real-time flawlessly.

1. https://www.shadertoy.com/browse (click Hot or Popular button to sort)

2. https://threejs.org/docs/#api/en/materials/ShaderMaterial

3. https://www.shadertoy.com/view/wlc3zr

Re: Random Animations

#14

Post by rustypotato »

Jerry2 wrote: post #6

Since no one else asked... how is this done? Are there any specialized programs for this sort of graphical/visual programming? Or is this just a bunch of Python scripts using 3D/math/plot libs?

The site actually has some tutorials for creating these sorts of animations with a specific focus on perfectly looping gifs [1]. Looks like it's all done with Processing [2].

[0]: https://bleuje.com/tutorials/ [1]: https://processing.org/

Re: Random Animations

#15

Post by nuccy »

bloopernova wrote: post #13

I am entirely way way way too high for that EDIT: it's maddening that I can't save some of these!

Technically you can (licensing though needs to be checked). Just check/inspect the code of the page, look for video tag and see the source url, e.g. [0]

0. https://bleuje.com/mp4set/2021/2021_01.mp4

P.S. You can even check out how author's animations increase in complexity over time by changing year and month manually (or finding the full list of videos in one of the js files). Great work!

Re: Random Animations

#17

Post by davidw »

Looking at this, I could see it being in some kind of movie as this thing that is hypnotizing the locale populace to do the bidding of some evil mastermind.

"Don't look at it, here, use these"

"Damn, we've arrived too late, he's too far gone"

"We'll have to resync the server's mainframe database to reroute the traffic so that it stops the flow of tcp's"

Edit: also the wormhole one needs the Dr Who theme music.

Re: Random Animations

#19

Post by OsrsNeedsf2P »

nuccy wrote: post #11
kevincox wrote: post #4

I was looking at the source to see if it was randomly generated or randomly selected from pre-generated animations (it is the latter) and saw this odd anyalytics tag: Script blocked by Cloudflare, check the site yourself. And I have a few questions. 1. It requests the script from Google unconditionally. 2. `doNotTrack` is just hardcoded to false. My browser sends the header, so it isn't server-inserted (at least not…

Indeed, all those animations are pre-rendered videos embedded in the page, which are then randomly selected. I find shadertoy [1] really impressive, given that those animations are calculated/rendered in real-time. A while ago after being impressed by shadertoy I've built a website (now offline) with a shader as a background using Tree.js [2]. The website was showing caustics - constantly-changing ridges of light pro…

Shadertoy is a blast, and if you use KDE, you can make your wallpaper use it[0]

0. https://github.com/y4my4my4m/kde-shader-wallpaper

Post reply on HN