博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

vue直接引入threejs的方法，以及每个文件相对应的用途

Posted on 2022-04-15 15:28  地霊殿~三無  阅读(899)  评论(0)  编辑  收藏  举报 

    threejs基本库three.min.js
    <script src="http://www.yanhuangxueyuan.com/versions/threejsR92/build/three.min.js"></script>
    
　　 threejs轨道控制器 orbitControls.js
    <script src="http://www.yanhuangxueyuan.com/versions/threejsR92/examples/js/controls/OrbitControls.js"></script>

　　 加载器 用于加载 .obj 资源的加载器
    <script src="http://www.yanhuangxueyuan.com/versions/threejsR92/examples/js/loaders/OBJLoader.js"></script>

　　 用于载入glTF 2.0资源的加载器。
    <script src="http://www.yanhuangxueyuan.com/versions/threejsR92/examples/js/loaders/gltfLoader.js"></script>

　　 一个用于加载 .mtl 资源的加载器
    <script src="http://www.yanhuangxueyuan.com/versions/threejsR92/examples/js/loaders/MTLLoader.js"></script>

　　 使用 Draco 库压缩的几何图形加载器
    <script src="http://www.yanhuangxueyuan.com/versions/threejsR92/examples/js/loaders/DRACOLoader.js"></script>

　　 CSS2DRenderer是CSS3DRenderer（CSS 3D渲染器）的简化版本，唯一支持的变换是位移
    <script src="http://www.yanhuangxueyuan.com/versions/threejsR92/examples/js/renderers/CSS2DRenderer.js"></script>

　　 效果合成器 用于在three.js中实现后期处理效果
    <script src="http://www.yanhuangxueyuan.com/versions/threejsR92/examples/js/postprocessing/EffectComposer.js"></script>

　　 RenderPass.js 可以用来在EffectComposer对象上添加渲染通道
    <script src="http://www.yanhuangxueyuan.com/versions/threejsR92/examples/js/postprocessing/RenderPass.js"></script> 

　　 shaderPass.js  用来自定义后期
    <script src="http://www.yanhuangxueyuan.com/versions/threejsR92/examples/js/postprocessing/ShaderPass.js"></script> 

　　 copyShader.js  是threejs的内置着色器包
　　 <script src="http://www.yanhuangxueyuan.com/versions/threejsR92/examples/js/shaders/CopyShader.js"></script> 

　　 outlinePass.js 后期处理用，物体边界线条高亮处理
　　 <script src="http://www.yanhuangxueyuan.com/versions/threejsR92/examples/js/postprocessing/OutlinePass.js"></script> 

　　 主要解决锯齿问题
　　 <script src="http://www.yanhuangxueyuan.com/versions/threejsR92/examples/js/shaders/FXAAShader.js"></script>

直接在public的index.html全局引入

 
Live2D