Three.js - THREE.Color 对象

最新推荐文章于 2024-07-05 19:50:55 发布

「已注销」

最新推荐文章于 2024-07-05 19:50:55 发布

阅读量5.4k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： threejs

本文链接：https://blog.youkuaiyun.com/ithanmang/article/details/80988336

threejs 专栏收录该内容

81 篇文章

订阅专栏

本文详细介绍了Three.js中颜色对象的多种初始化方法及其属性和方法，包括十六进制颜色、RGB字符串、颜色值、HSL字符串等不同表示方式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Color颜色对象，有以下多种初始化方法。

//空的构造函数 -- 默认为白色
var color = new THREE.Color();

//十六进制颜色 （推荐使用）
var color = new THREE.Color( 0xff0000 );

//RGB 字符串
var color = new THREE.Color("rgb(255, 0, 0)");
var color = new THREE.Color("rgb(100%, 0%, 0%)");

//颜色值 - 140 种支持，不是驼峰命名
var color = new THREE.Color( 'skyblue' );

//HSL 字符串
var color = new THREE.Color("hsl(0, 100%, 50%)");

//RGB 值 在 0 到 1 之间
var color = new THREE.Color( 1, 0, 0 );

构造函数

Color( r : Color_Hex_or_String, g : Float, b : Float )

参数

分别是 r、g、b

传递参数方法

    'rgb(250, 0,0)'
    'rgb(100%,0%,0%)'
    'hsl(0, 100%, 50%)'
    '#ff0000'
    '#f00'
    'red'

属性

.isColor

用于检查改对象是否是Color对象

.r

.g

.b

r、g、b的值默认都为1。

方法

方法名	作用
`.add ( color : Color ) : Color`	用颜色添加到当颜色上
`.addColors ( color1 : Color, color2 : Color ) : Color`	取`color1`和`color2`颜色值的和，并返回
`.equals ( color : Color ) : Boolean`	比较颜色值是否一样，一样返回`true`
`.getHex () : Integer`	活的颜色的十六进制值
`.set ( value : Color_Hex_or_String ) : Color`	设置当前颜色为`value`