Three.js开发指南(4):使用Three.js的材质

      材质结合几何体可以构成网格。材质就像是物体的皮肤,决定几何体外表的样子。可以决定一个几何体看起来是否像金属、透明与否,以及是否显示成线框。



4.1 理解共有属性

    材质基类,THREE.Material。

共有属性分成了三类:

    基础属性:可以控制物体的透明度、是否可见或如何引用物体。

    融合属性:决定物体如何与背景融合

    高级属性:可以控制底层WebGL上下渲染物体的方法

4.2 从简单的网格材质(基础、深度和面)开始

    简单表面的MeshBasicMaterial

    基于深度着色的MeshDepthMaterial

    联合材质

    计算法向颜色的MeshNormalMaterial

    为每个面指定材质的MeshFaceMaterial

4.3 学习高级材质

     用于暗淡、不光亮表面的MeshLambertMaterial:

     用于光亮表面的MeshPhongMaterial:

     用ShaderMaterial创建自己的着色器:着色器不是用JavaScript编写的。只能用类似C的GLSL语言来写着色器。

4.4 线段几何体的材质

     LineBasicMaterial:通过线段基础材质可以设置线段的颜色、宽度、端点和连接点属性。

     LineDashedMaterial:跟LineBasicMaterial的属性一样,但是通过指定短划线和空格的长度,可以创建出虚线效果。


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值