https://github.com/wechat-miniprogram/threejs-miniprogram

WeChat MiniProgram adapted version of Three.js
https://github.com/wechat-miniprogram/threejs-miniprogram

Last synced: 6 days ago
JSON representation

WeChat MiniProgram adapted version of Three.js

• Host: GitHub
• URL: https://github.com/wechat-miniprogram/threejs-miniprogram
• Owner: wechat-miniprogram
• License: mit
• Created: 2019-09-05T05:16:33.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2023-05-22T06:53:21.000Z (over 1 year ago)
• Last Synced: 2024-12-21T21:05:51.023Z (13 days ago)
• Language: JavaScript
• Size: 1.06 MB
• Stars: 714
• Watchers: 17
• Forks: 230
• Open Issues: 40
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# threejs-miniprogram

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

## 使用

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

1. 通过 npm 安装

   ```

   npm install --save threejs-miniprogram

   ```

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

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

```javascript

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 修复。