Three.js基础探寻八——法向材质与材质的纹理贴图
4.法向材质 法向材质可以将材质的颜色设置为其法向量的方向，有时候对于调试很有帮助。 法向材质的设定很简单，甚至不用设置任何参数： 材质的颜色与照相机与该物体的角度相关，下面我们只改变照相机位置，观察两个角度的颜色变化： camera.position.set ...
原文：Three.js基础探寻七——Lamber材质与Phong材质
材质 Material 是独立于物体顶点信息之外的与渲染效果相关的属性。通过设置材质可以改变物体的颜色 纹理贴图 光照模式等。 本篇将介绍基本材质以及两种基于光照模型的材质 Lamber与Phong 。 MeshBasicMaterial：对光照无感，给几何体一种简单的颜色或显示线框。 MeshLambertMaterial：这种材质对光照有反应，用于创建暗淡的不发光的物体。 MeshPhong ...
2016-08-04 16:12 1 7221 推荐指数：
相关推荐
three.js 材质
今天郭先生说一说three.js的材质。材质描述了对象objects的外观。它们的定义方式与渲染器无关， 因此，如果您决定使用不同的渲染器，不必重写材质。 1. three.js材质基类 所有其他材质类型都继承了Material。 下面是一些属性： .alphaTest : Float设置 ...
使用Three.js的材质
1.three.js提供哪些材质？ MeshBasicMaterial(网格基础材质)/基础材质，，可以用它富裕几何体一种简单的亚瑟，或者显示几何体的线框 MeshDepthMaterial（网格深度材质）/根据网格到相机的举例，这种材质决定如何给网格染色 ...
Three.js基础探寻一
1.webGL 一种网络标准，定义了一些较底层的图形接口。 2.Three.js 一个3Djs库，webGL开源框架中比较优秀的一个。除了webGL以外，Three.js还提供了基于Canvas、SVG标签的渲染器。 这是一个开源项目。 3.环境 找一个喜欢的jsIDE ...
three.js各种材质的实现源码
three.js常用材质：基本材质、兰伯特材质、冯氏材质、标准材质。 我们可以自己使用着色器实现这些材质，用于批量渲染等用途。 为了简单，假设物体只有一张漫反射贴图，场景中只存在一个环境光和一个平行光。 一、基本材质（MeshBasicMaterial） 基本材质不对光源产生反应 ...
three.js - 添加材质 灯光 阴影
看下运行效果： 源码解释： 和上一个demo的差别： 1. 添加了一个光源 2. 改变材质, 把 MeshBasicMaterial材质 改成 MeshLambertMaterial材质(MeshLambertMaterial和MeshPhoneMaterial材质 ...
three.js入门系列之材质
一、基础网孔材料 MeshBasicMaterial 图示（光源是(0,1,0)处的点光源）： 二、深度网孔材料 MeshDepthMaterial （由于只是改了材料名，代码将不重复贴出） 在这里，有必要提一下远景相机的属性了： 大概就是这么个意思，下面 ...
Three.js基础探寻九——网格
在学习了几何形状和材质之后，我们就能使用他们来创建物体了。最常用的一种物体就是网格（Mesh），网格是由顶点、边、面等组成的物体；其他物体包括线段（Line）、骨骼（Bone）、粒子系统（ParticleSystem）等。创建物体需要指定几何形状和材质，其中，几何形状决定了物体的顶点位置等信息 ...