在OpenGL的三维空间中，存在点光源(存在平行光)和聚光灯两种类型
three.js中可设置点光源(Point Light)、聚光灯(Spot Light)、平行光源(Direction Light),在一个场景中可以设置多个光源，通常都是环境光和其他几种光源进行组合。
光源的总类有：
Light、AmbientLight、AreaLight、DirectionalLight、HemisphereLight、PointLight、SpotLight
总结：
Three.js的重构步骤：
1.设置three.js渲染器
步骤：
*1.声明全局变量
*2.获取画布高度
*3.生成渲染器
*4.指定渲染器高度
*5.追加three.js生成的canvas元素到自定义的DOM元素中
*6.设置渲染器的清除色
2.设置相机camera
步骤：
*1.声明全局变量
*2.设置透视投影相机/正投影相机
*3.设置相机的坐标位置
*4.设置相机的上方为z轴方向
*5.设置视野的中心坐标
3.设置场景scene
4.设置光源light
步骤：
*1.声明全局变量
*2.设置平行光源
*3.设置光源向量（光源的方向）
*4.追加光源到场景
5.设置物体object
阅读全文
版权声明：本文为博主原创文章，未经博主允许不得转载。
我的threejs学习笔记（十）---平行光（二）
写在前面调整了光源的参数和位置后，阴影效果比较好。代码var d_light=new THREE.DirectionalLight(ambiColor); d_light.target=cube_2;...
Three.js学习笔记---我和小伙伴都惊呆了什么是Three.js three.js是JavaScript编写的WebGL第三方库。提供了非常多的3D显示功能。Three.js 是一款运行在浏览器中的 3D 引擎，你可以用它创建各种三维场...
天空盒的制作方法 Max来生成天空盒的六张图片在虚拟现实技术中，需要产品展示，场景漫游等，只要想在内部有一个虚拟的3D天空，那么都要用到天空球；天空球目前基本做法主要有两种；分别是正方形的和球形的。目前360度全景图主要用的是球形的，针对目前已经...
THREE.JS之几何体（Geometry）众所周知，在3D世界里，物体都是有网格构成的，而网格的组织规则是通过几何体（Geometry）来定义。在three.js中，有两类几何体，我把它们叫做基本几何体和buffer几何体。基本几何体的顶点位...
Threejs初识－创世之旅在这篇 Threejs 简介中，我们先忽略具体构建 Threejs 的整体工程，主要了解使用 Threejs 构建三维应用需要用到的要素...
我的threejs学习笔记（三）——相机旋转写在前面虽然看起来好像是物体自身在旋转,但确实是相机在围绕场景旋转。 另外，用简单的三个变量实现了重力模拟。相机旋转方法 var theta=0; var render=functi...
threejs学习随记（一）搞浏览器3D绘图的应该都或多多少接触过threejs，其之于webGL，如jquery之于js。有了webGL，开发者仅通过遵循其提供的api和js就能在html网页中进行3d绘图。而直接使用原生的w...
JavaScript语言学习以及部分ThreeJs分析JavaScript语言特性： 语法：很多地方类似于C语言。如if，else，for，while等和c语言一致。不涉及面向对象的部分还是和C语言有不少共同点的。 优势：H...
我的threejs学习笔记（五）——点光源属性控制写在前面主要练习了点光源的距离和密度属性。 理解了threejs里颜色使用的原理。代码pointLight.distance=controls.pointlight_distance; po...
我的threejs学习笔记（六）——3D弹性球写在前面之前用processing写过类似的弹性球。具体写法不难，主要是在IDE熟悉的基础上理解球坐标的原理。只需要两层for循环的嵌套即可完成主体部分。for嵌套for(var fi=0;fi...
原创 34 粉丝 5 喜欢 0 码云
他的最新文章 更多文章
他的热门文章
872
718
638
458
441
相关文章
精彩导读
热门资讯
关注我们
