首先，别废话了。什么是三. js，它是什么？你知道的就是你知道的，你不知道的就是百度。

边肖为大家推荐一篇文章：三. js快速入门教程

昨天发现，三. js中3D视野的缩小和放大可以通过摄像头的远近焦来实现。

收缩后：

这里使用的是透视相机：

//相机配置var fov=40//拍摄距离var near=1；//最小范围var far=1000//最大范围varcamera=new three . perspective camera(FOV、window.innerwidth/window.innerheight,近、远)；在这里，您可以更改fov值并更新相机。

camera.fov=fov//fov是变量，camera . updateprojectionmatrix()；renderer.render(场景、摄像机)；另外：我们都习惯用鼠标放大缩小，所以看看代码

canvas . addeventlistener(' mousewheel '，mouse wheel，false)；//鼠标滑轮功能鼠标滚轮(e){ e . prevent default()；//e . stopperpagation()；If (e.wheelDelta) {//判断浏览器IE，谷歌滑轮事件if(e . wheel delta 0){//FOV-=(FOV附近？1 : 0);} if (e.wheelDelta 0) {//fov=(fov远？1 : 0);} } else if(e . detail){//火狐滑轮事件if (e.detail 0) {//滑轮卷起时FOV-=1；}滑轮滚下时if(e . detail 0){//FOV=1；} } camera.fov=fovcamera . updateprojectionmatrix()；renderer.render(场景、摄像机)；//updateinfo()；}以上就是本文的全部内容。希望对大家的学习有帮助，支持我们。