Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

Experimenting with 3D assets in Rive This setup gives me full control over every bone, can be fully rigged and animated directly inside Rive. I’m also using a Toon Shader to keep the 3D look stylized and lightweight. it’s already working with React Native implementation.

Angga Motion

2,062 subscribers

37,871 views • 21 days ago •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

11 Comments

Guido Rosso21 days ago

@rive_app Looks great!

Wataru Ikeda21 days ago

@rive_app are you using the CLI or the editor directly for this?

Angga Motion21 days ago

@rive_app full in the editor

Vincent21 days ago

@rive_app the Toon Shader sounds like a cool way to keep things lightweight while animating in Rive

Eduxdux21 days ago

@rive_app Super cool and smooth!

Raddles21 days ago

@rive_app goat

Cupsey21 days ago

@rive_app the toon shader is doing a lot of heavy lifting here

Meltohamy 𓂆21 days ago

@rive_app Top tier animation, I need to try this out

Levi·D·Ackerman20 days ago

@rive_app 😱 Its so cool, Could you publish it to your Rive profile? I'd like to study it.

Nines21 days ago

@rive_app The Toon Shader is a great touch here. Keeping the 3D look lightweight while retaining full rig control is a really nice balance.

Aden21 days ago

@rive_app nice! how long did u take to do this one? I just started learning Rive and its such a steep learning curve 🥲

Related Videos

Been pushing Rive's new 3D and shader support to see what's possible 🚀 Using AI + scripting, I was able to: • Import 3D models • Generate cameras and lights • Create custom shaders (wireframe, AO, sketch, toon) • Build materials • Project animated textures onto 3D geometry • Place 2D components directly in 3D space It's pretty wild to see how quickly Rive is evolving into a true all-in-one platform for interactive design.

Been pushing Rive's new 3D and shader support to see what's possible 🚀 Using AI + scripting, I was able to: • Import 3D models • Generate cameras and lights • Create custom shaders (wireframe, AO, sketch, toon) • Build materials • Project animated textures onto 3D geometry • Place 2D components directly in 3D space It's pretty wild to see how quickly Rive is evolving into a true all-in-one platform for interactive design.

Sanu Sagar

18,218 views • 4 months ago

3D extrusion shader in Figma. Draw content inside a frame with the shader applied and it'll be transformed into 3D live as you're drawing. Stack with other shaders and animate to create 3D animations. Clone this file to grab the shader!

3D extrusion shader in Figma. Draw content inside a frame with the shader applied and it'll be transformed into 3D live as you're drawing. Stack with other shaders and animate to create 3D animations. Clone this file to grab the shader!

Piers Cowburn

47,457 views • 3 months ago

This is and example of a 3D map working in the GPU Canvas in Rive. The mesh uses an artboard as a texture with the map and zone interactions. The labels and icons are projected over the map.

This is and example of a 3D map working in the GPU Canvas in Rive. The mesh uses an artboard as a texture with the map and zone interactions. The labels and icons are projected over the map.

JcToon

10,230 views • 4 months ago

Rive CLI concept console menu, inspired by the epic OG Xbox. We encourage you to think bigger about what can be built with Rive. You can create experiences that break out of typical paginated/scrolling UI, with a mixture of vector and 3D graphics, all in one fluid scene. This entire scene is a Rive file and it can run natively anywhere: consoles, desktops, mobile, smart TVs, vehicles. If it has a GPU, Rive can run on it.

Rive CLI concept console menu, inspired by the epic OG Xbox. We encourage you to think bigger about what can be built with Rive. You can create experiences that break out of typical paginated/scrolling UI, with a mixture of vector and 3D graphics, all in one fluid scene. This entire scene is a Rive file and it can run natively anywhere: consoles, desktops, mobile, smart TVs, vehicles. If it has a GPU, Rive can run on it.

Guido Rosso

12,072 views • 11 days ago

🚀 Smart Topology is LIVE in Image-to-3D! Generate 3D assets with native part segmentation, clean and accurate, in ~10 seconds. Full control over poly count. Made for game dev workflows, real-time and web-based 3D. We'd love your feedback to help us refine the quality!

🚀 Smart Topology is LIVE in Image-to-3D! Generate 3D assets with native part segmentation, clean and accurate, in ~10 seconds. Full control over poly count. Made for game dev workflows, real-time and web-based 3D. We'd love your feedback to help us refine the quality!

MeshyAI

73,164 views • 3 months ago

Every pose in HAELE 3D Pose Studio is going to be fully editable with a very easy switch between muscular and skeleton system, realistic or stylized models

