three.js是基于WebGL封装的框架,此项目带大家入门three.js, 随着前端的发展,业务越来越复杂,提供的用户体验越来越多样,three.js可以用来做3D大屏等项目,当然做大屏还有很多种框架可以选择,如d3.js、antv、dateV等等一系列,该项目主要讲解three.js
打包工具: parcel
- 这里为什么不选择webpack?选择webpack需要配置大量内容,选择该打包工具的原因是可以快速构建项目,不需要大量配置,项目主要也是为了帮助快速熟悉three.js,所以选择parcel打包工具。
- parcel-bundler:用来解决模块的问题。
该项目是以例子以及代码注释的方式来讲解three.js的。
在src下存放的main文件夹,该文件夹内的每一个文件后有序号,按照序号学习即可,而每一个序号文件内,有标注该文件的学习内容及目的。
文件名 | 文件学习目标 |
---|---|
main.js | 了解three.js基本内容 |
main01.js | 了解控制器与辅助器 |
main02.js | 控制3D物体移动 |
main03.js | 控制3D物体缩放 |
项目声明: 该项目为个人学习项目,想学习的可以下载,作者会持续学习并更新