THREE.JS的材质material一些注意的属性
2017-07-19 02:05
417 查看
three.js 是开源的web端的webgl库,已经用这个做了三个项目了,中间发现一些对象的属性设置比较容易出错,特此记录一下。
一. material -基础属性
- opacity和transparent是一起使用的,transparent为true时,opacity才起作用
- overdraw 渲染物体有缝隙时,将其设为true
- side 决定了绘制那个面,还是两个面都进行绘制
- 材质的属性值更新时,需要将needsUpdate为TRUE
二. material -融合属性
- blending 决定了物体的材质如何和背景融合
- blendsrc blenddst 融合公式
三 material -高级属性
depthTest depthWrite :深度缓存,可能会有遮挡关系
alphaTest 0 ~1 如果某个像素小于这个值,则不会显示。
这是一些共有属性,每个材质都有自己独特的属性,后面我都自己会总结下。
一. material -基础属性
- opacity和transparent是一起使用的,transparent为true时,opacity才起作用
- overdraw 渲染物体有缝隙时,将其设为true
- side 决定了绘制那个面,还是两个面都进行绘制
- 材质的属性值更新时,需要将needsUpdate为TRUE
二. material -融合属性
- blending 决定了物体的材质如何和背景融合
- blendsrc blenddst 融合公式
三 material -高级属性
depthTest depthWrite :深度缓存,可能会有遮挡关系
alphaTest 0 ~1 如果某个像素小于这个值,则不会显示。
这是一些共有属性,每个材质都有自己独特的属性,后面我都自己会总结下。
相关文章推荐
- 32 Three.js的材质的种类和共有属性
- three.js 04-09 之 LineBasicMaterial 材质
- three.js 04-06 之 MeshLambertMaterial 材质
- three.js 04-07 之 MeshPhongMaterial 材质
- 37 Three.js高级材质THREE.MeshPhongMaterial
- three.js 04-01 之 MeshBasicMaterial 材质
- 36 Three.js高级材质THREE.MeshLambertMaterial
- 33 Three.js的材质THREE.MeshBasicMaterial
- three.js 04-02 之 MeshDepthMaterial 材质
- 34 Three.js的材质THREE.MeshDepthMaterial
- js中一些操作DOM的属性和方法
- 关于Three.js中camera部分属性测试界面
- AngularJS下一些JS的属性
- JS中正则表达式要注意lastIndex属性
- 写js一些注意
- three.js 源码注释(四十七)Material /LineDashedMaterial.js
- js之语句的一些需要注意的事情
- js的一些坑,持续增加,学习js应该注意的问题
- Android UI的一些常见属性总结注意点
- Vue.js在使用中的一些注意知识点