Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

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.

MotionLonelines's profile picture

Angga Motion

2,062 subscribers

37,871 Aufrufe • vor 22 Tagen •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

11 Kommentare

Profilbild von Guido Rosso
Guido Rossovor 21 Tagen

@rive_app Looks great!

Profilbild von Wataru Ikeda
Wataru Ikedavor 22 Tagen

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

Profilbild von Angga Motion
Angga Motionvor 22 Tagen

@rive_app full in the editor

Profilbild von Vincent
Vincentvor 22 Tagen

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

Profilbild von Eduxdux
Eduxduxvor 22 Tagen

@rive_app Super cool and smooth!

Profilbild von Raddles
Raddlesvor 21 Tagen

@rive_app goat

Profilbild von Cupsey
Cupseyvor 21 Tagen

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

Profilbild von Meltohamy 𓂆
Meltohamy 𓂆vor 22 Tagen

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

Profilbild von Levi·D·Ackerman
Levi·D·Ackermanvor 21 Tagen

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

Profilbild von Nines
Ninesvor 21 Tagen

@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.

Profilbild von Aden
Adenvor 21 Tagen

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

Ähnliche 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.
0:30

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 Aufrufe • vor 4 Monaten

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!
3:26

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 Aufrufe • vor 3 Monaten

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.
0:36

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 Aufrufe • vor 4 Monaten

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.
0:51

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 Aufrufe • vor 11 Tagen

🚀 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!
0:31

🚀 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 Aufrufe • vor 3 Monaten

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
0:43

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 Aufrufe • vor 9 Monaten

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
0:49

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 Aufrufe • vor 11 Monaten

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
0:33

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 Aufrufe • vor 1 Monat

🥪 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 👉
0:29

🥪 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 Aufrufe • vor 2 Jahren

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
0:24

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 Aufrufe • vor 1 Monat

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
1:08

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 Aufrufe • vor 1 Monat

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
1:06

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 Aufrufe • vor 1 Monat

🩰 #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✨✨
0:59

🩰 #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 Aufrufe • vor 1 Monat

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.
0:52

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 Aufrufe • vor 10 Tagen

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.
0:34

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 Aufrufe • vor 6 Monaten

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.
0:41

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 Aufrufe • vor 1 Monat

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:
0:33

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 Aufrufe • vor 3 Monaten