永远记住一件事:难的不是3D本身,而是背后的一系列算法和数学知识。不过,相信你很聪明,你会轻而易举地掌握这一切。intLight("白色");point.position.set(400,200,300);//点光源位置scene.add(point);//添加到场景的点光源//环境光varambient=new三。环境光(“绿色”);场景。添加(环境);//【2】相机设置varwidth=window.innerWidth;//窗口宽度varheight=window.innerHeight;//窗口高度vark=width/height;//窗口纵横比vars=100;//3D场景显示范围控制系数,系数越大,显示范围越大//创建相机对象varcamera=newTHREE.OrthographicCamera(-s*k,s*k,s,-s,1,1000);camera.position.set(200,300,200);//设置相机位置camera.lookAt(scene.position);//设置相机方向(指向场景对象)//【3】创建渲染器对象varrenderer=newTHREE.WebGLRenderer();renderer.setSize(width,height);//设置渲染区域大小renderer.setClearColor(0xb9d3ff,1);//设置背景色document.body.appendChild(renderer.domElement);//将canvas对象插入到body元素中functionrender(){//执行渲染操作指定场景和相机作为参数renderer.render(sc烯,相机);mesh.rotateY(0.01);//每次绕y轴旋转0.01弧度requestAnimationFrame(render);//请求再次执行渲染函数render}render();
