Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

Interactive SVG Animations launches in full on December 27th! This course is a super deep dive into all things SVGs, from its syntax to its animation primitives—and more! No previous animation experience required, just a bit of HTML and CSS.

nandafyi's profile picture

nanda

27,962 subscribers

63,843 Aufrufe • vor 1 Jahr •via X (Twitter)

Wissenschaft & TechnologieBildung
LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

New AI workflow in my design process: Lottie animations straight out of Claude. Uploaded a bunch of SVGs and explained the type of animation, the timing I wanted, and how each element should move. It generated Lotties from that, ready to drop into Framer.
0:10

New AI workflow in my design process: Lottie animations straight out of Claude. Uploaded a bunch of SVGs and explained the type of animation, the timing I wanted, and how each element should move. It generated Lotties from that, ready to drop into Framer.

Adrian

11,546 Aufrufe • vor 3 Monaten

Here's a glimpse into the animation process of a longer animation piece in the works. This is a tribute to a very iconic shot from a well known animation show. You'll have to wait a bit longer to see it finished :)
0:13

Here's a glimpse into the animation process of a longer animation piece in the works. This is a tribute to a very iconic shot from a well known animation show. You'll have to wait a bit longer to see it finished :)

Hugo Llera

16,178 Aufrufe • vor 1 Jahr

Utilizing a massive library of high quality, free UGC avatars for your three.js project is way less difficult than you think. No animation baking required, can swap out any Mixamo animations in real time. Step 1. Download an avatar on VRoid Hub Step 2. Download a skinless Mixamo animation from Step 3. Paste this into claude code / codex / cursor chat Now you have avatars, animations and a function to apply animations to your avatars whenever you desire. Source code from the video is here:
0:19

Utilizing a massive library of high quality, free UGC avatars for your three.js project is way less difficult than you think. No animation baking required, can swap out any Mixamo animations in real time. Step 1. Download an avatar on VRoid Hub Step 2. Download a skinless Mixamo animation from Step 3. Paste this into claude code / codex / cursor chat Now you have avatars, animations and a function to apply animations to your avatars whenever you desire. Source code from the video is here:

saori

14,962 Aufrufe • vor 5 Monaten

Reanimated 4.3.0 is out with a lot of exciting features! 🚀 ✦ CSS animations for SVG components – animate vector graphics with just a few lines of code ✦ Shared Values on multiple threads at once – easily control animations in apps that already have a lot of multithreaded code And that's not all – check out the full release notes! ⬇️
0:12

Reanimated 4.3.0 is out with a lot of exciting features! 🚀 ✦ CSS animations for SVG components – animate vector graphics with just a few lines of code ✦ Shared Values on multiple threads at once – easily control animations in apps that already have a lot of multithreaded code And that's not all – check out the full release notes! ⬇️

Software Mansion

18,796 Aufrufe • vor 4 Monaten

Trying to do something a little more difficult each time in Claude Code. Focusing on animation stuff right now and its so much fun just seeing this shit come to life.
0:17

Trying to do something a little more difficult each time in Claude Code. Focusing on animation stuff right now and its so much fun just seeing this shit come to life.

James McDonald

33,203 Aufrufe • vor 6 Monaten

Gemini 3.1 Pro vs Opus 4.6 opus is consistent and relaible Prompt : Build a premium interactive isometric 3D cozy room using Three.js in one html code block, with all objects modeled in code (no external assets) and subtle ambient animations and you can do 2 things of your choice to make it better
0:12

Gemini 3.1 Pro vs Opus 4.6 opus is consistent and relaible Prompt : Build a premium interactive isometric 3D cozy room using Three.js in one html code block, with all objects modeled in code (no external assets) and subtle ambient animations and you can do 2 things of your choice to make it better

Chetaslua

37,519 Aufrufe • vor 5 Monaten

Rare high view of the building left over from a previous simulation that humans here did not build and has false documentation of its "632 year" construction to cover its tracks so no one realizes it. In my humble opinion of course.
0:17

Rare high view of the building left over from a previous simulation that humans here did not build and has false documentation of its "632 year" construction to cover its tracks so no one realizes it. In my humble opinion of course.

Biff

294,850 Aufrufe • vor 7 Monaten

THIS GUY VIBE CODED A FREE TOOL THAT TURNS UGLY BARCODES INTO BEAUTIFUL SVG ONES THAT STILL SCAN you paste in a barcode, and it turns it into a styled, artistic SVG that still scans perfectly the tool makes it look good AND keeps it scannable free, no account needed, AND they export as SVGs if you've ever looked at a barcode on your product packaging and thought "this is ugly" you might want to look into this
0:17

THIS GUY VIBE CODED A FREE TOOL THAT TURNS UGLY BARCODES INTO BEAUTIFUL SVG ONES THAT STILL SCAN you paste in a barcode, and it turns it into a styled, artistic SVG that still scans perfectly the tool makes it look good AND keeps it scannable free, no account needed, AND they export as SVGs if you've ever looked at a barcode on your product packaging and thought "this is ugly" you might want to look into this

Om Patel

331,301 Aufrufe • vor 4 Monaten

First Minecraft thing in a while, i didn't spend too much time on this, but I'm proud since its one of my first fighting animations. I planned on adding more smears and other 2d stuff but i didn't get to that :P #animation #fighting #3dart
0:19

