1.目录搭建
js:存放js逻辑目录
libs: threejs类库
images:图片
index.html入口
2. 制作一个旋转的立方体
3.代码详解
a.index.html
引入下载好的threejs类库以及自定义的main.js
<!DOCTYPE html>
<html>
<head>
<title>three.js</title>
<script src="libs/three.min.js"></script>
<script src="js/main.js"></script>
<style>
</style>
</head>
<script>
</script>
<body>
</body>
</html>
b. main.js
之后的学习我们按照下面的模板,分成几个阶段来进行:初始化相机、场景、物体、渲染等。