收藏
回答

按照官方提供的代码,为啥没有渲染出来呢?

问题模块
教程反馈

附上git 地址,代码案例

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

3 个回答

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

    请具体描述问题出现的流程,并提供能复现问题的简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。

    09-04
    赞同
    回复 4
    • 努力写BUG
      努力写BUG
      09-04
      已附上代码片段
      09-04
      回复
    • 努力写BUG
      努力写BUG
      09-05
      您好, 您那边正常渲染背景了吗?
      09-05
      回复
    • 小游戏运营专员-宏
      小游戏运营专员-宏
      09-05回复努力写BUG

      应该是代码写错了,请自查一下哈。

      09-05
      回复
    • 努力写BUG
      努力写BUG
      09-05
      渲染背景图,需要这样写吗? img.onload =function (){//再去渲染}
      09-05
      回复
  • 黄力钧
    黄力钧
    09-05

    不是图片的原因,你这代码实现有问题,建议你好好看一下官方的那个demo,请特别注意下面这段代码:

    // 实现游戏帧循环

    loop() {

    databus.frame++


    this.update()

    this.render()


    this.aniId = window.requestAnimationFrame(

    this.bindLoop,

    canvas

    )

    }

    我看了一下你的例子,并未实现游戏帧循环,小游戏的底层机制就是这样的,每一帧都要去渲染,所以你的代码只渲染了一帧,自然就出问题了。

    09-05
    赞同 1
    回复 2
    • 努力写BUG
      努力写BUG
      09-05
      感谢您的回答。我想多问题一句需要调用 img.onload 吗
      09-05
      回复
    • 黄力钧
      黄力钧
      09-05回复努力写BUG
      是这样的,官方例子是不用onload的,但文档中是要求放在图片onload的回调中再渲染的;我自己总结的经验是:打在小游戏资源包里的图片不用onload,通过网络下载的图片资源最好用onload。
      09-05
      回复
  • 努力写BUG
    努力写BUG
    09-04

    复数 代码片段,https://developers.weixin.qq.com/s/0rf8z8m27hbq在 js/runtime/backgrund.js 里 通过调用 render来渲染背景,我看官方提供的打飞机小游戏就是这样写的,也没有调用 img.onload  就可以实现背景的绘制,为啥我这里不行呢

    09-04
    赞同
    回复