前言
使用threejs,学习掌握webGL,html5的新特新,浏览器引擎
一、threejs是什么?
Three.js 是一款运行在浏览器中的 3D 引擎,你可以用它创建各种三维场景,包括了摄影机、光影、材质等各种对象。你可以在它的主页上看到许多精彩的演示。不过,这款引擎目前还处在比较不成熟的开发阶段,其不够丰富的 API 以及匮乏的文档增加了初学者的学习难度(尤其是文档的匮乏)three.js的代码托管在github上面。
二、使用步骤
1.引入库
vue引入threejs
先引入依赖
代码如下(示例):
npm install --save three
npm install --save tween
在main.js中引用
代码如下(示例):
import * as THREE from "three";
2.直接在依赖中引入
vue引入threejs
先引入依赖
代码如下(示例):
dependencies:{
"dat.gui": "^0.7.6",
"stats-js": "^1.0.1",
"three": "^0.111.0",
"three-dragcontrols": "^0.88.2",
"three-gltf-loader": "^1.111.0",
"three-obj-mtl-loader": "^1.0.3",
"three-orbitcontrols": "^2.110.1",
"three-transformcontrols": "^0.78.1",
"tween": "^0.9.0",
}
在cmd命令框中下载依赖
代码如下(示例):
npm install
总结
提示:这里对文章进行总结:
good night