- 博客(12)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 Three.js - DirectionalLight 光源
DirectionalLight可以看做是模拟太阳发出的光源，这个光源所发出的光都是相互平行的。 平行光不像是SpotLight以及PointLight那样距离物体越远，光的强度就不一样，而DirectionalLight所散发出来的光，所照射的整个区域范围内光强是一样。 示例浏览地址：http://ithanmang.com/threeJs/home/DirectionalLight.htm...
2018-07-31 15:16:04
4818
原创 Three.js - three.js加载资源的异步操作
js中的回调函数一般都是异步操作的，同样three.js中像加载模型数据，和一些其它的资源文件的加载也是通过回调函数的方式来获取的，所以它们也是异步的。在此之前，我还不知道怎么把那些回调函数改成同步操作。 因为，做的一个项目要加载json字体文件，所以需要在外部使用字体的配置，并且只加载一次字体文件，而不是调用一次就加载一次，所以，就遇到了这个回调函数异步操作的问题。 例如我们使用FontLo...
2018-07-30 09:48:57
5294
1
原创 Three.js - PointLight 光源
PointLight 点光源，照射所有方向的光源，例如灯泡发出的光，可以投射阴影。 示例浏览地址：http://ithanmang.com/threejshome/pointLight.html构造函数PointLight( color : Integer, intensity : Float, distance : Number, decay : Float )参数co...
2018-07-11 12:30:14
4751
原创 Three.js - AmbientLight 光源
简介THREE.AmbientLight()环境光源，一般不会单独使用，需要配合其他光源类似使用。 环境光会照亮场景中的所有物体，不能用来投射阴影，因为环境光是没有方向的。 不需要指定位置。构造函数/** * @author mrdoob / http://mrdoob.com/ */function AmbientLight( color, intensity ) {...
2018-07-10 17:00:31
1721
原创 Three.js - THREE.Color 对象
Color颜色对象，有以下多种初始化方法。//空的构造函数 -- 默认为白色var color = new THREE.Color();//十六进制颜色 （推荐使用）var color = new THREE.Color( 0xff0000 );//RGB 字符串var color = new THREE.Color("rgb(255, 0, 0)");var color ...
2018-07-10 16:42:26
5350
原创 Three.js - SceneUtils 工具类
THREE.SceneUtils是Scene对象的工具类，用于对场景中的对象进行操作。 使用时需要引入js库文件examples\js\utils\SceneUtils.js方法1 .createMultiMaterialObject()方法名.createMultiMaterialObject ( geometry : Geometry, materials : Array )...
2018-07-10 16:17:49
3007
1
原创 Three.js - Group 组合对象
在解析外部模型例如 obj模型的时候我们经常会发现、匿名函数中的加载解析后的参数object是一个Group，或者当前我们加载外部模型obj为例，然后通过Raycaster射线拾取数组的时候对象，当传递进去是scene.children发现并不会选中模型，但我们自己创建一些简单的模型会被选中。 这是因为，加载的外部模型会是在一个Group组对象中，如果直接scene.children是无法获取的...
2018-07-09 09:48:39
6945
9
原创 Three.js - 使用 ShapeGeometry 创建二维字体模型
效果图构造函数ShapeGeometry(shapes, curveSegments)shapes – shapes数组或者是单一的shape curveSegments – [可选的] 形状的分段数，默认值是 12 其父类是Geometry示例创建一个心的形状var x = 0, y = 0;var heartShape = new THREE.Shape...
2018-07-03 22:37:37
3352
4
原创 Three.js - 使用 THREE.DragControls 实现模型拖拽
需求：鼠标略过模型出现三维坐标轴，通过点击三维坐标轴，在 x、y、z 轴上移动，并且通过点中模型任意拖拽模型。 本质上，使用鼠标拖动三维模型，就是把鼠标的拖动距离，转化为三维模型的位置或角度变化量，使用three、js的拖拽控件·DragControls.js·就可以很容容易实现。 示例浏览地址: http://www.ithanmang.com/threejshome/dragContro...
2018-07-03 18:03:10
22721
43
原创 Three.js - 通过 THREE.Raycaster 实现模型选中与信息显示
示例浏览地址：http://www.ithanmang.com/threejshome/raycasterDemo.html 双击鼠标左键选中模型并显示信息。首先，解释一下三种坐标系的概念：场景坐标系（世界坐标系）、屏幕坐标系、视点坐标系。 场景坐标 通过three.js构建出来的场景，都具有一个固定不变的坐标系（无论相机的位置在哪），并且放置的任何物体都要以这个坐标系来确定自己的位置...
2018-07-03 15:40:51
35171
55
原创 Three.js - 重置相机和控制器使镜头回到初始状态
在做三维项目的过程中，如果一个模型被用户不断旋转和缩放，会产生找不到模型的情况，因此就需要添加一个键盘事件，来使相机和控制器重置，找回模型。1、添加键盘控制2、重置相机和控制器 按 Enter键重置浏览镜头. 示例浏览地址：http://www.ithanmang.com/threejshome/resetCamera.html主要代码// 键盘监听方法function o...
2018-07-02 13:16:01
5966
2
glsl_fire.rar
2020-11-04
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人