WebGL入门篇（2）

本篇继续衔接上一篇，从重申WebGL的用途到使用webgl是的框架three.js一步一步做一个小游戏，希望你能从中学点滴知识，当然😄点赞关注支持一下，继续前行。

一、webgl在做什么

WebGL是基于OpenGL的JavaScript API /库，允许Web浏览器在浏览器中渲染3D / 2D图形，而无需安装额外的插件，桌面应用程序，任何第三方插件或浏览器扩展。WebGL允许通过浏览器使用机器GPU将3D图形渲染为HTML页面。目前，大多数现代网络浏览器（例如Google Chrome，Mozilla Firefox和Safari）都支持WebGL。可以通过浏览器设置或使用特殊插件来禁用或启用WebGL。WebGL框架和库用于创建交互式展示，基于浏览器的游戏，详细的科学和医学可视化/模拟，虚拟现实（VR）和混合现实（MR）应用程序。WebGL已在游戏，工程，数据分析，地理空间分析，科学和医学可视化与模拟等多个行业中使用。

怎么样？这么多用武之地，开始干起来吧～🤔

二、react+tsx+three实现一个旋转的立方体

安装three：

npm install --save three
// ts
npm install three @types/three

项目页面中引入：

import * as THREE from 'three'

1.初始化three实例：