Hacker News with Generative AI: Animation

Show HN: Create presentations with smart animations using Excalidraw (github.com/excalidraw-smart-presentation)
Create dynamic, animated presentations directly within Excalidraw.
Why Studio Ghibli movies can't be made with AI (2023) (twitter.com)
Something went wrong, but don’t fret — let’s give it another shot.
Studio Ghibli AI Slop (therectangle.substack.com)
Ugh. Ugh ugh ugh. One more time: ugh ugh, ugh, ugh, ugh ugh ugh.
Chibi: PNG-tuber application made in Rust (github.com/megabytesofrem)
Indie PNG-tuber application made in Rust supporting all major platforms
ByteCraft: Generating video games and animations through bytes (emygervais.github.io)
Imagine a world where you can write a prompt describing a video game or animation that you want, and a fully fledged executable file comes out. We take the first attempt at this crazy goal by training a model to generate the bytes of video games and animations!
Blender 4.4 (blender.org)
Improved animation workflow, better modeling, new sculpt brush, and smoother video editing, plus over 700 issues fixed.
Animation breakthrough makes it possible to better illustrate Black hair (npr.org)
A look at the creative process behind Bluey and Cocomelon (2024) (readtrung.com)
These are the two most-streamed children's shows. Joe Brumm's personal touch for Bluey trumps Cocomelon's engagement-hacking approach.
Pets Can't Stop Watching 'Flow,' the Oscar-Winning Cat Movie (nytimes.com)
“Flow,” a dialogue-free animated Latvian film made with open-source software, is keeping our domesticated friends riveted.
Phenakistiscope (wikipedia.org)
The phenakistiscope (also known by the spellings phénakisticope or phenakistoscope) was the first widespread animation device that created a fluid illusion of motion.
Walt Disney's MultiPlane Camera (Filmed Feb. 13, 1957) [video] (youtube.com)
Made a scroll bar buddy that walks down the page when you scroll (focusfurnace.com)
Instead of a boring scrollbar thought it would be fun to have an animated stick figure that walks up and down the side of your page when you scroll.
Animations vs. Geometry [video] (youtube.com)
Ghost House – software for automatic inbetweens (tedwiggin.com)
Deconstructing the "Whimsical Animations" landing page (joshwcomeau.com)
For the past few months, I’ve been hard at work on my upcoming third course, Whimsical Animations.
Mascotbot: Real-Time, Engaging Avatar SDK for Al Agents (mascot.bot)
Powered by Rive’s widely adopted open-source runtimes, Mascotbot delivers lightweight vector mascots across all platforms
WonderHuman: 3D avatars from single-view video (arxiv.org)
In this paper, we present WonderHuman to reconstruct dynamic human avatars from a monocular video for high-fidelity novel view synthesis.
Show HN: Make your logo liquid metal (open source) (paper.design)
Show HN: Inscribed, create stop motion animation and slide powered by Excalidraw (inscribed.app)
Scroll-Driven Animations (scroll-driven-animations.style)
Scroll-driven animations are a common UX pattern on the web. These are animations that are linked to the scroll position of a scroll container. This means that as you scroll up or down, the linked animation scrubs forward or backward in direct response. Think of interesting effects such as parallax background images or reading indicators which move as you scroll. A similar type of scroll-driven animation is an animation that is linked to an element's position within its scroll container.
Programming SDF animations of Rick and Morty (danielchasehooper.com)
This animation of Rick was made with 240 lines of code. No libraries, no images. I’m going to show you how to use GPU shaders and signed distance fields to make animations like it for videos, video games, or just for fun! I even built a live coding editor into the page so you can see the examples running and tinker with them.
Animating Rick and Morty One Pixel at a Time (danielchasehooper.com)
After 8 months of working on this post I don’t know how to start it except to say it culminates in this animation of Rick made in 240 lines of code. No libraries, no images. It was written in a live coding editor that I embedded in this post so that you can program animations. Let me explain how this started…
Ask HN: Do you know travel blogs that have animated SVG maps of their travels? (ycombinator.com)
I'm searching for a travel blog that wrote a tutorial on how they created custom SVG animations for the routes he took along his trips.
Making the video that made Gorillaz (animationobsessive.substack.com)
Welcome! It’s time for a new Sunday edition of the Animation Obsessive newsletter. Glad you could join us.
Inverted radius shape with hover effect (css-tip.com)
Combining the inverted radius shape with modern CSS to create a fancy reveal animation. Hover the image to reveal the text.
Subpixel Snake [video] (youtube.com)
Slugs on a Cube: An Interactive Animation (gingerbeardman.com)
Japhy Riddle makes art, music, films, and animations. He’s also a retro technology enthusiast. Naturally, he combines all these skills and interests into wonderful creative output! I follow Japhy on social media and love his high quality videos and animations. Check him out on YouTube!
The Free Movie: Frame-by-frame, handrawn reproduction of "The Bee Movie" (2023) (thefreemovie.buzz)
Running Animations Without Keyframes (css-tip.com)
Using the new @starting-style you can create animations without using @keyframes. It's not a replacement for the classic way to create animations but it can be a useful CSS trick in some situations.
First time a Blender-made production has won the Golden Globe (variety.com)
In a major upset, Latvian director Gints Zilbalodis‘ “Flow” won the Golden Globe for best animated feature on Sunday evening.