vue直接引入threejs的方法,以及每個文件相對應的用途



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全局引入

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



猜您在找 html直接引入vue.js 在html中直接引入less文件 課程表插件(vue直接引入樣式)timeTables 關於在html中直接引入less文件遇到的小問題 Vue直接引用