《Three.js开发指南原书第三版》百度网盘pdf最新全集下载:
链接：https://pan.baidu.com/s/1uEcKOdIP2DTnOnj9vnIxOA
?pwd=zi2t 提取码：zi2t简介：《Three.js开发指南：基于WebGL和HTML5在网页上渲染3D图形和动画（原书第3版）》共12章：第1章讲述使用Three.js库的基本步骤；第2章讲解Three.js库使用过程中所需要理解的各种基础组件，包括灯光、网格、几何体、材质和相机等；第3章通过具体示例讲解场景中使用的各种灯光；第4章讨论Three.js库中可以用于网格的各种材质，并通过互动示例让你来试用这些材质；第5章讲解Three.js中几何体的创建和设置；第6章展示如何设置、使用Three.js库中的高级几何体，例如凸面体和旋转体；第7章讲解如何使用Three.js库中的粒子系统；第8章展示如何从外部导入网格和几何体；第9章探索各种动画效果，使场景活动起来；第10章深入讲解材质的细节，包括如何控制材质，以及如何将HTML5视频的输出和HTML5画布中的元素作为纹理；第11章探索如何使用Three.js库来对已经渲染过的场景进行后期处理；第12章讲解如何在Three.js场景中添加物理效果。
var scene = new THREE.Scene()var camera = new THREE.PerspectiveCamera( 75, window.innerWidth/window.innerHeight, 0.1, 1000 )
var renderer = new THREE.WebGLRenderer()
renderer.setSize( window.innerWidth, window.innerHeight )
document.body.appendChild( renderer.domElement )
var light = new THREE.AmbientLight( 0x404040 )// soft white light
scene.add( light )
var jsonLoader = new THREE.JSONLoader()
jsonLoader.load( "js/model.js", addModelToScene )
function addModelToScene( geometry, materials )
{
// geometry = new THREE.CubeGeometry(100,100,100)
// var texture = new THREE.ImageUtils.loadTexture('images/checkerboard.jpg')
//var material = new THREE.MeshBasicMaterial({ map: texture })
var material = new THREE.MeshFaceMaterial( materials/*{ color: 'red', wireframe: true } */)
android = new THREE.Mesh( geometry, material )
android.scale.set(40,40,40)
android.position.set(0,60,0)
scene.add( android )
}
camera.position.z = 5
var render = function () {
requestAnimationFrame( render )
renderer.render(scene, camera)
}
render()
var jsonLoader = new THREE.JSONLoader()
jsonLoader.load( "models/orange.js", addModelToScene )
function addModelToScene( geometry, materials )
{
// geometry = new THREE.CubeGeometry(100,100,100)
// var texture = new THREE.ImageUtils.loadTexture('images/checkerboard.jpg')
//var material = new THREE.MeshBasicMaterial({ map: texture })
var material = new THREE.MeshFaceMaterial( materials/*{ color: 'red', wireframe: true } */)
android = new THREE.Mesh( geometry, material )
android.scale.set(40,40,40)
android.position.set(0,60,0)
scene.add( android )
}
threejs形态键失效是在Threejs中有三要素：场景、摄像机和渲染器，只有三者结合才能渲染出可见的内容。在这之前需要先下载Threejs文件，直接搜索Threejs到官网下载即可，下载完成之后新建一个html文件并且引入Threejs即可。
