[23年10月版46章]Three.js可视化企业实战WEBGL课

 Three.js可视化企业实战WEBGL视频教程，2023年10月升级版46章，视频+源码+课件+素材下载！ 1. 什么是three.js？你将它理解成three+js，three表示3D的意思，js表示JavaScript的意思，合起来，three.js就是使用JavaScript来写3D程序的意思。three.js是基于WebGL的一个运行在浏览器上的开源框架，使得WebGL的使用更方便、快捷，你可以用它创建各种三维场景，包括了摄影机、光影、材质等各种对象。 2. three.js是基于webGL封装的库，保留了webGL的灵活性，开源免费，可以满足大部分的3D需求。 WebGL WebGL是一种Javascript的3D图形接口，把JavaScript和OpenGL ES 2.0结合在一起。 OpenGL OpenGL是开放式图形标准，跨编程语言、跨平台，Javascript、Java 、C、C++ 、 python 等都能支持OpenGL ，OpenGL的Javascript实现就是WebGL。OpenGL ES 2.0是OpenGL的子集，针对手机、游戏主机等嵌入式设备而设计。 Canvas Canvas是HTML5的画布元素，在使用Canvas时，需要用到Canvas的上下文，可以用2D上下文绘制二维的图像，也可以使用3D上下文绘制三维的图像，其中3D上下文就是指WebGL。 创建npm项目 mkdir three_basic cd three_basic npm init -y npm install parcel-bundler npm install parcel-bundler --save-dev 接着，通过修改你的package.json来添加这些任务脚本 { ... "scripts": { "dev": "parcel src/index.html", "build": "parcel build src/index.html" }, ... } 创建基础文件 mkdir src cd src mkdir index.html mkdir assets mkdir css/style.css mkdir main/main.js Build目录：主要的两个文件three.min.js,three.js。 Docs目录：这里是three.js的帮助文档，里面是各个函数的api，可惜并没有详细的解释。试图用这些文档来学会three.js是不可能的。 Editor目录：一个类似3D-max的简单编辑程序，它能创建一些三维物体。 Examples目录：一些例子demo，可惜没有文档介绍。对图像学理解不深入的同学，学习成本非常高。 Src目录：源代码目录，里面是所有源代码。 Test目录：一些测试代码，基本没用。 Utils目录：存放一些脚本，python文件的工具目录。例如将3D-Max格式的模型转换为three.js特有的json模型。 .gitignore文件：git工具的过滤规则文件，没有用。 CONTRIBUTING.md文件：一个怎么报bug，怎么获得帮助的说明文档。 LICENSE文件：版权信息。 README.md文件：介绍three.js的一个文件，里面还包含了各个版本的更新内容列表。 开发系统环境 mac v10.14.2 开发工具 webstrom 后台语言 node.js