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.

Stickers pack with #react + #r3f, it's a wrap! Thanks ☄︎ for this lib

Baptiste Adrien

2,317 subscribers

92,069 views • 2 years ago •via X (Twitter)

Arts Education Science & Technology #react #r3f

Anya Rossi• Live Now

Private livecam show

10 Comments

Baptiste Adrien2 years ago

Demo:

jhey ▲🐻🎈2 years ago

This looks awesome 👏 Love working with Three.js 🫶 I really need to sit down and start playing with 3D modeling and shaders Did the thing by the way! fVhBjJ1R 🚢

Baptiste Adrien2 years ago

Bonus: IRL stickers

Maxime2 years ago

@shinework @0xca0a Are you using Drei's Decal for the stickers? 👀

Baptiste Adrien2 years ago

@0xca0a Nope, it’s just a plane geometry with double side texture!

Baptiste Adrien2 years ago

Breakdown of the sticker part:

José Carneiro2 years ago

@shinework @0xca0a The iridescence in @N8Programs's MeshTransmissionMaterial gets me every time 😍 Jj3NmwYv

Leo Galante2 years ago

@shinework @0xca0a wen @uguareschi

aldous2 years ago

@shinework @0xca0a That's super nice, I'm excited to experiment more with three fiber!!

Stanley Zhao2 years ago

@shinework @0xca0a wish threejs looked this easy when I use it LOL

Related Videos

Got my hands on the new SoftShadow that N8 Programs and ☄︎ are working on for R3F Feels so sooooft👼 #threejs #webGL #r3f

Got my hands on the new SoftShadow that N8 Programs and ☄︎ are working on for R3F Feels so sooooft👼 #threejs #webGL #r3f

Bruno Simon

40,595 views • 3 years ago

Having fun with InstantMesh model on Replicate and Poimandres react-three-rapier / Three.js 🪄 #react #r3f #threejs

Having fun with InstantMesh model on Replicate and Poimandres react-three-rapier / Three.js 🪄 #react #r3f #threejs

Baptiste Adrien

110,086 views • 2 years ago

That's a wrap on '23 🔥 Thanks for ridin' with us this year 🫡

That's a wrap on '23 🔥 Thanks for ridin' with us this year 🫡

PrizePicks

142,602 views • 2 years ago

Here's what it looks like to block out a scene with Triplex — the React Three Fiber editor. Sound on 🔊 #threejs #react #r3f

Here's what it looks like to block out a scene with Triplex — the React Three Fiber editor. Sound on 🔊 #threejs #react #r3f

mike douges

56,770 views • 3 years ago

Another year in wrap. It's almost habitual for me at this stage. Thanks for following along my journey to learn and experiment with #SwiftUI

Another year in wrap. It's almost habitual for me at this stage. Thanks for following along my journey to learn and experiment with #SwiftUI

Minsang Choi

34,573 views • 5 months ago

Using the incredible creative and expressive power of Poimandres r3f + drei for this newsletter landing about AI + Design. With a parametric spring mesh on Three.js, later ported to React. Stay tuned!

Using the incredible creative and expressive power of Poimandres r3f + drei for this newsletter landing about AI + Design. With a parametric spring mesh on Three.js, later ported to React. Stay tuned!

Davo

32,059 views • 3 years ago

That’s a wrap 🤝 Thanks for the love, Peru 🫶

That’s a wrap 🤝 Thanks for the love, Peru 🫶

Inter Miami CF

89,024 views • 1 year ago

I'm back to working on my water simulator for interactive experiences using #threejs + #r3f. This time, I'm experimenting with #WebGPU and #TSL for better performance. I'm loving it more and more by the minute. The link and potentially a tutorial will be available soon. But if you want to play with the current version, it's available here: #creativecoding #r3f

