1 什么是three.js
three.js,一个WebGL引擎,基于JavaScript,可直接运行GPU驱动游戏与图形驱动应用于浏览器。其库提供的特性与API以绘制3D场景于浏览器。
2 下载地址
three.js下载地址:https://github.com/mrdoob/three.js
3 目录介绍
下载后,解压目录如下:
- src目录里面包含了threejs的所有实现代码和接口文件
- docs目录包含了threejs的所有帮助文档
- example目录里面包含了threejs所有的样例程序
- editor目录里面包含了threejs自带的场景编辑工具
4 简单实例
打印three.js的版本号。
首先将src目录中,拷贝到你新建项目的js目录下,方便应用。
编写html页面:
<!DOCTYPE html>
<html><head><meta charset="utf-8" /><title></title><script text="module" charset="UTF-8" src="./js/Three.js"></script><style>body{margin: 0;overflow: hidden;}</style></head><body><div id="puidu-webgl-output"></div><script type="module">import{REVISION}from "./js/three.js";console.log("当前使用的three.js版本号:",window.__THREE__);</script></body>
</html>
运行结果如下: