微信小游戏 pixi入手

• pixi是什么?一款h5游戏引擎
• 优点:简单简洁性能第一
• 缺点:大多数用的国产三大引擎,pixi资料少,工具少,
• 为什么学,装逼

用pixi开发小游戏行吗?

行.但要简单处理下

weapp-adapter.js

找到 var TouchEvent = function TouchEvent(type);

此行的后面浅加  window.TouchEvent = TouchEvent;

game.js

  import './weapp-adapter'
  import * as PIXI from './pixi.min'

const {pixelRatio, windowWidth, windowHeight} = wx.getSystemInfoSync();

let app = new PIXI.Application({
    width: windowWidth * pixelRatio,
    height: windowHeight * pixelRatio,
    view: canvas
});

// 因为在微信小游戏里canvas肯定是全屏的，所以映射起来就很简单暴力
// 可以有两种修改
app.renderer.plugins.interaction.mapPositionToPoint = (point, x, y) => {
    point.x = x * pixelRatio
    point.y = y * pixelRatio
}

PIXI.interaction.InteractionManager.prototype.mapPositionToPoint = (point, x, y) => {
    point.x = x * pixelRatio
    point.y = y * pixelRatio
}

-----后面就可以写逻辑了