Loading video...

Video Failed to Load

Go Home

vibecoding UI animations with Claude using Three.js to paint the images onto a 2d plane that gets stretched by the corners and distorted with RGB offset/chromatic aberration devs of the past would have spent more time arguing that it cant be done than it took me to create it

mikethree's profile picture

Mike Three

44,271 subscribers

37,726 views • 5 months ago •via X (Twitter)

ArtsScience & Technology
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

how to use 2D stamp brushes to create a 3D effect: once you have distorted your shape to perspective, duplicate then bring it back on the plane and erase overlap
0:19

how to use 2D stamp brushes to create a 3D effect: once you have distorted your shape to perspective, duplicate then bring it back on the plane and erase overlap

Britt Ortega

33,320 views • 11 months ago

ok that is a LOT more responsive than I thought it would be, trimming up the motion from a gyro might have to be done carefully. might need a filter too?
0:18

ok that is a LOT more responsive than I thought it would be, trimming up the motion from a gyro might have to be done carefully. might need a filter too?

Rue Mohr🇨🇦

68,403 views • 1 year ago

This bugs me more than it should. This is Ghostty, but it happens to other software. Characters on the corners are cropped by the border radius of the window. I like macOS in general, but wish Apple would roll back the rounded corners a tad.
0:11

This bugs me more than it should. This is Ghostty, but it happens to other software. Characters on the corners are cropped by the border radius of the window. I like macOS in general, but wish Apple would roll back the rounded corners a tad.

Will McGugan

35,039 views • 7 months ago

Trump: I built the military and rebuilt it in my first term, and we’re using it more than I’d like to use it, to be honest with you.
0:13

Trump: I built the military and rebuilt it in my first term, and we’re using it more than I’d like to use it, to be honest with you.

Clash Report

30,629 views • 5 months ago

Indie game devs create the most UNIQUE and ARTISTIC boss design that add CHARM to the battle. While Triple A devs just plop out a standard enemy with 2 health bars and call it a day.
0:16

Indie game devs create the most UNIQUE and ARTISTIC boss design that add CHARM to the battle. While Triple A devs just plop out a standard enemy with 2 health bars and call it a day.

Windpress

112,085 views • 6 months ago

💀thanks claude It made all materials and the whole widget in 15 minutes from scratch. Other then me asking it to make a cartoony shop with 8 offers using bouncy effects and glints wherever they would fit. It took over my pc and correctly itself a bunch of time. This is getting crazy #uefn
0:13

💀thanks claude It made all materials and the whole widget in 15 minutes from scratch. Other then me asking it to make a cartoony shop with 8 offers using bouncy effects and glints wherever they would fit. It took over my pc and correctly itself a bunch of time. This is getting crazy #uefn

Duuk

21,327 views • 12 days ago

Player stats UI animation with GPT Image 2 and MiniMax H3. This model is amazing for UI animations. Give GPT Image 2 your character image and ask it to create a stats UI. Then use that UI as a reference for MiniMax H3. You can check the prompt in the replies.
0:15

Player stats UI animation with GPT Image 2 and MiniMax H3. This model is amazing for UI animations. Give GPT Image 2 your character image and ask it to create a stats UI. Then use that UI as a reference for MiniMax H3. You can check the prompt in the replies.

Kōda

38,495 views • 8 days ago

someone recently asked me what it would take to create an FPS with this level of skill expression today. we don't have the technology to do that anymore, we used to, but we destroyed it.
0:16

someone recently asked me what it would take to create an FPS with this level of skill expression today. we don't have the technology to do that anymore, we used to, but we destroyed it.

minesweeper

79,227 views • 6 months ago

Looking to build apps that can search the web, images, videos and more? Brave just made it incredibly simple to connect your Kiro projects with real-time access to the web using their latest MCP server for Brave Search. Learn more 👉
0:15

Looking to build apps that can search the web, images, videos and more? Brave just made it incredibly simple to connect your Kiro projects with real-time access to the web using their latest MCP server for Brave Search. Learn more 👉

Kiro

35,626 views • 1 year ago

I think this is an excellent idea to tear down the statue of George Floyd & replace it with a Statue of Charlie Kirk. Plus they could make that Statue of Charlie Kirk a National Monument. That way if someone decides to vandalizes it or spray paint it. It would be considered a felony & that person will go to prison for the next 5 years
0:10

I think this is an excellent idea to tear down the statue of George Floyd & replace it with a Statue of Charlie Kirk. Plus they could make that Statue of Charlie Kirk a National Monument. That way if someone decides to vandalizes it or spray paint it. It would be considered a felony & that person will go to prison for the next 5 years

ROCK ON OHIO

84,405 views • 11 months ago

I genuinely don't understand why everyone isn't using this yet Andrej Karpathy, a co-founder of OpenAI, posted a simple idea that hit 16 million views: stop using AI to write code, use it to build a second brain. You point Claude Code at a folder, drop in any source, an article, a transcript, a PDF, and Claude reads it, links it, and files it into a living wiki of everything you know. It compounds like interest, the more you feed it, the smarter it gets. Here's the whole thing: > Install Obsidian, create a vault, open it in Claude Code > Paste Karpathy's wiki idea file and tell Claude to build it > Claude makes three folders: raw for sources, wiki for its pages, a CLAUDE.md that runs it > Drop any source into raw and say "ingest this" > Ask questions across everything, forever Five minutes to set up, and you never start from a blank chat again. Full step-by-step guide with Claude and Obsidian, link below. Bookmark this
0:16

