three.js example

three.js example in wechat miniprogram

---

three.js 在小程序里的使用示例，其中 three.js 使用的是小程序移植版，详情请到 https://github.com/yannliao/three.js。

注意

1. 由于示例中有较多的模型是使用官网链接，加载比较慢。如果可以请查找替换资源路径，并替换。小程序只可以跟指定的域名与进行网络通信。使用前请配置信任域名

2. 内存泄漏。为了防止内存泄漏，请在页面unload时，用 THREE.global.unregisterCanvas 或 THREE.global.clearCanvas 清除THREE.global中的canvas引用。同时利用canvas.cancelAnimationFrame 清除动画， 并且释放 Geometries Materials 等 Three.js 对象， 参考How to dispose of objects, Three.js Cleanup

交流

大家可以加入QQ群进行交流，群号： 858741591

示例&兼容性

名称	性能	机型
基本		xiaomi MIX2 Android 8.0.0 Wechat Version 7.0.5 vivo X21A Android 9 Wechat Version 7.0.5 iphone 8Plus ios13.1.2 Wechat Version 7.0.8
动画		xiaomi MIX2 Android 8.0.0 Wechat Version 7.0.5 vivo X21A Android 9 Wechat Version 7.0.5 iphone 8Plus ios13.1.2 Wechat Version 7.0.8
OrbitControl 立方		xiaomi MIX2 Android 8.0.0 Wechat Version 7.0.5 vivo X21A Android 9 Wechat Version 7.0.5 iphone 8Plus ios13.1.2 Wechat Version 7.0.8
gLTF 文件加载		xiaomi MIX2 Android 8.0.0 Wechat Version 7.0.5 vivo X21A Android 9 Wechat Version 7.0.5 iphone 8Plus ios13.1.2 Wechat Version 7.0.8
glb 文件		xiaomi MIX2 Android 8.0.0 Wechat Version 7.0.5 vivo X21A Android 9 Wechat Version 7.0.5 iphone 8Plus ios13.1.2 Wechat Version 7.0.8
gLTF 文件加贴图		xiaomi MIX2 Android 8.0.0 Wechat Version 7.0.5 vivo X21A Android 9 Wechat Version 7.0.5 iphone 8Plus ios13.1.2 Wechat Version 7.0.8
obj 文件 （WEBGL_compressed_texture_s3tc 扩展不支持）		xiaomi MIX2 Android 8.0.0 Wechat Version 7.0.5 vivo X21A Android 9 Wechat Version 7.0.5 iphone 8Plus ios13.1.2 Wechat Version 7.0.8
raycaster 选中立方体		xiaomi MIX2 Android 8.0.0 Wechat Version 7.0.5 iphone 8Plus ios13.1.2 Wechat Version 7.0.8