I’ve been working for the last week or two on a system to streamline contextual or scripted animation stuff in Sleight of Hand, a stealth game with a lot of systemic interaction aspirations. I built an interest source system a while back for coordinated investigations and dynamic behaviours, and while some of those interactions have been doing cool stuff on the animation side (a guy might rip open a wardrobe you’re hiding in, for example), it has tended to involve a lot of more-or-less-boilerplate Blueprint every time; it’s not been as easy as it should be to drop in what Half-Life called a “scripted sequence”. This fortnight’s work has improved this a great deal, and I’ll tell you for why, and perhaps you will benefit from doing something like this yourself.
Whimsical Animations
Learn how to create charming interactions and delightful touches using the magic of CSS, JavaScript, SVG, and Canvas. I’m sharing all my tricks in this one!
Rasmus Andersson on Twitter / X
With Playbit (an OS) we’re making the entire screen accessible to scripts/agents as a scene graph with the hope of getting closer, faster, to a state of LLM usefulness for UI assistance— Rasmus Andersson (@rsms) December 31, 2024
Anime.js | JavaScript Animation Engine
A fast, multipurpose and lightweight JavaScript animation library
Beyond Chat: Bringing Models to the Canvas • Lu Wilson • GOTO 2025
Generative Agents: Interactive Simulacra of Human Behavior
Believable proxies of human behavior can empower interactive applications ranging from immersive environments to rehearsal spaces for interpersonal communication to prototyping tools. In this paper, we introduce generative agents--computational software agents that simulate believable human behavior. Generative agents wake up, cook breakfast, and head to work; artists paint, while authors write; they form opinions, notice each other, and initiate conversations; they remember and reflect on days past as they plan the next day. To enable generative agents, we describe an architecture that extends a large language model to store a complete record of the agent's experiences using natural language, synthesize those memories over time into higher-level reflections, and retrieve them dynamically to plan behavior. We instantiate generative agents to populate an interactive sandbox environment inspired by The Sims, where end users can interact with a small town of twenty five agents using natural language. In an evaluation, these generative agents produce believable individual and emergent social behaviors: for example, starting with only a single user-specified notion that one agent wants to throw a Valentine's Day party, the agents autonomously spread invitations to the party over the next two days, make new acquaintances, ask each other out on dates to the party, and coordinate to show up for the party together at the right time. We demonstrate through ablation that the components of our agent architecture--observation, planning, and reflection--each contribute critically to the believability of agent behavior. By fusing large language models with computational, interactive agents, this work introduces architectural and interaction patterns for enabling believable simulations of human behavior.
FromSoft Image Macro Creator
Create convincing looking image macros based on FromSoft games.
Jan Švankmajer
Jan Švankmajer is a Czech retired film director, animator, writer, playwright and artist. He draws and makes free graphics, collage, ceramics, tactile objects and assemblages. In the early 1960s, he explored informel, which later became an important part of the visual form of his animated films. He is a leading representative of late Czech surrealism. In his film work, he created an unmistakable and quite specific style, determined primarily by a compulsively unorthodox combination of externally disparate elements. The anti-artistic nature of this process, based on collage or assemblage, functions as a meaning-making factor. The author himself claims that the intersubjective communication between him and the viewer works only through evoked associations, and his films fulfil their subversive mission only when, even in the most fantastic moments, they look like a record of reality. Some of the works he created together with his wife Eva Švankmajerová.
Model Making Quick Tip: Scenes and Transitions
Tangible Functional Programming
animate with dermot - home
animation and design tutorials, tradition hand-drawn, but also puppet based animation with Flash, AnimateCC, Harmony
The Ridiculous Engineering Of Short Form Content
Native-Like Animations for Page Transitions on the Web | CSS-Tricks
Some of the most inspiring examples I’ve seen of front-end development have involved some sort of page transitions that look slick like they do in mobile
The little editor that could
Svelte-Motion
An animation library for Svelte apps based on Framer Motion.
Svelte - Animation
Resources for animations in Svelte
Portfolio - Brandon Ma
animate: • Svelte Docs
Animations for an AI agent using SVG and Svelte
Svelte - Native Animation Tools (by Bee 🐝) — Semble
Svelte - Animation Engines (by Bee 🐝) — Semble