微信小程序 工具库类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 修复。



标签:微信小程序

相关阅读 >>

微信小程序工具 npm支持

微信小程序 wxss

微信小程序地图 map

微信小程序媒体组件 void-room

微信小程序 查询欠费用户列表

微信小程序 消息-订阅消息

微信小程序api 实时音视频-创建livepushercontext对象

微信小程序 页面路由

微信小程序 插件服务ocr支持

微信小程序 自定义组件扩展

更多相关阅读请进入《微信小程序》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...