文章介绍了在three.js中设置颜色的方法，包括使用0x00ff00和#00ff00这两种十六进制颜色表示，以及RGBA的色彩值。0x00ff00是在webgl和three.js中常见的颜色表示形式，它与CSS中的#00ff00相同，只是前缀不同。读者可以通过工具将RGBA或#00ff00转换来适应three.js的需求。
最近在学three.js，关于颜色的设置，比较困扰，索性学习了下。
首先我们来看两种设置颜色的方法：
- webgl、three.js中给物体设置一个颜色，使用
color: 0x00ff00 - css中设置一个颜色，可以使用
color: #00ff00或rgba(0, 255, 0, 1)
以上三种方法有什么区别呢？
rgba(0, 255, 0, 1)很好理解，就是一个RGB的色彩值；#00ff00：css中经常使用，比较常见，是颜色的十六进制表示法，可以在浏览器调试工具等多个工具中，将rgba(0, 255, 0, 1)转换为这种表示法；- 比较难懂的
0x00ff00，它也是颜色的十六进制表示法，与#00ff00的却别就是：把#00ff00前面的#，换成0x（这里是重点哦，重点！！！）。
所以，看懂了吗？遇到0x00ff00这种颜色的表示再不用纠结了，通过工具，获取到想要的颜色的#00ff00表示，再把#换成0x，在webgl、three.js中使用就可以了。
最后，关于色彩值的转换工具：
- 浏览器调试工具
- 菜鸟教程的工具RGB转16进制
有这两个就够了。大家学习愉快！
扫一扫
8193
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