Every pose in HAELE 3D Pose Studio is going to be fully editable with a very easy switch between muscular and skeleton system, realistic or stylized models

HAELE 3D - Anatomy Drawing Reference Tools

34,261 views • 9 months ago

AI fully taking over 3D is inevitable you can now add 3D bg for 3D models inside 3d software using World Labs's Marble and.. view in real time and even use Octane's 3DGS to light up the model without adding lights this is impossible w/o AI

AI fully taking over 3D is inevitable you can now add 3D bg for 3D models inside 3d software using World Labs's Marble and.. view in real time and even use Octane's 3DGS to light up the model without adding lights this is impossible w/o AI

el.cine

174,828 views • 11 months ago

Here is a game that looks like it was made with 2D sprites on a tilemap But it’s actually a three.js scene Also, no external assets. It’s all code and a bit of shader magic The player can switch between the pixel view and the 3D scene Made with Opus 5

Here is a game that looks like it was made with 2D sprites on a tilemap But it’s actually a three.js scene Also, no external assets. It’s all code and a bit of shader magic The player can switch between the pixel view and the 3D scene Made with Opus 5

Dilum Sanjaya

53,670 views • 1 month ago

🥪 Learn how to make a 3D Sandwich Configurator with React Native and React Three Fiber! 🍭 WawaWonka is hidden in the video with a 🎟️ Golden Ticket to get for free! Be the first to redeem it 👉

🥪 Learn how to make a 3D Sandwich Configurator with React Native and React Three Fiber! 🍭 WawaWonka is hidden in the video with a 🎟️ Golden Ticket to get for free! Be the first to redeem it 👉

Wawa Sensei

39,667 views • 2 years ago

our new model Atlas also happens to be a capable text-to-image generator, providing it with a strong foundation of “world knowledge”... this generalizes across both single and multi view domains, meaning you can step into even highly stylized scenes with precise 3D control

our new model Atlas also happens to be a capable text-to-image generator, providing it with a strong foundation of “world knowledge”... this generalizes across both single and multi view domains, meaning you can step into even highly stylized scenes with precise 3D control

Ben Mildenhall

104,766 views • 1 month ago

This first-person shooter was built from a single prompt, using 404-generated 3D assets. On the latest Novelty Search, 404 explains how SN17 is moving from Titan, its open image-to-3D model built with miners, toward 3D assets generated as code that AI agents can edit and use directly in games. That work is part of a broader direction for 404: building world models where AI agents can learn and act. Hosted by const Full episode in the first comment

This first-person shooter was built from a single prompt, using 404-generated 3D assets. On the latest Novelty Search, 404 explains how SN17 is moving from Titan, its open image-to-3D model built with miners, toward 3D assets generated as code that AI agents can edit and use directly in games. That work is part of a broader direction for 404: building world models where AI agents can learn and act. Hosted by const Full episode in the first comment

Openτensor Foundaτion

19,046 views • 1 month ago

Turn a single 2D image into a fully interactive, animated 3D character - running directly in your browser.🥊 This is the Ringside Boxer, built with img2threejs v1.5.1. Live showcase: 2D Image → 3D Reconstruction (TripoAI/Hyper3D) → Reference GLB + Specs → Rig & Animation Setup → Animation Loops → Physics VFX → Playable Three.js Scene ( 100% pure typescript ) 🔥 Under the hood: • ~97.5K triangle 3D reconstruction • 41-bone character rig • 19 combat animation clips • Jab, Hook, Body Shot, Footwork, Victory, Defeat & more • Physics-based sweat particles with gravity • Impact shock-ring VFX • Fully interactive 360° orbit + zoom And the important part: 1. The final result is generated as pure Three.js + TypeScript code. 2. No traditional 3D authoring workflow. 3. No Blender setup. 4. Just code that can be inspected, modified, and dropped directly into a WebGL experience. This is where I want img2threejs to go: Image → 3D → Animation → Interactive Web Experience. And this is only v1.5.1. 🚀 #ThreeJS #GameDev #TypeScript #Web3D #img2threejs

