ThreeJS学习:导读

一、什么是ThreeJS?

简单来说,ThreeJS就是前端开发使用的一个三方库,和dayjsEcharts一样;不简单的是,ThreeJS可以帮我我们在2D页面上绘制3D效果。

二、2D与3D的互相转化

2D,即只有X轴和Y轴的二维平面,生活中常见的照片、画、以及电脑平面都可以看作是2D平面;
3D,有X轴、Y轴以及Z轴的三维空间,我们真是生活所在的世界就可以看作一个3D空间;

1、3D到2D

那如何将3D的空间映射到2D中呢?其实我们生活中已经经常会用到,那就是照相机拍照;我们通过相机,可以将生活中的一个立体的空间,变成一个2D的照片;

2、2D到3D

那如何在2D平面中,还原3D的世界呢?在Web端开发中,我们需要用到WebGL,而three.js是一款基于原生WebGL封装通用Web 3D引擎,目前three.js已广泛应用于物联网、数字孪生、智慧城市园区、智慧看房等各个领域。

三、学习ThreeJS

基于工作的需要以及技术的追求,开始学习ThreeJS,并生成笔记,当作学习过程的记录。

  • 学习网站: Three.js中文网
  • 学习环境:Vue3 + Typescript
  • 代码编辑器:vscode

四、源代码

demo

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容