BatchedMesh Color Behavior Issue

I've examined your issue with BatchedMesh color handling. While the provided context doesn't specifically address BatchedMesh color manipulation, I can offer some insights based on the Three.js material system.

Understanding the Issue

From your description and fiddle, it appears that:

1. Your BatchedMesh starts with a green color
2. When changing to red, the color doesn't appear as expected
3. When reverting back, the color doesn't match the original state

This suggests there might be issues with how BatchedMesh handles color property changes compared to regular meshes.

Potential Solutions

1. Use Color Objects Properly

When setting colors, ensure you're using the Three.js Color object correctly:

JAVASCRIPTCopied
// Instead of directly assigning hex values
mesh.material.color = new THREE.Color(0xff0000); // Red

// Or use the set method
mesh.material.color.set(0xff0000);

2. Material Cloning

For individual instance materials, you might need to clone the material:

JAVASCRIPTCopied
// Create a new material for the specific instance
const newMaterial = originalMaterial.clone();
newMaterial.color.set(0xff0000);
// Apply to specific instance (if supported by BatchedMesh)

3. Check for Custom Blending

The color issues might be related to blending settings. As seen in one example:

JAVASCRIPTCopied
material.blending = THREE.CustomBlending;
material.blendEquation = THREE.AddEquation;
material.blendSrc = THREE.SrcAlphaFactor;
material.blendDst = THREE.OneMinusSrcAlphaFactor;

Verify if your BatchedMesh is using custom blending that might affect color appearance.

4. Material Updates

Ensure you're calling appropriate update methods after changing material properties:

JAVASCRIPTCopied
material.needsUpdate = true;

BatchedMesh Limitations

BatchedMesh is optimized for performance and may have limitations regarding per-instance material properties. You might need to explore alternative approaches like:

1. Using instance attributes for color variations
2. Implementing a custom shader solution
3. Using a different mesh grouping strategy that allows individual material control

I recommend checking the latest Three.js documentation specifically for BatchedMesh, as its implementation details might have changed in recent versions.