- 博客(6)
- 资源 (1)
- 问答 (1)
- 收藏
- 关注
原创 three.js学习笔记 相机控件
Three.js 提供了几个camera(相机)的控件,你可以通过使用控件来控制相机的移动。当然你也可以通过调用camera(相机)的position属性来控制。 camera(相机)控件包括:轨迹球控件TrackballControls(最常用的控件,用鼠标控制相机移动和转动) 飞行控件F
2016-01-10 13:19:39 4531
原创 three.js学习笔记 用Tween.js做动画
Tween.js 可以定义某个属性在两个值之间过渡。我们可以通过Tween.js控制我们的camera(相机)进行漫游或是控制物体或是粒子进行补间动画的操作。 添加补间动画 1.定义要控制的属性var option = { px: camera.position.x, pz: camera.position.z};我们这里控制camera(相机)的x,z轴
2016-01-06 19:44:47 7270
原创 three.js学习笔记 太阳眩光
当你朝着太阳光方向拍照就会看到镜头的眩光,为了使场景更加真实我们可以给3D场景添加太阳眩光。 这里我们简单地制作了一个太阳眩光并将它添加到场景中。 添加太阳眩光: 1.renderer需要开启alpha模式renderer = new THREE.WebGLRenderer({ antialias: true, alpha: true
2016-01-06 16:23:32 4677
原创 three.js学习笔记 光和影
three.js里面灯光主要有四种1.AmbientLight(影响整个场景的光源)AmbientLight的光线没有特定的来源,所以不需要指定位置信息。也不会对阴影的生成产生影响。2.PointLight(照射所有方向的光源)PointLight一般不用来产生阴影,PointLight的光线来自四面八方产生阴影会为GPU带来沉重负担。3.SpotLig
2016-01-06 15:18:13 3617
原创 three.js学习笔记 基础1_2
2.创建一个three.js场景 three.js var renderer, scene, camera, light; function init() { renderer = new THREE.WebGLRenderer({ antialias: true }); renderer.setClearCo
2016-01-06 13:10:19 629
原创 three.js学习笔记 基础1_1
1. 一个three.js程序要包括 renderer(渲染器)、scene(场景) 和camera(相机)。
2016-01-06 09:45:56 744
three.js r71版本和r75版本obj模型加载问题
2016-04-13
TA创建的收藏夹 TA关注的收藏夹
TA关注的人