微信小游戏与小程序的3D开发笔记

• 小程序管理后台 https://mp.weixin.qq.com
• 文档 https://developers.weixin.qq.com/miniprogram/dev/framework/

小游戏

• 创建 canvas：wx.createCanvas()
• 创建 image：wx.createImage()
• 触摸事件：wx.onTouchStart ...

小程序

• 创建 canvas

<view class="container">
  <canvas type="webgl" id="mcView" bindtouchstart="touchStart" bindtouchmove="touchMove" bindtouchend="touchEnd" bindtouchcancel="touchCancel" bindlongtap="longTap" bindtap="tap"></canvas>
</view>

Page({
  onReady() {
    wx.createSelectorQuery()
      .select('#mcView')
      .node()
      .exec((res) => {
        const canvas = res[0].node
        let app = new CoolCar(canvas)
        app.init()
      })
  }
})

• 创建 image：canvas.createImage()
• 触摸事件：在标签中绑定