9 ms·
Random Animations
- kevincox 3y agoI 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 in a way that works). So what is it trying to do?
- nuccy 3y agoIndeed, 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 https://www.shadertoy.com/browse (click Hot or Popular button to sort) 2. https://threejs.org/docs/#api/en/materials/ShaderMaterial https://threejs.org/docs/#api/en/materials/ShaderMaterial 3. https://www.shadertoy.com/view/wlc3zr https://www.shadertoy.com/view/wlc3zr
- OsrsNeedsf2P 3y agoShadertoy is a blast, and if you use KDE, you can make your wallpaper use it[0] 0. https://github.com/y4my4my4m/kde-shader-wallpaper https://github.com/y4my4my4m/kde-shader-wallpaper
- m463 3y agojust block the GA stuff
- Jerry2 3y agoSince 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?
- i_love_cookies 3y ago[dead]
- mcphage 3y agoThere are specialized programs, but there are also languages like Processing that are often used for computer art. Not sure what was used for these, however.
- rustypotato 3y agoThe 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/ https://bleuje.com/tutorials/ [1]: https://processing.org/ https://processing.org/
- wraptile 3y agoWow this is suprisingly accessible! How are people incorporating this aside from screensaver? That high contrast LCD screen from playdate would make a brilliant frame for these animations.
- juggertao 3y agoYou semi-randomly try stuff. Iterate on what's cool (genetic selection). Also study the code of other animations to learn the general ideas and patterns.
- bloopernova 3y agoI am entirely way way way too high for that EDIT: it's maddening that I can't save some of these!
- nuccy 3y agoTechnically 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 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!
- naet 3y agoHe has a full gallery on his website, this is just the random page. https://bleuje.com/animationsite/ https://bleuje.com/animationsite/
- stcredzero 3y agoThis would make for an awesome music visualization. Or a component of one.
- theendisney2 3y agoSend in the LLMs! I want to be able to say single words at it and see a visualization of: disco tango banana reptillian
- stcredzero 3y agoThat would make for an awesome password reminder!
- davidw 3y agoLooking 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.
- adverbly 3y agoLove it - reminds me of MC Escher. Some of these were incredibly creative.
- aceazzameen 3y agoThis is the kind of stuff I saw as a kid whenever I had a bad fever.
- JKCalhoun 3y agoNight terrors for me when I was a tween.
- dclowd9901 3y agoWow, memory unlocked. I think I took way too much Sudafed once and yeah this is what I saw in some sort of half dream/half awake state.
- somishere 3y agoIf you right click on desktop and choose your browser's version of "show controls" it gives a nice sense of the loop points ... some of them are insanely short!
- dante44 3y agoThese are awesome.
- jodacola 3y agoSome of these animations transported me back 20-25 years ago to the days when I would have Winamp cranking with its visualization plugins. Fun times. Cool animations here.
- euniceee3 3y agoObligitory shoutout to ProjectM!
- jeffhuys 3y agoAnd butterchurn! Web-based.
- DrSiemer 3y agoMilkDrop 3 got released not that long ago and works on any audiosource. V2 was basically our digital fireplace in the 90s. https://github.com/milkdrop2077/MilkDrop3 https://github.com/milkdrop2077/MilkDrop3
- ddy67 3y agoThanks, appreciate it! I probably would've missed it. I still use Winamp and Milkdrop2 today and still have like hundreds of my own presets. Super excited to get into Milkdrop3 now, especially with multiple audio sources and this new "double preset" feature.
- richrichardsson 3y ago"MilkDrop 3.0 is a portable program that supports any audio source" Unfortunately what they mean by "portable" is in the context of Windows only. :(
- aspenmayer 3y agoIs it compatible with WINE?
- weinzierl 3y ago
- ssalka 3y agoOf course this has all kinds of different animations, but it reminds me of Electric Sheep, a really cool fractal flame screensaver. You install it locally and can upvote/downvote different "sheep" to your liking [1] https://electricsheep.org/ https://electricsheep.org/
- krupan 3y agoXScreensaver did it better
- shit_game 3y agoI'd have found this much more interesting if the animations were rendered in the browser - I would have loved to poke around the code that makes them work. They're neat looking, but being served videos and not code leaves an itch unscratched.
- pama 3y agoI had the opposite reaction. I can see them on a phone in lockdown mode that fails to render many of the fancy modern JavaScript pages.
- naet 3y agoHe publishes a couple with the source code: https://github.com/Bleuje/processing-animations-code https://github.com/Bleuje/processing-animations-code Also he published some full tutorials that are more conceptual, which you can find here: https://bleuje.com/tutorials/ https://bleuje.com/tutorials/ I found the tutorials had a lot of awesome ideas (like traversing 4d noise for a seamless loop!) which I ended up playing with in my own projects. I don't use processing like he does, but all the tutorials are very easy to understand even if that's not your tool of choice.
- topologie 3y agoThank you so much for this!
- jdthedisciple 3y agoThis one is amazing https://github.com/Bleuje/processing-animations-code/tree/main/code/spiralssphere https://github.com/Bleuje/processing-animations-code/tree/ma...
- peterashford 3y agoThose are fabulous. I'm really impressed
- adamredwoods 3y agoSome of these look to be patterns of random patterns. Care to share?
- isoprophlex 3y agoCheck out flow fields, eg.: https://tylerxhobbs.com/essays/2020/flow-fields https://tylerxhobbs.com/essays/2020/flow-fields
- turtledragonfly 3y agoYou can see a list of them, in chronological order, from the main site — click 'latest animations'[1] [1] https://bleuje.com/animationsite/2023_1/ https://bleuje.com/animationsite/2023_1/
- ygra 3y agoReminds me of David Szakaly (davidope), who has a similar style in a lot of his loops. Can be searched for, but it seems like he's primarily active on Instagram, where the videos cannot be watched unless logged in.
- adriancoliba 3y agoThanks for reminding me of him, as I used to follow him years ago on tumblr. Such a shame his account got hacked and 99% of his content was lost. https://dvdp.tumblr.com/post/616249201303666688/my-acc-has-been-hijacked-by-someone-then-retrieved https://dvdp.tumblr.com/post/616249201303666688/my-acc-has-b... Besides him, I used to follow Pi-Slices, with a somewhat similar style: https://pislices.art/GIFS https://pislices.art/GIFS https://pi-slices.tumblr.com/archive https://pi-slices.tumblr.com/archive
- benjijay 3y agoBeen a while since I've played with Processing, and I never got so far as to make anything this impressive. Urge to dabble again...
- slonepi 3y agoWoaaw, amazing work. At some point I struggled with the dilemma: * clicking to discover a new animation * spending all my life contempling the current one
- ojo-rojo 3y agoWeird, yesterday I tried to text this link to some relatives and it never showed up. We've tried a few variations and it seems every group message we send containing a bleuje . com link is blocked. I guess there's a filter somewhere...? (Android Messages using T-Mobile)
- ggrelet 3y agoRefresh the page for a new one each time.
- kevincox 3y agoOr click.
- iJohnDoe 3y agoThanks!
- mistermegabyte 3y agoOr hit the Space bar.
- itishappy 3y agoOr wait a bit.
- cryptozeus 3y agoJust click on it
- botsone 3y agoor go eat some boomers and come back
- etoxin 3y agoOr press K