three.js如何将颜色改为图片

JavaScript010

three.js如何将颜色改为图片,第1张

three.js如何将颜色改为图片

three.js如何将颜色改为图片可以用three.js自带的方法来写

这里不需要指定canvas 。自动生成后设置sence背景就可以了,但是背景可能因为尺寸原因而变形

如果想改变形状可以参考three.js的官网

emissive 的属性值和颜色贴图属性.

map 的属性值相同都是Three.js的颜色对象 THREE.Color 。 

自发光属性.emissive 默认值是黑色 0x000000 。 也就是模型默认是不发光的,如果一个模型是发光的,比如电源上一个电源灯,你可以把电源灯的材质设置为对应的发光颜色。 大家应该都知道,支持光照的Three.js材质颜色是受光照影响的,不过材质的自发光颜色.emissive 是不受光照影响的。

之前使用threejs提供的color方法时,使用颜色传值都是习惯使用16进制(0xffffff)值,一次偶然的机会,设计同事给过来的颜色值是rgb(255,255,255)值,我当时也直接这么复制居然没错,threejs color是支持rgb格式颜色值的,不过我当时赋值后看到颜色和预设的不一样,当时一下蒙了。吓得我赶快去查color方法的api,原来color支持rgb格式的颜色其实是传字符串(也可以不是字符串不过需要换算,具体怎么换上的感兴趣的小伙伴可以自己查一下);下面是我截取color里传出支持的一些格式: