threejs-miniprogram

Three.js 小程序 WebGL 的适配版本。

使用

可参考 example 目录下的示例项目或参照以下流程：

  • 通过 npm 安装
  1. npm install --save threejs-miniprogram

安装完成之后在微信开发者工具中点击构建 npm。

  • 导入小程序适配版本的 Three.js
  1. import {createScopedThreejs} from 'threejs-miniprogram'
  3. Page({
  4.   onReady() {
  5.     wx.createSelectorQuery()
  6.       .select('#webgl')
  7.       .node()
  8.       .exec((res) => {
  9.         const canvas = res[0].node
  10.         // 创建一个与 canvas 绑定的 three.js
  11.         const THREE = createScopedThreejs(canvas)
  12.         // 传递并使用 THREE 变量
  13.       })
  14.   }
  15. })

说明

  • 本项目当前使用的 Three.js 版本号为 0.108.0，如要更新 threejs 版本可发 PR 修改或 fork 后自行修改。
  • 该适配版本的 THREE 不在全局环境中，如使用 Three.js 的其他配套类库，需要自行传入 THREE 到类库中。
  • 如在使用过程中发现有适配问题，可通过 issue 反馈或发 PR 修复。