three.js小程序：概述

我不是女神ヾ 2023-06-12 16:21 525阅读 0赞

### three.js ###

three.js是JavaScript编写的WebGL第三方库。提供了非常多的3D显示功能。`https://github.com/mrdoob/three.js/`

### 小程序(mini program) ###

小程序最初指的是微信小程序，目前qq小程序，头条小程序，百度小程序，支付宝小程序也在陆续开放。  
此处涉及到的小程序指的是`微信小程序`，目前也只有腾讯家开放了WebGL接口，（在2.7.0库下新增了WebGL **2019.5月份**）

### three.js+小程序 ###

目前虽然腾讯官方也给给出了适配的库，但是例子太少，而且蛮久没更新了。用户需要踩得坑太多。（不建议使用的库：https://github.com/wechat-miniprogram/threejs-miniprogram）

此处重磅推荐的是此仓库：`https://github.com/yannliao/threejs.miniprogram`以及配套的案例`https://github.com/yannliao/threejs-example-for-miniprogram`

目前，该仓库的作者已经支持了如下的性能。(特别要夸的一点是，作者特别勤奋)

*  基本模型
 *  OrbitControls
 *  TrackballControls
 *  TextureLoader
 *  GLTFLoader gTLF模型, glb模型加载
 *  OBJLoader obj模型加载
 *  Animation system
 *  Raycaster
 *  DDSLoader or MTLLoader 待测试

同时，还设置了three.js小程序的交流群:**858741591**，有问题的话，欢迎加入（我自己的话，因为长期也要和三维打交道，所以也会尽力协作原作者。）  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mjc1NTM4NA_size_16_color_FFFFFF_t_70]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mjc1NTM4NA_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20191113143731730.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mjc1NTM4NA==,size_16,color_FFFFFF,t_70