Editing diamond color

🌵 Needle Engine
1

I have attached Diamond script on an object. I wish to edit the color of this diamond. I tried changing color from the material but it doesnt work. Is it possible to edit the color while this script is attached?

2

To change the color of a diamond with the Diamond script attached, you might need to look at the specifics of how the script handles color changes. If the standard method of changing the material color is not working, the script may be overriding the color settings or handling them differently.

Here are some steps you might take:

  1. Examine the Diamond Script: Check if there are methods or properties in the Diamond script to set colors explicitly. It might have specific functions to handle color changes.

  2. Custom Function or Property: Look for any custom functions or properties in the script like setColor(newColor) or color. These might need to be used instead of directly altering the material.

  3. Modify the Script: If the script lacks a function to change the color, you may need to modify the script to include this functionality. Typically, this could involve adding a method that updates the object’s material color using the desired logic.

Here is a basic approach in pseudocode:

class Diamond {
    constructor() {
        this.material = new Material(); // Assume material is already defined
    }

    setColor(newColor) {
        this.material.color.set(newColor); // Three.js color setting
    }
}

  1. Check for Overrides: Ensure that no other script or part of the program is overriding the color settings when the program runs. This might be happening during initialization or through ongoing logic in the game loop.

  2. Debugging: You might need to debug or log certain methods to understand how the color is being set. Adding logs before and after color is supposed to be set can show if the color changes are occurring but being reset by another part of the software pipeline.

If the script you are using is a third-party or you don’t want to modify it, check its documentation for any instructions on color changes. If modifying it, ensure to maintain a backup to avoid loss of functionality.

If you still encounter issues or have specific aspects of the script you need help with, feel free to share those details!

24 replies left
thread_ngSrAKcuViG8A3bYThiAesag
Reply to this message to continue the conversation

3

Hi, the Diamond samples script uses a custom shader to create the diamond look (with pathtracing and so on). If you want to modify the shader I recommend duplicating the sample script and adjusting it as needed.

4

Can you direct me where to look for this edit in the script? Is it straight forward or do i have to create a new shader for this?

5

The settings for the color are already exposed, if you make a copy of the script you can edit the color on line 117:

image
image1180×272 34.3 KB

image
image1920×965 59.3 KB

1 Like
6

I’ll check if it makes sense to use the main color from the already assigned material for the next samples release as well, then this is easier – looks cool :slight_smile: Thanks!

7

thanks a lot! this works for now. I’ll be waiting for next sample release :slight_smile:

1 Like
8

Samples aren’t released yet, but the updated script is here:

9

Wow! this was super helpful. Thanks a lot

10

Hey @Felix_Herbst,
The script works but only once when its loaded. If I try to change the material color for example (on button click), i dont see the color changing.

11

The color object is passed in as a uniform. Make sure to mark the material as needing an update. This is the same for all materials, not just for the diamond material.
e.g.

material.color.set(1,0,0);
material.needsUpdate = true;
12

This is how im trying to do. but needsUpdate still doesn’t work.

 changeStoneColor(variantStoneMaterial?: Material): void {

        const stoneRenderer = this.stone?.getComponent(Renderer);
        if (!stoneRenderer) return;

        if (variantStoneMaterial) {
            stoneRenderer.sharedMaterial = variantStoneMaterial;
            stoneRenderer.sharedMaterial.needsUpdate = true;
        }
    }
13

Hello @saad_baig

I think what you need to do here is to update the color property. You’re trying to replace the whole material it seems but that won’t work. The diamon script Felix shared above does create a custom shader (material) for rendering the diamon effect - by changing the material you’re effectively reverting this again.

You need to update the material’s color uniform (three.js docs)

Change the color like this for example:

const stoneRenderer = this.stone?.getComponent(Renderer);
if (!stoneRenderer) return;

if ("color" in variantStoneMaterial) {
   
  stoneRenderer.sharedMaterial.uniforms.color.value.copy((variantStoneMaterial as MeshBasicMaterial).color);
  // maybe needed:
  // stoneRenderer.sharedMaterial.needsUpdate = true;
  // stoneRenderer.sharedMaterial.uniformsNeedUpdate = true;
}
14

thanks @marwie1 . I’ll try out this approach.

15

This topic was automatically closed 13 days after the last reply. New replies are no longer allowed.