The current GizmoViewcube color is multiplied with the color of the texture created. So, when I change the color of the Gizmo Faces the hover color darkens on top of that, but the stroke color remains correct in terms of the Hover Color specified.
Relevant code:
Current State (This multiplies the color provided in the material:
context.fillStyle = color
<meshBasicMaterial color={hover ? hoverColor : 'white'}
Suggested solution:
This would create the texture with a white background, and the color would be then multiplied on top of the white.
context.fillStyle = 'white'
<meshBasicMaterial color={hover ? hoverColor : color}
Known issues:
The text color would still mess up if not set to black. But it was messing up before as well so one step forward.
One solution to this would be to implement the HTML code to input the Text on top of the Box and occlude it.
three
version: 0.163.0@react-three/fiber
version: 8.16.2@react-three/drei
version: 9.105.4node
version: 20.12.2npm
(oryarn
) version: 10.5.0Problem description:
The current GizmoViewcube color is multiplied with the color of the texture created. So, when I change the color of the Gizmo Faces the hover color darkens on top of that, but the stroke color remains correct in terms of the Hover Color specified.
Relevant code:
Current State (This multiplies the color provided in the material: context.fillStyle = color <meshBasicMaterial color={hover ? hoverColor : 'white'}
Suggested solution:
This would create the texture with a white background, and the color would be then multiplied on top of the white. context.fillStyle = 'white' <meshBasicMaterial color={hover ? hoverColor : color}
Known issues:
One solution to this would be to implement the HTML code to input the Text on top of the Box and occlude it.