初识webGL和Threejs
WebGL（Web Graphics Library）是一种用于在网页上渲染 3D 图形的 API。它基于 OpenGL ES，是一个跨平台、跨语言的图形 API，可以在任何支持 WebGL 的浏览器中运行。
WebGL 允许开发者使用 JavaScript 和 HTML5 Canvas 元素来创建和操作 3D 图形。它提供了一系列的函数和对象，用于处理顶点、纹理、光照、阴影、材质等，可以创建复杂的 3D 场景和动画。
使用 WebGL，开发者可以创建各种类型的 3D 应用，如游戏、虚拟现实、数据可视化、科学计算等。WebGL 的优势在于它可以在浏览器中运行，无需安装任何插件，用户只需打开网页即可体验 3D 内容。
然而，WebGL 的学习曲线相对较陡峭，需要一定的图形学知识和编程经验。不过，随着 WebGL 的普及和工具链的完善，越来越多的开发者开始使用它来创建 3D 应用。
特点：
低级别：WebGL 是一个底层 API，需要开发者编写大量代码来处理图形的各个方面。
高性能：直接与 GPU 交互，可以实现高效的图形渲染。
灵活性：提供了对图形渲染过程的全面控制。
Three.js 是一个基于 WebGL 的 JavaScript 库，用于在网页上创建和显示 3D 图形。它提供了一系列的函数和对象，用于处理 3D 场景、相机、光照、材质、几何体等，可以创建复杂的 3D 场景和动画。
Three.js 的优势在于它简化了 WebGL 的使用，使得开发者可以更容易地创建 3D 应用。它提供了一套易于使用的 API，使得开发者可以专注于创建内容，而不必深入了解 WebGL 的底层细节。
Three.js 支持各种类型的 3D 图形，包括几何体、纹理、光照、阴影、材质等。它还支持各种交互和动画效果，如鼠标和触摸交互、动画、粒子系统等。
Three.js 的另一个优势是它可以在各种设备和浏览器上运行，包括桌面浏览器、移动浏览器、移动设备等。它还支持各种图形硬件加速，可以提供流畅的渲染效果。
总之，Three.js 是一个功能强大且灵活的库，适用于各种需要 3D 图形和交互的项目。
特点：
高级别：Three.js 封装了 WebGL 的复杂操作，使得创建 3D 场景变得简单。
易用性：提供了大量预定义的几何体、材质、光源等，降低了开发难度。
功能丰富：支持动画、物理、加载 3D 模型等功能。
WebGL 与 Three.js 的对比
WebGL：作为底层 API，WebGL 提供了直接与 GPU 交互的能力。这意味着你需要编写大量代码来初始化上下文、创建缓冲区、编写着色器（Shader）等。这对初学者来说，学习曲线较陡。
Three.js：作为高级库，Three.js 封装了许多复杂的细节，使得 3D 图形的创建变得更加简单和直观。你只需调用几个函数，就可以创建和操作 3D 对象。
