分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 前端开发

three.js入门系列之材质

发布时间:2023-09-06 02:26责任编辑:彭小芳关键词:js

一、基础网孔材料

MeshBasicMaterial

图示(光源是(0,1,0)处的点光源):

二、深度网孔材料

MeshDepthMaterial

(由于只是改了材料名,代码将不重复贴出)

在这里,有必要提一下远景相机的属性了:

大概就是这么个意思,下面,我们把上述两个参数改为3,4看一下效果:

为什么要提一下相机的参数呢,因为该种材料的物体,离相机越近就越显示白色,越远的话则显示黑色,所以初始化的时候,相机看得非常远(0.03,400)所以看到的全是黑色的正方体边框,接下来,我们调整一下相机的视椎体近面(near)和远面(far)两个属性值为(2,20):

三、联合材质

顾名思义,就是一个物体包含了多种材质的特性:

拓展类的添加后续将会贴出方法,请看效果先:

很显然,上述联合材质继承了之前提到的两种材质所拥有的特性。

???四、法向量网孔材料

???MeshNormalMaterial

???效果如下:

???

???五、兰伯特网孔材料

???MeshLambertMaterial(用于暗淡、不光亮表面)

???

???六、待续

???

???

???

three.js入门系列之材质

原文地址:https://www.cnblogs.com/eco-just/p/10129209.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved