Hacker News with Generative AI: Animation

Show HN: I reverse engineered top websites to build an animated UI library (reverseui.com)
Effortlessly integrate trending animated components to your projects, with all the styling and animations handled for you.
Show HN: Image2video.app – Transform Ghibli-style images into videos using AI (image2video.app)
Currently in beta, free to use for a limited time! Too many users flooded in, so I added a paywall to protect my wallet 🥲
Introduction to Scientific Visualization with Blender (surf-visualization.github.io)
These pages form the main online content for the two modules of the course Introduction to Scientific Visualization with Blender. In this course you will learn how to use the 3D rendering and animation package Blender for creating images and animations from (scientific) data.
Procedural Generation of Mammals and Locomotion (runevision.com)
For my game The Big Forest I want to have creatures that are both procedurally generated and animated, which, as expected, is quite a research challenge.
Reinventing Feathering for the Vectorian Era (rive.app)
This post from Rive's Head of Runtime Chris Dalton shows how we built a fully vector-based feathering system from scratch. It’s a deep dive into the Rive Renderer, why it’s more performant, and how it solves a problem that legacy specs never could.
AnimeJs v4 Is Here (animejs.com)
A fast and versatile JavaScript library to animate the web.
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.