支持matter.js吧，强烈请求了。。。

[needspeedboy]

单独在开发者环境用matter.js可以，但一用你这插件就不能渲染了也不报错，请作者抽点时间看看能不能解决了。。。

[finscn]

有 示例 项目吗?

[needspeedboy]

//import as PIXI from './libs/pixi'; import as Matter from './libs/matter'

/**

• 游戏主函数 */ export default class Main { constructor() { const A = { x: 0, y: 0 }

  const B = {
    x: 150,
    y: 0
  }
  //window.Image = () => wx.createImage();
  var canvas = wx.createCanvas();
  canvas.width = 375;
  canvas.height = 667;
  this.context = canvas.getContext('2d')
  this.context.fillStyle = 'red'
  
  this.engine = Matter.Engine.create();
  
  this.boxA = Matter.Bodies.rectangle(A.x, A.y, 30, 30);
  this.boxB = Matter.Bodies.rectangle(B.x, B.y, 60, 60);
  var ground = Matter.Bodies.rectangle(0, canvas.height - 60, canvas.width, 10, { isStatic: true });
  
  Matter.World.add(this.engine.world, [this.boxA, this.boxB, ground]);
  
  var _f = ()=>{
    this.context.clearRect(0, 0, canvas.width, canvas.height)
    Matter.Events.trigger(this.engine, 'tick', { timestamp: this.engine.timing.timestamp })
    Matter.Engine.update(this.engine, this.engine.timing.delta)
    Matter.Events.trigger(this.engine, 'afterTick', { timestamp: this.engine.timing.timestamp })
    //console.info(this.boxA.position)
    this.context.fillRect(this.boxA.position.x, this.boxA.position.y, 30, 30)
    this.context.fillRect(this.boxB.position.x, this.boxB.position.y, 60, 60)
    this.context.fillRect(0, canvas.height - 60, canvas.width, 10)
    // console.log('boxA', boxA.position);
    // console.log('boxB', boxB.position);
  }
  setInterval(_f.bind(this) , 50)               

  }

}

---

上面的代码要是用你们的代理插件将不能运行，关掉就能在微信小游戏里跑。

[finscn]

这个和 matter无关.

你不需要再创建 主canvas. 直接 var canvas = window.screencanvas;就可以了.

你自己再调用 var canvas = wx.createCanvas(); 时, 相当于创建了一个离屏canvas