I'm back to working on my water simulator for interactive experiences using #threejs + #r3f. This time, I'm experimenting with #WebGPU and #TSL for better performance. I'm loving it more and more by the minute. The link and potentially a tutorial will be available soon. But if you want to play with the current version, it's available here: #creativecoding #r3f

Anderson Mancini

12,472 views • 1 year ago

✨ Introducing Triplex — the React Three Fiber editor, now in public alpha! Here's a video fleshing out a scene, sound on! 🔊 🧵👇 Continue into the thread below for more information and what's coming next for Triplex. #threejs #react #webgamedev #r3f #gamedev #3dartwork

✨ Introducing Triplex — the React Three Fiber editor, now in public alpha! Here's a video fleshing out a scene, sound on! 🔊 🧵👇 Continue into the thread below for more information and what's coming next for Triplex. #threejs #react #webgamedev #r3f #gamedev #3dartwork

mike douges

219,510 views • 3 years ago

Get your new Panini 89 sticker album, and a free pack of stickers, only with the Daily Mirror. #Panini

Get your new Panini 89 sticker album, and a free pack of stickers, only with the Daily Mirror. #Panini

TV Football 1968-92

25,227 views • 5 months ago

Introducing Range Rover Sport with Stealth Pack. A dark and dramatic theme with black brake calipers, extended black pack and a satin protective wrap. Range Rover Sport. Dynamic by design. #RangeRoverSport See comments for small print.

Introducing Range Rover Sport with Stealth Pack. A dark and dramatic theme with black brake calipers, extended black pack and a satin protective wrap. Range Rover Sport. Dynamic by design. #RangeRoverSport See comments for small print.

Range Rover

46,730 views • 2 years ago

Introducing react-three/timeline → Write composable declarative 3D behaviors like a story The following video is 100% made with #r3f and Three.js. Don't believe me? Try the demo below!

Introducing react-three/timeline → Write composable declarative 3D behaviors like a story The following video is 100% made with #r3f and Three.js. Don't believe me? Try the demo below!

Bela Bohlender

68,192 views • 9 months ago

That's a wrap on #BroncosCamp! Thanks for bringing the energy, #BroncosCountry! 🤩

That's a wrap on #BroncosCamp! Thanks for bringing the energy, #BroncosCountry! 🤩

Denver Broncos

27,394 views • 9 months ago

Let’s kick off the year with my latest project with @bonhommeparis 👉 Discover the 10 key values that fuel Bonhomme since 2013 A collaboration with LRT, remy and Kévin Chapron Using Three.js React and #R3F

Let’s kick off the year with my latest project with @bonhommeparis 👉 Discover the 10 key values that fuel Bonhomme since 2013 A collaboration with LRT, remy and Kévin Chapron Using Three.js React and #R3F

Bruno Simon

28,004 views • 2 years ago

It's a wrap for #Max at mahabalipuram. It's been a long 10 months journey, and I have enjoyed every bit of it. Had an awesome team and lovely actors on set. Thanks, #DhanuSir, for hosting me well. Thanks, #vijay and the entire team, for just about everything.🤗♥️

It's a wrap for #Max at mahabalipuram. It's been a long 10 months journey, and I have enjoyed every bit of it. Had an awesome team and lovely actors on set. Thanks, #DhanuSir, for hosting me well. Thanks, #vijay and the entire team, for just about everything.🤗♥️

Kichcha Sudeepa

210,817 views • 2 years ago

What a week! Well, that’s a wrap on this year’s Yearboox. Whoo hoo! Thanks for making 2022 the most epic year yet.

What a week! Well, that’s a wrap on this year’s Yearboox. Whoo hoo! Thanks for making 2022 the most epic year yet.

Roblox

561,205 views • 3 years ago

CRASH OUT WRAP OF 2025🔥 Thanks for a great year boys💅🏻

CRASH OUT WRAP OF 2025🔥 Thanks for a great year boys💅🏻

Zee Cohen-Sanchez

11,423 views • 5 months ago