在 react-three-fiber / react-spring 过渡期间颜色闪烁黑色答案

【问题标题】：Colors flash black during a transition in react-three-fiber / react-spring在 react-three-fiber / react-spring 过渡期间颜色闪烁黑色
【发布时间】：2021-11-16 04:01:59
【问题描述】：

我的 react-three-fiber 场景中的几何图形在颜色转换期间通常会短暂闪烁黑色（由 react-spring 管理） - 当这种情况发生时，我会在控制台中注意到如下错误：

THREE.Color: Unknown color rgba(-1, 119, 189, 1)

如何避免在过渡期间出现这些负颜色值？我正在像这样设置我的颜色数组：

const colors = ['hsl(202, 88%, 38%)', 'hsl(39,96%,43%)', 'hsl(28,87%,61%)', 'hsl(22,87%,60%)', 'hsl(45,96%,48%)', 'hsl(62,93%,66%)', 'hsl(60,14%,93%)'];

谢谢！

【问题讨论】：

标签： react-spring react-three-fiber

【解决方案1】：

这是由于值重叠，弹簧往往过冲，三个似乎显示黑色，而不是仅仅忽略超过 256 且小于 0 的值。您可以专门钳制颜色值。见：https://react-spring.io/common/configs

【讨论】：