three.js - 添加材质 灯光 阴影
看下运行效果： 源码解释： 和上一个demo的差别： 1. 添加了一个光源 2. 改变材质, 把 MeshBasicMaterial材质 改成 MeshLambertMat ...
原文：Three.js 之灯光
环境光 AmbientLight 环境光会均匀的照亮场景中的所有物体。环境光不能用来投射阴影，因为它没有方向。 环境光探针 AmbientLightProbe 平行光 DirectionalLight 平行光是沿着特定方向发射的光。这种光的表现像是无限远,从它发出的光线都是平行的。常常用平行光来模拟太阳光 的效果 太阳足够远，因此我们可以认为太阳的位置是无限远，所以我们认为从太阳发出的光线也都是 ...
2021-05-25 16:49 0 1130 推荐指数：
相关推荐
three.js笔记
...
three.js入门3
为什么要用three.js Three.js为我们封装了底层的WebGl接口，使我们在无需掌握繁冗的图形学知识的基础下可以轻松的创建三维场景。相比较使用底层的WebGL我们可以使用更少的代码，大大的降低了学习成本，使开发变的更高效。 新建HTML页面 首先新建一个HTML页面，引入 ...
Three.js基本 Demo
对于新手来说，几个简单的例子非常实用，偶然发现几个不错的Demo，分享给大家！ Three.js基本 Demo 1.最基本的Hello World：http://stemkoski.github.io/Three.js/HelloWorld.html 2.在网页上调用摄像头：http ...
three.js 材质
今天郭先生说一说three.js的材质。材质描述了对象objects的外观。它们的定义方式与渲染器无关， 因此，如果您决定使用不同的渲染器，不必重写材质。 1. three.js材质基类 所有其他材质类型都继承了Material。 下面是一些属性： .alphaTest : Float设置 ...
three.js 曲线
上几篇说了three.js的曲线，这篇来郭先生来说说three.js曲线，在线案例点击郭先生的博客查看。 1. 了解three.js曲线 之前已经说了一些three.js的几何体，这篇说一说three.js曲线。曲线的种类主要分两种，二维曲线和三维曲线。下面整理了这些曲线 ...
Three.js入门
什么是WebGL。WebGL是在浏览器中实现三维效果的一套规范。使用WebGL原生的API来写3D程序是一件非常痛苦的事情，幸好，有很多同行花业余时间写了一些WebGL开源框架，其中three.js就是非常优秀的一个。 什么是threejs，很简单，你将它理解成three ...