创新互联小程序教程：微信小程序工具库类·threejs

threejs-miniprogram

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

创新互联服务项目包括长阳网站建设、长阳网站制作、长阳网页制作以及长阳网络营销策划等。多年来，我们专注于互联网行业，利用自身积累的技术优势、行业经验、深度合作伙伴关系等，向广大中小型企业、政府机构等提供互联网行业的解决方案，长阳网站推广取得了明显的社会效益与经济效益。目前，我们服务的客户以成都为中心已经辐射到长阳省份的部分城市，未来相信会继续扩大服务区域并继续获得客户的支持与信任！

使用

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

1. 通过 npm 安装

npm install --save threejs-miniprogram

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

1. 导入小程序适配版本的 Three.js

import {createScopedThreejs} from 'threejs-miniprogram'

Page({
  onReady() {
    wx.createSelectorQuery()
      .select('#webgl')
      .node()
      .exec((res) => {
        const canvas = res[0].node
        // 创建一个与 canvas 绑定的 three.js
        const THREE = createScopedThreejs(canvas)
        // 传递并使用 THREE 变量
      })
  }
})

说明

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

名称栏目：创新互联小程序教程：微信小程序工具库类·threejs
本文链接：http://www.zsjierui.cn/article/dpejipc.html