three.js example in wechat miniprogram
three.js 在小程序里的使用示例,其中 three.js 使用的是小程序移植版,详情请到 https://github.com/yannliao/three.js。
-
由于示例中有较多的模型是使用官网链接,加载比较慢。如果可以请查找替换资源路径,并替换。小程序只可以跟指定的域名与进行网络通信。使用前请配置信任域名
-
内存泄漏。为了防止内存泄漏,请在页面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
![](https://raw.githubusercontent.com/starplatinum3/threejs-example-for-miniprogram/master/./demo/qrcode.jpg)
名称 |
性能 |
机型 |
基本 |
![](https://raw.githubusercontent.com/starplatinum3/threejs-example-for-miniprogram/master/./demo/Screenshot_2019-10-22-11-03-47-236_com.tencent.mm.png) |
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
|