I have created the 3d room want to change wall and texture change when clicking

[rehman97]

hello i have created the 3d room have also paste the color button and i have find some script from site which will change the color of wall or sofa etc i am sharing that project link here SVOYA Apartment - PLAYCANVAS

and the site documention i found from here

Adding interactivity to SVOYA interior (Playcanvas/WebGL). Part 2

here is my project link

Home3d3

i dont get how can i change the mateiral what wrong i am doing plz help?

[Leonidas]

Hi @rehman97,

To change the material I’ve provided some high level instructions on this post:

How to make click to change wall colors or texture using drag and drop material

Hi @rehman97, So to do that you will need to implement a number of things: Keep your model geometry as separate modular pieces. This way you can easily select/update part of your model (e.g. a wall or floor). Implement an entity picking system, there are several examples here: Tutorials | Learn PlayCanvas As soon as you have your picked entity available in code, you can get access to the render component material and update or replace it. This examples demonstrates that: https://dev…

If you have implemented everything and you’re only missing the last step, here is some code to change the material on a render component (on a model):

// find the new material in the assets registry
const materialAsset = this.assets.find('My Material Name', 'material');

// change the material in this entity e.g. on the first mesh instance
this.entity.render.meshInstances[0].material = materialAsset.resource;