18 - three.js 笔记 - THREE.Color 对象

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 color1color2颜色值的和,并返回
.equals ( color : Color ) : Boolean 比较颜色值是否一样,一样返回true
.getHex () : Integer 活的颜色的十六进制值
.set ( value : Color_Hex_or_String ) : Color 设置当前颜色为value

猜你喜欢

转载自blog.csdn.net/ithanmang/article/details/80988336