I genuinely don't understand why everyone isn't using this yet Andrej Karpathy, a co-founder of OpenAI, posted a simple idea that hit 16 million views: stop using AI to write code, use it to build a second brain. You point Claude Code at a folder, drop in any source, an article, a transcript, a PDF, and Claude reads it, links it, and files it into a living wiki of everything you know. It compounds like interest, the more you feed it, the smarter it gets. Here's the whole thing: > Install Obsidian, create a vault, open it in Claude Code > Paste Karpathy's wiki idea file and tell Claude to build it > Claude makes three folders: raw for sources, wiki for its pages, a CLAUDE.md that runs it > Drop any source into raw and say "ingest this" > Ask questions across everything, forever Five minutes to set up, and you never start from a blank chat again. Full step-by-step guide with Claude and Obsidian, link below. Bookmark this

Ridark

6,945,897 views • 1 month ago

The next version of Scattershot will have a method that works with true displacement! I got it working after messing with the Repeat Zone and Closures in 5.0, only to realize it was possible the whole time... though with a lot more work.
0:18

The next version of Scattershot will have a method that works with true displacement! I got it working after messing with the Repeat Zone and Closures in 5.0, only to realize it was possible the whole time... though with a lot more work.

Jonathan Lampel

13,763 views • 8 months ago

When you throw a paper airplane on Earth the wings create a lift that pulls it up, but gravity pulls it down; this mix makes it glide forward and down. In microgravity, the wings still create lift, but with nothing to pull the nose down, the lift force causes the plane to turn. If there were enough room, the airplane would fly in loops until it ran out of speed and drifted.
0:16

When you throw a paper airplane on Earth the wings create a lift that pulls it up, but gravity pulls it down; this mix makes it glide forward and down. In microgravity, the wings still create lift, but with nothing to pull the nose down, the lift force causes the plane to turn. If there were enough room, the airplane would fly in loops until it ran out of speed and drifted.

Koichi Wakata 若田光一

2,037,162 views • 1 month ago

We just launched Claude Sonnet 4.5 and “Imagine with Claude”, a 5-day preview that creates dynamic experiences for you in real-time (and the first product I’ve worked on at Anthropic!). It pioneers the concept of “model-as-backend”, using a model to not only generate interfaces on the fly but also power all the functionality behind it – all made possible by our newest model, Claude Sonnet 4.5. Here’s a "choose your own adventure" version of my founder journey, as retold by Imagine with Claude:
0:17

We just launched Claude Sonnet 4.5 and “Imagine with Claude”, a 5-day preview that creates dynamic experiences for you in real-time (and the first product I’ve worked on at Anthropic!). It pioneers the concept of “model-as-backend”, using a model to not only generate interfaces on the fly but also power all the functionality behind it – all made possible by our newest model, Claude Sonnet 4.5. Here’s a "choose your own adventure" version of my founder journey, as retold by Imagine with Claude:

Sean Strong

115,693 views • 10 months ago

Using a Joystick with the Feather Offset, you can make the light change as you move the cursor. You only need to create two animations, one for the horizontal movement of the light and shadows, another for the vertical movement, and connect both to a joystick. Have fun!!
0:15

Using a Joystick with the Feather Offset, you can make the light change as you move the cursor. You only need to create two animations, one for the horizontal movement of the light and shadows, another for the vertical movement, and connect both to a joystick. Have fun!!

JcToon

13,141 views • 1 year ago

Slimy Fox 🦊 For this shoot, I decided to try something a little different. A playful bath-time set featuring Wakamo, with a touch of lubricant for that glossy, wet finish. 😏 I’ll admit, it was my first time experimenting with this idea. It was suggested to me, and it turned out to be far more fun than I expected. That wet, glistening texture really changed the entire mood of the shoot. The full NSFW photos and videos are on Patreon, with free previews and extended sets available. Link in comments. ⬇️
0:18

Slimy Fox 🦊 For this shoot, I decided to try something a little different. A playful bath-time set featuring Wakamo, with a touch of lubricant for that glossy, wet finish. 😏 I’ll admit, it was my first time experimenting with this idea. It was suggested to me, and it turned out to be far more fun than I expected. That wet, glistening texture really changed the entire mood of the shoot. The full NSFW photos and videos are on Patreon, with free previews and extended sets available. Link in comments. ⬇️

Fleur

14,753 views • 3 months ago

Yet another scene that would make #AI bros cry… This one was entirely hand drawn with key frames and main in-betweens done by me. It was my first episode as a director and I wanted to show what could be done with the show in terms of dynamic action. This episode paved the way for all of the #FairlyOddParents movies and established that we COULD, in fact, have big action sequences. It also established me as the “action guy for comedy shows.”
0:19

Yet another scene that would make #AI bros cry… This one was entirely hand drawn with key frames and main in-betweens done by me. It was my first episode as a director and I wanted to show what could be done with the show in terms of dynamic action. This episode paved the way for all of the #FairlyOddParents movies and established that we COULD, in fact, have big action sequences. It also established me as the “action guy for comedy shows.”

John "F" Fountain

32,919 views • 7 months ago

REPORTER: Was part of the rush to get this deal done to knock the Jeffrey Epstein story out-- TRUMP: Oh, you gotta be kidding with that. No. Had nothing to do with it. Only you would think that.
0:13

REPORTER: Was part of the rush to get this deal done to knock the Jeffrey Epstein story out-- TRUMP: Oh, you gotta be kidding with that. No. Had nothing to do with it. Only you would think that.

Aaron Rupar

60,984 views • 1 year ago