VR 效果 前端使用 three.js 加载 Obj（三维模型文件）

前言：我对 three.js 并不熟！只是朋友有这个需求，写了几个 demo 运行，能看~。如果想深入学习，还需要多看看官方文档，这里只做个记录，学习难度：仅供入门学习

下面的 demo 其实都是网上大神的代码，我只是收集，拼凑显示了出来 ~代码我已经全部放在码云了。想要源文件的可以到码云下载 ~ demoVR-three-demo 。文件夹里面准备了有 3 个模型，都可以自己改着路径玩玩~

在线预览地址

obj 文件类型

drc 文件类型

文章目录

  • VR 效果 前端使用 three.js 加载 Obj（三维模型文件）
    • three.js 显示 obj 文件
    • drc 文件的渲染
    • 下载了码云的代码，打开 index.html 是空白啊！
    • 重头戏！draco 的使用

three.js 显示 obj 文件

  • 引入需要的 JS 资源。都是 three 的文件
<script src="js/three.min.js"></script>
<script src="js/OrbitControls.js"></script>
<script src="js/OBJLoader.js"></script>
<script src="js/MTLLoader.js"></script>
<script src="js/jQuery-2.1.4.min.js"></script>