React Three Fiber Tutorial: How to Apply Images to 3D Objects

[@genshian]

Sensei with the best tuts online again 🫡 project based, application based, critical thinking, practical, experiential, high level etc. Perfect as always.

[@WawaSensei]

🥰 That's a real pleasure to read! Thank you so much

[@codingwithjuan8815]

I've been waiting for this for such a long time. You are the best. Fr

[@WawaSensei]

😍

[@SheriffKoder9]

Thanks a lot buddy, this video is exactly what i needed ! it solved a a lot of questions i had

[@WawaSensei]

My pleasure! 🙏

[@julianvelez6563]

Awesome work bro you are the Best bro ❤❤

[@WawaSensei]

You are the best my friend 😍

[@codeaz5673]

Hello, Sir. Thanks for this video. could you please help me with my problem ? I want to curve texts around sphere with three js but i don;t know how is it possible to you making a video about this ?

[@321123580]

Wow I love it

[@WawaSensei]

Happy to read it 🥰

[@zachez9815]

Appreciate the video! The drei repo has the polyonOffset placement wrong. Thanks for showing me that it has to me on the material!

[@WawaSensei]

Thank youuu!!! Oh you're right to mention it, I'll do a pull request to update it 🙏

[@tomsvacietis]

Amazing tutorials! Keep up the great work Can you give me some more tips to achieve CanvasTexture solution? Much thanks.

[@WawaSensei]

Thank youuu! Sure, do you have precise points blocking you? If you need help you can ask questions or the Discord! Otherwise I add on my list of ideas to create a dedicated video 🙌

[@dolphinsoft_Youtube]

Excuse me,I have problem with decal in circle meshes I mean for example for sleeves on t-shirt image will be stretched How can I solve that?

[@JoyDesign3D]

can i have a input button on the surface to apply a costum image or logo on the model?

[@WawaSensei]

Sure you can do it and use it as the texture to the decal 🙌

[@khanjee9350]

Imagine a bag with an outer mesh whose z-position needs to be dynamically calculated based on changes to both its x and y positions, as well as alterations in scale. How can we determine the z-axis value in such a scenario?

[@sikfreeze]

I got blurry image when importing the texture, how can I get a sharp image...I'm using svg though

[@WawaSensei]

Hey, unfortunately the solution is to convert it into a png (or jpg). The material doesn't know how to render/scale your SVG properly as it's well supported by the browser but not by the texture/shader responsible of it.

[@sikfreeze]

Thank you@@WawaSensei

[@caesarsage]

Thanks for this 🎉. My texture image became blurry when using it on the 3d gltfxjsx model (i used a shirt instead of mug)

[@WawaSensei]

Welcome! What's the format of your image? Don't hesitate to join the Discord to get help: lessons.wawasensei.dev/discord

[@Reklamist_bykvodel]

amasing!

[@WawaSensei]

🙌

[@realadnoh]

nice video. How would you manage "Layers" if you put 2 decals on top of each other to control which one is rendered on top? Thank you for your videos - best Web3d content I've found on the web so far!

[@WawaSensei]

Hey thank you very much, with the polygon offset and polygon offset factor you can easily define which one is on top of the other

[@tonyibra]

how can i make this dynamic ? map through meshes instead of adding them static

[@WawaSensei]

Hum not sure to understand what you're trying to achieve?

[@Cric.comfortzone]

great instead of img how text will apply

[@inteligenciafutura]

super

[@WawaSensei]

🦸

[@EngraversNearMe]

and why cant you just add an image into blender and do it that way???

[@WawaSensei]

To build a website around in which you let the user choose their logo and position to order their customized product 🤌

[@pseudocodergenie]

Rishi Sunak doing the coding ?? wow

[@WawaSensei]

Wait do you mean I look like him? 🤭

[@WawaSensei]

Wait do you mean I look like him? 🤭

[@pseudocodergenie]

@@WawaSensei no comment (may be) great tutorial by the way 🎉🎉

[@tejassethi9319]

How to Apply 3D Objects to Images

[@WawaSensei]

🤣 you made my day! If you really expect an answer I'd say MidJourney and Dall-e can help 🤭

[@lewyathan]

that was not canvastexture. it was decal. those are two different things