微信小程序 工具庫類·threejs

threejs-miniprogram

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

使用

可參考 example 目錄下的示例項目或參照以下流程：

1. 通過 npm 安裝

npm install --save threejs-miniprogram

安裝完成之后在微信開發(fā)者工具中點擊構建 npm。

1. 導入小程序適配版本的 Three.js

import {createScopedThreejs} from 'threejs-miniprogram'

Page({
  onReady() {
    wx.createSelectorQuery()
      .select('#webgl')
      .node()
      .exec((res) => {
        const canvas = res[0].node
        // 創(chuàng)建一個與 canvas 綁定的 three.js
        const THREE = createScopedThreejs(canvas)
        // 傳遞并使用 THREE 變量
      })
  }
})

說明

• 本項目當前使用的 Three.js 版本號為 0.108.0，如要更新 threejs 版本可發(fā) PR 修改或 fork 后自行修改。
• 該適配版本的 THREE 不在全局環(huán)境中，如使用 Three.js 的其他配套類庫，需要自行傳入 THREE 到類庫中。
• 如在使用過程中發(fā)現有適配問題，可通過 issue 反饋或發(fā) PR 修復。