threejs

下载
    去到gitHub上下载
    进入到gitHub之后输入three
    找到第一个文件
    之后进入 在code的地方下载文件
    解压 找到需要的文件

导入threejs
    导入three.js
    采用模块化导入方式
        <script type="module">
        import * as THREE from './three/build/three.module.min.js'
        console.log(THREE);
        </script>
    采用映射导入方式
        代用的是映射的导入方式
        这个script标签中只是用来导入文件的
        不能书写代码 也不能书写注释
        以对象的方式来导入
        导入我们扩展库(插件库)
            "three/addons/": "./three/examples/jsm/"
            之后需要导入要使用的扩展库的时候
            直接书写jsm文件夹里面的内容地址就可以了

使用
    1. 导入我们的three.js
    2. 场景: 我们需要创建一个用来展示 3d 内容的场景
    3. 相机: 用来代替我们的眼睛去观察物体，通过相机摆放在不同的位置来实现对于3d物体的不同角度的效果的呈现
    4. 渲染器: 我们的场景和相机都是一个虚拟的概念，如果要把内容呈现到网页当中，需要通过渲染器来进行渲染。
     5. 着色器: 一个基础的几何体，并不是最终要展示的内容而是一个等待被描述的几何体(毛坯) 也是一个什么样的物体
    6. 材质: 用于对着色器(几何体)表面材料的说明
    7. 物体:  Mesh 网格模型 , 网格模型就是最终需要展示的3d物体
    8. 设置相机的位置
    9. 定义一个方法 表示要实现动画的效果了 这里我们是自动沿着轴线和角度旋转