Chris Hecker[1] Bernd Raabe[2] Ryan W. Enslow[3]John DeWeese[4] Jordan Maynard[5] Kees van Prooijen[6]
Svelte-Motion
An animation library for Svelte apps based on Framer Motion.
contextual animation stuff in Sleight of Hand – joe wintergreen internet zone
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.
Motion Core — Svelte-native motion toolkit with GSAP and OGL-powered components, demos, and CLI-driven workflows
Svelte-native motion toolkit with GSAP and OGL-powered components, demos, and CLI-driven workflows.
AutoAnimate - Add motion to your apps with a single line of code
A zero-config, drop-in animation utility that automatically adds smooth transitions to your web app. Use it with React, Solid, Vue, Svelte, or any other JavaScript application.
inFORM: dynamic physical affordances and constraints through shape and object actuation
We propose a new approach to Physical Telepresence, based on shared workspaces with the ability to capture and remotely render the shapes of people and objects. In this paper, we describe the concept of shape transmission, and propose interaction ...
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
Tracking Motion using Blender
A lot of people who does TypeSetting use Mocha to do that!But because I’m on Linux, this solution is not the best for me. Here a tutorial to do that on Blender, a free and open-source software. You can use it on Windows too!
Homepage
Supported by Webflow. Animate Anything - A wildly robust JavaScript animation library built for professionals.
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!
How I animate 3Blue1Brown | A Manim demo with Ben Sparks
Free Online GIF Maker — 70+ 3D Animations | 3D Gif Maker
Free online GIF maker — turn any image into an animated GIF in seconds. 70+ effects: 3D spins, explosions, waves, glitches, and more. No sign-up required.
Archi - Open Source ArchiMate Modelling
Archi - the Open Source modelling toolkit for creating ArchiMate models and sketches
The physics behind spring animations - The Blog of Maxime Heckel
A deep dive into the inner workings of spring animations in Framer Motion.
