收藏
回答

微信小游戏按照demo操作,无法在手机和PC端预览

框架类型 问题类型 操作系统 工具版本
小游戏 Bug Windows stable 1.03.2011120

代码就是官方文档指南中的代码

无论是手机还是PC端,自动或者二维码预览,都停留在开始的loading...界面无法进入游戏

手机:坚果R1

安卓8.1.0

let canvas = wx.createCanvas();
console.log(canvas.width, canvas.height)
let ctx = canvas.getContext('2d')
ctx.fillStyle = 'green'
ctx.fillRect(canvas.width / 2 - 500100100)
const { windowWidth, windowHeight } = wx.getSystemInfoSync()
function drawRect(x, y{
  ctx.clearRect(00, windowWidth, windowHeight)
  ctx.fillRect(x, y, 100100)
}
const rectX = canvas.width/2 - 50
let rectY = 0


let image = wx.createImage()
let imgLoad = false
let imgX = 0
let imgY = 50
image.src = 'images/plane.png'
image.onload = () => {
  imgLoad = true
}
setInterval(()=>{
  drawRect(rectX, rectY++)
  if (imgLoad) {
    ctx.drawImage(image, imgX, imgY, 5050)
  }
  if (imgX >= rectX - 100 && imgX <= rectX + 100 && imgY >= rectY - 100 && imgY <= rectY + 100) { // 飞机与矩形发生碰撞
    wx.showModal({
      title'提示',
      content'发生碰撞,游戏结束!'
    })
  }
}, 16)
wx.onTouchMove((result) => {
  imgX = result.changedTouches[0].clientX-25
  imgY = result.changedTouches[0].clientY-25
})

回答关注问题邀请回答
收藏

2 个回答

  • 孙全
    孙全
    2020-12-08

    我发现问题了。官方文档有错误。

    需要这个

    import './js/libs/weapp-adapter'
    


    并且不能用wx.fn()这类方法

    wx.createImage()
    


    而是直接用H5的 new Image才行

    2020-12-08
    有用
    回复 1
    • Forever
      Forever
      2020-12-11
      因为小游戏没有demo,import './js/libs/weapp-adapter' 是为了能和H5兼容
      2020-12-11
      回复
  • Forever
    Forever
    2020-12-08

    我的1加手机copy你代码后无法复现你的BUG

    2020-12-08
    有用
    回复 1
    • 孙全
      孙全
      2020-12-08
      我如果用官方demo的话也是可以预览的,我猜可能不是和手机相关。但是自己照着官方文档就是不行。 请看我的目录。文件夹目录还是官方的,只是把里面的视频,音频删掉,把js代码删掉(仅仅留下./js/libs 里面的symbbol.js 和 weapp-adaptor.js,然后自己在game.js里面重新写文档里的代码,仅此而已
      2020-12-08
      回复
登录 后发表内容
问题标签