【开发板试用】用OLED板实现FlappyBird小游戏(上) 原创 精华

发布于 2020-11-22 23:17
2706浏览
2收藏

    总是做各种Demo,是时候做个什么小应用来练练手了。踌躇了很久,果然还是搞个小游戏才有意思。想到几年前风靡全球的FlappyBird,一个屏幕一个按钮就足够了,正好适合。OLED屏幕、按键的驱动已经有大牛们发布了,拿来用就可以。游戏逻辑什么的,用C语言实现也不是什么难事。主要目的就是要验证一下HarmonyOS复杂界面即时交互应用可行性。

    这一篇我们主要解决屏幕绘制的问题,下一篇文章将把剩余的部分介绍完。

    我们需要用变量记录小鸟的Y坐标、垂直速度、各个烟囱的位置、方向等数据,然后在主循环中不断更新他们,再渲染到屏幕上。

    梳理一下主循环的流程,如图:

【开发板试用】用OLED板实现FlappyBird小游戏(上)

    OLED的驱动,我使用了SiWei Xu老师的代码(Source地址)。对于BirdDrawScreen的部分,我们需要解决一个问题,那就是在渲染每一帧时,清空屏幕,然后在屏幕指定的位置绘制图片。为此,我自己写了一个函数ssd1306_DrawBitmapAtPosition,通过参数xo, yo指定要绘制的位置坐标。

void ssd1306_DrawBitmapAtPosition(const uint8_t* bitmap, uint8_t width, uint8_t height, int8_t xo, int8_t yo)
{
    for (uint8_t y = 0; y < height; y++) {
        if (yo + y > SSD1306_HEIGHT || yo + y < 0) continue;
        for (uint8_t x = 0; x < width; x++) {
            if (xo + x > SSD1306_WIDTH || xo + x < 0) continue;
            uint8_t byte = bitmap[(y * width / 8) + (x / 8)];
            uint8_t bit = byte & (0x80 >> (x % 8));
            ssd1306_DrawPixel(xo + x, yo + y, bit ? White : Black);
        }
    }
}

    小鸟和烟囱的图片代码,先用画图做好,再通过img2code.py可以轻松搞定。

    这里小鸟只做了一帧,以后或许可以做成多帧动画效果。烟囱则是一个head和一段重复的body构成,以节约内存。

【开发板试用】用OLED板实现FlappyBird小游戏(上)

    游戏逻辑没什么难点,主要就是小鸟有重力加速度,烟囱的随机生成、以固定速度移动并循环过场,碰撞检测等等。后面的文章会放出代码。上图:

【开发板试用】用OLED板实现FlappyBird小游戏(上)

    下一篇,我们将加入按钮事件,控制小鸟的飞行。

    

 

©著作权归作者和HarmonyOS技术社区共同所有,如需转载,请注明出处,否则将追究法律责任
已于2021-1-11 23:58:56修改
4
收藏 2
回复
举报
回复
上传资源包
上传文件可以提高自己的声望,一次最多可上传5个文件 查看上传规则
    这个用户很懒,还没有个人简介
    帖子
    视频
    声望
    粉丝
    社区精华内容