three.js
laiyangde
web前端工程师
展开
-
three.js入门(2) 添加灯光、阴影、动画
在three.js入门(1)里已经将所要渲染的部分正确渲染了,接下来添加灯光1.添加灯光在three.js灯光有很多种,这里我们使用点光源(PointLight) //创建点光源 var spotLight = new THREE.SpotLight( 0xffffff ); //设置位置 spotLight.position.set( -10, 20, -10 );原创 2017-04-06 12:54:05 · 912 阅读 · 0 评论 -
three.js入门(3) stats.js和dat.gui.js的使用
stats.js 和 dat.gui.js可以从 https://github.com/mrdoob/three.js/tree/master/examples/js/libs里获取1.使用stats监测FPS 很多情况下,我们希望知道实时的FPS信息,从而更好地监测动画效果。这时候,就要用到stats.js了! 要显示这个信息,我们首先需要在<head>标签里引入这个库:<script src原创 2017-04-06 16:25:20 · 1388 阅读 · 0 评论 -
three.js入门(7)几何体
二维几何体1.平面(PlaneGeometry)查看示例PlaneGeometry可以创建非常简单的一个二维矩行,其构造函数为:THREE.PlaneGeometry(width, height, widthSegments, heightSegments) 参数 必须 描述 width 是 该参数指定矩形的宽度 height 是 该参数指定矩形的高度 widt原创 2017-04-21 15:14:11 · 330 阅读 · 0 评论