/threejs-example-for-miniprogram

这是一个 three.js 在微信小程序里的使用示例

Primary LanguageJavaScriptMIT LicenseMIT

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