一、3D可视化的演变
在人与人之间联系的互联网时代,主要是满足人与人之间的交流,Web页面的交互界面主要呈现为2D的交互效果,比如按钮、输入框等.
随着物联网的发展,工业、建筑等各个领域与物联网相关Web项目网页交互界面都会呈现出3D化的趋势。物联网相比较传统互联网更强调的是人与物、物与物的联系。
学前Web前端基础
在学习WebGL和Three.js之前,首先确保你有web前端基础,最差也要掌握HTMl、CSS、JavaScript(含es6),对nodejs也要有一定的了解,主要是搭建开发环境也离不开nodejs,如果你没有相关基础请提前学习。
three.js广泛应用
Three.js是一款基于原生WebGL封装通用Web 3D引擎,在小游戏、产品展示、物联网、数字孪生、智慧城市园区、机械、建筑、全景看房、GIS等各个领域基本上都有three.js的身影。
只要你有Web3D可视化的需求,基本上都可以首选学习Three.js。
总结
Three.js中的场景是一个物体的容器,开发者将需要的物体放入场景中。
相机的作用就是指向场景,在场景中取一个合适的景,把它拍下来。
渲染器的作用就是将相机拍摄下来的图片,放到浏览器中去显示。
在定义了场景中的物体,设置好的照相机之后,渲染器就知道如何渲染出二维的结果了。这时候,只需要调用渲染器的渲染函数,就能使其渲染一次了。