Turn a single 2D image into a fully interactive, animated 3D character - running directly in your browser.🥊 This is the Ringside Boxer, built with img2threejs v1.5.1. Live showcase: 2D Image → 3D Reconstruction (TripoAI/Hyper3D) → Reference GLB + Specs → Rig & Animation Setup → Animation Loops → Physics VFX → Playable Three.js Scene ( 100% pure typescript ) 🔥 Under the hood: • ~97.5K triangle 3D reconstruction • 41-bone character rig • 19 combat animation clips • Jab, Hook, Body Shot, Footwork, Victory, Defeat & more • Physics-based sweat particles with gravity • Impact shock-ring VFX • Fully interactive 360° orbit + zoom And the important part: 1. The final result is generated as pure Three.js + TypeScript code. 2. No traditional 3D authoring workflow. 3. No Blender setup. 4. Just code that can be inspected, modified, and dropped directly into a WebGL experience. This is where I want img2threejs to go: Image → 3D → Animation → Interactive Web Experience. And this is only v1.5.1. 🚀 #ThreeJS #GameDev #TypeScript #Web3D #img2threejs

Nick

48,637 views • 1 month ago

🩰 #Live3D #Live2D #FeetTracking 🩰 I’m really happy that this modeling commission also gave me the opportunity to create and experiment with a FeetTracking model using Live3D technology. This technique doesn’t require complex image separation, using only front-view leg, sole, and toenail image assets to achieve pseudo-3D movement and flexible toe gripping. Let’s take a look at what this FeetTracking model can actually do in VTube Studio✨✨

🩰 #Live3D #Live2D #FeetTracking 🩰 I’m really happy that this modeling commission also gave me the opportunity to create and experiment with a FeetTracking model using Live3D technology. This technique doesn’t require complex image separation, using only front-view leg, sole, and toenail image assets to achieve pseudo-3D movement and flexible toe gripping. Let’s take a look at what this FeetTracking model can actually do in VTube Studio✨✨

📐Hephaestus📏Live2D匠人魂

362,525 views • 1 month ago

This is what one full weekly Opus 5.5 limit looks like when you give it Blender MCP + Unity 6 Every 3D model and animation in this game was created with Opus 5.5 through Blender MCP, then brought into Unity 6 to build the playable world. The result is a colorful 3D environment filled with: > boats and docks > animated characters > underwater scenery > custom 3D assets > a complete explorable environment One weekly Opus limit turned into essentially an entire game's worth of 3D assets and animations. A playable demo is coming soon.

This is what one full weekly Opus 5.5 limit looks like when you give it Blender MCP + Unity 6 Every 3D model and animation in this game was created with Opus 5.5 through Blender MCP, then brought into Unity 6 to build the playable world. The result is a colorful 3D environment filled with: > boats and docks > animated characters > underwater scenery > custom 3D assets > a complete explorable environment One weekly Opus limit turned into essentially an entire game's worth of 3D assets and animations. A playable demo is coming soon.

Hakimi Eiqbal

26,755 views • 9 days ago

Combining 2D and 3D in After Effects. In Foldspace, not every surface needs to be bent. Keep one flat for 2D artwork, and let the others exist in 3D space. This allows you to combine 2D and 3D objects in a single animation with no masks or tricks needed.

Combining 2D and 3D in After Effects. In Foldspace, not every surface needs to be bent. Keep one flat for 2D artwork, and let the others exist in 3D space. This allows you to combine 2D and 3D objects in a single animation with no masks or tricks needed.

Motion Princess

22,007 views • 6 months ago

While you debate if you should switch to native, I've implemented iOS Gallery zoom interaction, using React Native and Expo, and feels incredibly smooth. Recreating this was living in my head over 4 years without paying, now I think it's a good time to show what’s possible. It’s funny that we still have this React Native vs. native discussion from the early times of it. React Native doesn’t stop you from building a performant app, and going fully native doesn’t automatically give you performant apps either. You can build performant, delightful things with React Native.

While you debate if you should switch to native, I've implemented iOS Gallery zoom interaction, using React Native and Expo, and feels incredibly smooth. Recreating this was living in my head over 4 years without paying, now I think it's a good time to show what’s possible. It’s funny that we still have this React Native vs. native discussion from the early times of it. React Native doesn’t stop you from building a performant app, and going fully native doesn’t automatically give you performant apps either. You can build performant, delightful things with React Native.

Enes

26,015 views • 1 month ago

Interactive 3D UIs just got a major upgrade. 🌐 With HTML-in-Canvas, you can interact with text, sliders, and DevTools directly inside a texture with seamless, real-time updates. 🔗 Experience the full session here:

Interactive 3D UIs just got a major upgrade. 🌐 With HTML-in-Canvas, you can interact with text, sliders, and DevTools directly inside a texture with seamless, real-time updates. 🔗 Experience the full session here:

Google for Developers

14,789 views • 3 months ago