微信小程序的 threejs，适配了 16 个 loader，各种踩坑记录
deepkolos · deepkolos · 2021 年 4 月 18 日 · 4950 次点击这是一个创建于 1751 天前的主题，其中的信息可能已经有所发展或是发生改变。
three-platformize
一个让 THREE 平台化的项目
- 目前已适配微信小程序(真机+模拟器)，淘宝小程序(模拟器, 真机目前比较多问题)
- 支持 tree shaking （需用 webpack，rollup 等构建工具）
- VSCode types 正常，能正常访问各个类的定义
- 适配 examples/jsm/**/*.js ，types 正常
- 可升级、降级版本或使用自定义 THREE
- 微信小程序 IOS 内存优化，更少切页面导致的崩溃
- 支持自定义新平台适配，参考 WechatPlatform 编写适配器即可
| 微信小程序 DEMO 微信小程序基础版 DEMO |
淘宝小程序 DEMO |
|---|---|
 |
 |
已测试模块
Loader
- GLTFLoader (支持带纹理的 GLB) && (EXT_meshopt_compression 安卓可用 WASM，ios 可用 ASM 版，见 tools) && (KHR_mesh_quantization，小程序可用) [网格压缩测评] MeshQuan 、MeshOpt 、Draco
- TextureLoader
- RGBELoader & PMREMGenerator (小程序部分机型可能偶现生成 envMap 错误，可用HDRPrefilter避免 )
- SVGLoader
- OBJLoader
- EXRLoader (需支持 OES_texture_float_linear 扩展，部分移动端 GPU 不支持)
- MTLLoader (小程序使用 JPG 纹理即可)
- DDSLoader (需支持 WEBGL_compressed_texture_s3tc 扩展，移动端 GPU 不支持)
- LWOLoader (需支持 EXT_blend_minmax 扩展，小程序一半效果绘制出错)
- FBXLoader
- BVHLoader
- ColladaLoader (DOMParser querySelector 未适配)
- TTFLoader
- STLLoader
- PDBLoader
- TGALoader (改用 DataTextureLoader PR 已合并，r127 可用)
Controls
- OrbitControls & MapControls
- DeviceOrientationControls (微信、淘宝小程序下 onDeviceMotionChange，安卓下返回数据质量极其低下，基本不可用，社区 bug 反馈 3 年多了，官方无修复意愿)
有小程序 three 需求的同学，欢迎 star 或者 issue，PR 更好了
 |
1
ihipop 2021 年 4 月 18 日 via Android
小程序如果内嵌 H5 是不是实现起来限制更少？
|
 |
3
dream4ever 2021 年 4 月 18 日
很棒啊，最近虽然在做 PC 上的 Three.js 开发，不过小程序也可以作为技术储备，多谢分享~
|
 |
4
LucasW 2021 年 4 月 18 日
感谢分享
|
 |
5
rookielzy 2021 年 4 月 19 日
太强了，感谢分享！顺便问一下，关于 Three.js 的学习楼主有什么推荐的方式或路径吗？想做一个 3D 设备机房的可视化编辑器。
|
1 |
7
Tdy95 2022 年 4 月 2 日
很棒的一个开源项目，感谢大佬分享
|
 |
8
fy 2022 年 8 月 19 日
哇 老哥牛逼 很多问题都有遇到，比如 ios 切页面崩溃，还有内存占用问题之类 很有参考价值
我说我向量化之后为什么有的面时有时无，原来大概是压的太狠了 |
 |
9
sonders 2023 年 9 月 13 日
大佬你好，微信小程序上我这边为什么这么卡呢，使用的是 FBXLoader.js ，有小程序示例吗
|
Select Language