Hi, we are trying to upload image texture and apply to the mesh, am trying to add UI control to upload image. i checked this link its working out. I tried this approach but no luck Babylon.js Playground Babylon.js playground is a live editor for Babylon.js WebGL 3D scenes …

You can do it like this: Babylon.js Playground Babylon.js playground is a live editor for Babylon.js WebGL 3D scenes

You were trying to change the texture of the material of the mesh named “Wolf3D_Outfit_Top.005”. This mesh doesn’t exist in your model. Also, there is no sense in assigning any material to the root mesh newMeshes[0]. Here is the example with changing texture - https://playground.babylonjs.com/#JH…

@labris am looking for UI control Button to upload image from the sys, then append the image to the mesh.

Here you are - https://playground.babylonjs.com/#JHRF6T#453

@labris am looking this kind of feature to upload image with dialog box for selecting the image [image]

What is preventing you from using usual HTML in this case? All the mechanics is already in PG, one needs just to add file input, the same way like it is done in Sandbox.

I suppose you are looking for an example, are you? I found this one (below) from a recent post. You would just need to add all actions TbD after file load to assign it to your texture/material. Hope this helps, Babylon.js Playground Babylon.js playground is a live editor for Babylon.j…

Thanks @mawa almost there… using theFile object trying to get the file path so that i can pass to shirtTexture object const shirtTexture = new BABYLON.Texture(“ https://fashion-desings.s3.ap-south-1.amazonaws.com/common/casuals/tshirts/userchoice/blue_color.PNG ”, scene); to get file path tried usi…

Hi, Hope you are well. I’m really not a specialist of this. I guess there must be other methods. I also rushed this PG, It might require some ‘cleaning’ especially for the refreshing of the DOM container/input which seems a bit buggy. I’m sorry, I don’t have too much time this morning but this par…

Thanks @mawa its done fine tuned slightly… Babylon.js Playground Babylon.js playground is a live editor for Babylon.js WebGL 3D scenes

@Mawa one small help… With our existing logic we are using two buttons like ‘choose file’ and ‘upload’ to upload images. Now we want to use single button(green color) to upload images, Now i changed the logic accordingly. Seems unless there is event handler we cannot upload image… Any workaround …

UI button to upload image using external plugins

Questions

Evgeni_Popov August 21, 2023, 4:54pm 13

You can do it like this:

Save properties to JSON, download - Import from JSON and apply settings Playground (using BJS GUI)

Topic		Replies	Views
Capturing/Uploading an image using the GUI Questions	1	427	January 22, 2021
Change glb texture by uploading image Questions material	6	761	November 18, 2021
How can I change a mesh image or video texture with mouse click? Questions mesh	9	891	February 24, 2022
Button to Upload Image to Scene Model Questions gui	2	550	April 15, 2021
Moving an image after applying it on the mesh Questions gui , playground , texture	2	324	June 13, 2023

UI button to upload image using external plugins

Related topics