TML5画布Three.js定向照明
来源:互联网 发布:java软件开发软件下载 编辑:程序博客网 时间:2024/05/29 17:50
创建环境照明 Three.js,我们可以实例化一个AmbientLight对象,然后将其添加到场景。AmbientLight需要定义一个颜色。周围的灯光照亮整个场景,可以用于软化位置灯等方向灯。
<!DOCTYPE HTML><html> <head> <style> body { margin: 0px; padding: 0px; } </style> </head> <body> <div id="container"></div> <script src="http://www.html5canvastutorials.com/libraries/three.min.js"></script> <script defer="defer"> // revolutions per second var angularSpeed = 0.2; var lastTime = 0; // this function is executed on each animation frame function animate(){ // update var time = (new Date()).getTime(); var timeDiff = time - lastTime; var angleChange = angularSpeed * timeDiff * 2 * Math.PI / 1000; cube.rotation.y += angleChange; lastTime = time; // render renderer.render(scene, camera); // request new frame requestAnimationFrame(function(){ animate(); }); } // renderer var renderer = new THREE.WebGLRenderer(); renderer.setSize(window.innerWidth, window.innerHeight); document.body.appendChild(renderer.domElement); // camera var camera = new THREE.PerspectiveCamera(45, window.innerWidth / window.innerHeight, 1, 1000); camera.position.z = 500; // scene var scene = new THREE.Scene(); // cube var cube = new THREE.Mesh(new THREE.CubeGeometry(200, 200, 200), new THREE.MeshLambertMaterial({ color: 'blue' })); cube.overdraw = true; cube.rotation.x = Math.PI * 0.1; scene.add(cube); var directionalLight = new THREE.DirectionalLight(0xffffff); directionalLight.position.set(1, 1, 1).normalize(); scene.add(directionalLight); // start animation animate(); </script> </body></html>
0 0
- TML5画布Three.js定向照明
- HTML5画布Three.js环境照明 又一个不一样的感觉
- TML5画布疯狂的蛇
- HTML5画布阅读Three js基本材料
- HTML5画布阅读Three js Phong材料
- HTML5画布Three.js图像纹理
- HTML5画布WebGL Three.js球体
- HTML5画布与Three.js WebGL缸
- HTML5画布阅读Three js朗伯材料
- HTML5画布WebGL,文件Three.js控制的锥
- HTML5画布知识:在Three.js文件实现WebGL Plane
- HTML5画布WebGL Three.js多维数据集
- TML5画布桌面和移动事件支持教程
- HTML5 画布上的 Three.js 环境灯光(HTML5 Canvas Three.js Ambient Lighting)
- three.js
- three.js
- Three.js
- 照明
- iOS 7完美越狱发布 中国版存“猫腻”
- 关于URL编码 结构,参数,特殊字符转义
- linux与win都可用的c语言pause()暂停功能
- Oracle中的Union、Union All、Intersect、Minus
- 光启理工院刘若鹏:创造超材料 驾驭电磁波改变世界
- TML5画布Three.js定向照明
- win下gotoxy()函数实现
- C标签
- HTML5画布Three.js环境照明 又一个不一样的感觉
- 今天发现,apache被人漏洞检测了
- 使用PowerDesigner画ER图详细教程
- 2014.1.6
- Java
- 学习Java程序制作Jar、exe和安装包过程中的问题记录及理解