Removing cloned geometry

@mugga, the easiest way to manage clones is to maintain their names on a list. You can then write a function to delete all or some of the clones.

There is a problem with your puzzles. You are cloning an object, but you are not recording the cloned object’s name anywhere. Without the clone’s name, you will struggle to delete it.

The clone object puzzle is a function that returns the name of the new cloned object. I suggest that you assign the result of the “clone object” puzzle to a local variable, add that variable to a list for later use, and then set the cloned objects position.

You can use a custom JS function to easily delete the clones. See:

How do I remove objects from scene

@mugga, the code is simple, so I just wrote the function. The setObjectColor function expects RGB values as ints between 0-255. If you have some other color format, the code is easy to adapt. This code goes in the ExternalInterface section of your main JS file.

	//Create a material and assign it to an object
	app.ExternalInterface.setObjectColor = function (object, red, green, blue) {
		var colorHex = "#";
		colorHex += toHex(red);
		colorHex += toHex(green);
		colorHex += toHex(blue);
		var material = new v3d.MeshLambertMaterial({ color: colorHex });
		app.scene.getObjectByName(object).material = material;
	}
	 
	function toHex(rgb){
		var hexStr = Number(rgb).toString(16);
			if (hexStr.length < 2) {
			hexStr = "0" + hexStr;
		}
		return hexStr;
	}

@mugga, yes, this makes sense. I think that you will have to use the MeshNodeMaterial if you are only using HDRIs for lighting. Materials exported from Blender or 3ds use MeshNodeMaterial. This material is complex and challenging to create from scratch in JS code, but I do have an easy solution to this issue. Write some JS code to clone the material, change the RGB values of the base color, and then apply the newly cloned material to the newly created cloned object. This technique is simpler to implement than it sounds. I do not know how you set up your material nodes in Blender, but I will make two assumptions. First, the object from which you create the clones uses a Principled BSDF shader. Second, an RGB value node called “RGB” sets the base color in the Principled BSDF shader. I have included a screenshot of this node set up.

Now, we need to rewrite the custom setObjectColor() function. Here is the new code:

	//Create a material and assign it to an object
	app.ExternalInterface.setObjectColor = function (object, red, green, blue) {
		var newMat = app.scene.getObjectByName(object).material.clone();
		var rgbIndex = newMat.nodeRGBMap['RGB']; // 'RGB' is the name of an RGB node
		newMat.nodeRGB[rgbIndex] = new v3d.Vector4(red/255, green/255, blue/255, 1); // new color in RGBA format
		app.scene.getObjectByName(object).material = newMat;
	}

This code is partialy based on the example in the documentation:
https://www.soft8soft.com/docs/api/en/materials/MeshNodeMaterial.html
I have attached an updated project (dummy.zip) that has the new JS code and is only illuminated with an HDRI environment.
Please give this a try and let us all know if it works for you.

thanks for the clear explanation Jem!