收藏
回答

小飞机图片无法加载

问题模块 框架类型 问题类型 终端类型 AppID 基础库版本
云开发 小游戏 Bug 工具 wxdb0b4707d07ab273 2.2.5

为何我复制粘贴的开发文档代码都加载不出来我的飞机?只能显示矩形下落 我已经把图片放在跟game.js同一个目录下了,看到飞机只是闪了一下,就没了,矩形一直下落

const canvas = wx.createCanvas()

const context = canvas.getContext('2d') // 创建一个 2d context

context.fillStyle = '#1aad19' // 矩形颜色

// context.fillRect(0, 0, 100, 100) // 矩形左上角顶点为(0, 0),右下角顶点为(100, 100)

// context.fillRect(canvas.width / 2 - 50, 0, 100, 100)

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

function drawRect(x, y) {

  context.clearRect(0, 0, windowWidth, windowHeight)

  context.fillRect(x, y, 100, 100)

}

drawRect(canvas.width / 2 - 50, 0)


const rectX = canvas.width / 2 - 50

let rectY = 0

setInterval(function () {

  drawRect(rectX, rectY++)

}, 16)

const image = wx.createImage()

const imgX = canvas.width / 2 - 50

let imgY = 500

image.onload = function () {

  context.drawImage(image, imgX, imgY)

 

}

image.src = "../hero.png"



最后一次编辑于  09-18
回答关注问题邀请回答
收藏

2 个回答

  • 小游戏运营专员-宏
    小游戏运营专员-宏
    09-19

    您好,是因为画矩形的时候清理全屏导致的,矩形每16毫秒画一次,飞机图只画了一次,所以会看到一闪而过,继续写下面的代码应该没问题,这边会反馈一下。

    09-19
    赞同
    回复
  • 最酷
    最酷
    10-01
    不揭秘
    10-01
    赞同
    回复