收藏
回答

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

附上git 地址,代码案例

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

3 个回答

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

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

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

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

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

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

    // 实现游戏帧循环

    loop() {

    databus.frame++


    this.update()

    this.render()


    this.aniId = window.requestAnimationFrame(

    this.bindLoop,

    canvas

    )

    }

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

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

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

    2019-09-04
    有用
    回复
登录 后发表内容