First Minecraft thing in a while, i didn't spend too much time on this, but I'm proud since its one of my first fighting animations. I planned on adding more smears and other 2d stuff but i didn't get to that :P #animation #fighting #3dart

𝚛𝚊𝚒𝚗☆(Commissions open!)

14,827 Aufrufe • vor 7 Monaten

[Fart/Animation] I did not realize its a week about sharks, so have this rough animation of Mako I promised to show for 1k followers. I tried to color it but idk how to work Toonsquid much. I’ll probably do more animations like this in the future.
0:12

[Fart/Animation] I did not realize its a week about sharks, so have this rough animation of Mako I promised to show for 1k followers. I tried to color it but idk how to work Toonsquid much. I’ll probably do more animations like this in the future.

Filthy Hobo (INDEFINITE HIATUS)

26,354 Aufrufe • vor 1 Jahr

You can use interactive artwork created by Rive artists, like this character, and extend it with Scripting to build a full game. This makes it possible to iterate on code, design, and animation all in one collaborative editor.
0:19

You can use interactive artwork created by Rive artists, like this character, and extend it with Scripting to build a full game. This makes it possible to iterate on code, design, and animation all in one collaborative editor.

Rive

49,606 Aufrufe • vor 9 Monaten

SwiftUI List row height animation is broken by design — and most fixes just avoid the problem. This deep-dive shows how to actually solve it: custom Layout, state machine decoupling, and animatable spacing — all native SwiftUI, no UIKit.
0:07

SwiftUI List row height animation is broken by design — and most fixes just avoid the problem. This deep-dive shows how to actually solve it: custom Layout, state machine decoupling, and animatable spacing — all native SwiftUI, no UIKit.

fatbobman (东坡肘子)

13,651 Aufrufe • vor 2 Monaten

The future of AI in web development? This app generates code and images to convert a screenshot into HTML/Tailwind CSS. I just gave it a screenshot of my X feed, and look what it produced (Notes & link in the comments):
0:10

The future of AI in web development? This app generates code and images to convert a screenshot into HTML/Tailwind CSS. I just gave it a screenshot of my X feed, and look what it produced (Notes & link in the comments):

Alvaro Cintas

303,527 Aufrufe • vor 2 Jahren

Scroll-triggered animations are coming to Chrome early next year (and we've been really excited about this one for a bit!) 🥳 Unlike scroll-driven animations (already in Chrome & Safari), this API introduces "timeline-trigger" and "animation-trigger" to start an animation within a specific range, rather than relying on the scroller completion *as* the animation timeline. I got nerd-sniped and wanted to try it out so I built this shape morphing demo to show how you can apply multiple animations to the same element over with different triggers. PRETTY COOL IMO! Bramus has a post with more info ⬇️
0:19

Scroll-triggered animations are coming to Chrome early next year (and we've been really excited about this one for a bit!) 🥳 Unlike scroll-driven animations (already in Chrome & Safari), this API introduces "timeline-trigger" and "animation-trigger" to start an animation within a specific range, rather than relying on the scroller completion *as* the animation timeline. I got nerd-sniped and wanted to try it out so I built this shape morphing demo to show how you can apply multiple animations to the same element over with different triggers. PRETTY COOL IMO! Bramus has a post with more info ⬇️

Una 🇺🇦

38,727 Aufrufe • vor 8 Monaten

A quick animation render of my dude from CC5 to Blender. Base animation from CC5. Then I added a layer on top of it in Blender. For Speed and quality, this is a great workflow #b3d #charactercreator #vfx #CGI
0:14

A quick animation render of my dude from CC5 to Blender. Base animation from CC5. Then I added a layer on top of it in Blender. For Speed and quality, this is a great workflow #b3d #charactercreator #vfx #CGI

Aaron Sorensen

13,582 Aufrufe • vor 10 Monaten

gonna dispel this before things hit the fan no its not ai i used live 2d and after effects. this is me tying something new and i guess a western animated poster cant be yellow or have crap tweened animation i never thought this would happen to me of all people but sure...
2:36

gonna dispel this before things hit the fan no its not ai i used live 2d and after effects. this is me tying something new and i guess a western animated poster cant be yellow or have crap tweened animation i never thought this would happen to me of all people but sure...

✨working on comms➠ ★ Jaxinator 🆖✨

188,648 Aufrufe • vor 1 Jahr

A stunning flight animation reveals just how crowded the skies were on Thanksgiving, as millions of Americans traveled and air traffic hit its highest levels in 15 years.
0:12

A stunning flight animation reveals just how crowded the skies were on Thanksgiving, as millions of Americans traveled and air traffic hit its highest levels in 15 years.

Breaking911

542,535 Aufrufe • vor 8 Monaten

From Previs to Polished Animation 🎥✨ Every sequence begins as a rough idea, shaped through previs, refined in animation, and perfected in its final stage. This split-screen breakdown reveals the journey from early blocking to the finished shot, showing the precision and artistry behind every frame.
0:15

From Previs to Polished Animation 🎥✨ Every sequence begins as a rough idea, shaped through previs, refined in animation, and perfected in its final stage. This split-screen breakdown reveals the journey from early blocking to the finished shot, showing the precision and artistry behind every frame.

The Rise Of Blus - A Nouns Movie ⌐◨-◨

1,558,933 Aufrufe • vor 1 Jahr