驴友花雕 发表于 2025-9-14 14:45:25

【花雕动手做】基于Kitronik可编程开发板之打砖块游戏

Kitronik ARCADE 是一款由英国教育科技公司 Kitronik 精心打造的可编程游戏机开发板，专为编程教学与创客实践而设计。该设备原生支持微软的 MakeCode Arcade 平台，用户可通过图形化或 JavaScript 编程方式，轻松创建、下载并运行复古风格的街机游戏。

它集成了彩色 LCD 显示屏、方向控制键、功能按键、蜂鸣器和震动马达等交互组件，提供完整的游戏输入输出体验。无论是初学者进行编程启蒙，还是创客群体开发交互式作品，Kitronik ARCADE 都能作为理想的硬件载体，助力创意实现。

凭借其开源友好、易于上手、兼容性强等特点，该开发板广泛应用于中小学编程课程、创客工作坊、游戏开发教学以及个人项目原型设计，深受教育者与技术爱好者的喜爱。







驴友花雕 发表于 2025-9-14 14:47:53

【花雕动手做】基于Kitronik可编程开发板之打砖块游戏


作为学习、练习与尝试，这里创建一个打砖块的小游戏。
打开网页版：https://arcade.makecode.com/，设置项目名称：打砖块

MicroPython实验代码



@namespace
class SpriteKind:
    block = SpriteKind.create()
def getPos(sprite: Sprite, otherSprite: Sprite):
    global direction
    if sprite.x < otherSprite.x - 8 or sprite.x > otherSprite.x + 8:
      direction = 1
    else:
      direction = 0

def on_on_overlap(sprite2, otherSprite2):
    sprite2.set_velocity(sprite2.vx, -1 * sprite2.vy)
sprites.on_overlap(SpriteKind.projectile, SpriteKind.player, on_on_overlap)

def on_on_overlap2(sprite3, otherSprite3):
    info.change_score_by(1)
    getPos(sprite3, otherSprite3)
    if direction == 1:
      sprite3.set_velocity(-1 * sprite3.vx, sprite3.vy)
    else:
      sprite3.set_velocity(sprite3.vx, -1 * sprite3.vy)
    otherSprite3.destroy()
sprites.on_overlap(SpriteKind.projectile, SpriteKind.block, on_on_overlap2)

direction = 0
tile: Sprite = None
tilePick = 0
x = 0
paddle = sprites.create(img("""
      ................................
      ................................
      ................................
      ................................
      ................................
      ................................
      ................................
      ................................
      ................................
      ................................
      ................................
      ................................
      ................................
      ................................
      ................................
      ................................
      ................................
      ................................
      ................................
      ................................
      ................................
      ................................
      ................................
      ................................
      ................................
      ....bbbbbbbbbbbbbbbbbbbbbb......
      ....bbbbbbbbbbbbbbbbbbbbbb......
      ....bbbbbbbbbbbbbbbbbbbbbb......
      ................................
      ................................
      ................................
      ................................
      """),
    SpriteKind.player)
paddle.set_position(79, 100)
paddle.set_stay_in_screen(True)
controller.move_sprite(paddle, 100, 0)
projectile = sprites.create_projectile_from_sprite(img("""
      . . . . . . . . . . . . . . . .
      . . . . . . . . . . . . . . . .
      . . . . . . . . . . . . . . . .
      . . . . . . . . . . . . . . . .
      . . . . . . . . . . . . . . . .
      . . . . . . . . . . . . . . . .
      . . . . . . 9 9 9 . . . . . . .
      . . . . . 9 6 7 6 9 . . . . . .
      . . . . 9 6 7 6 7 6 9 . . . . .
      . . . . 1 7 1 7 1 7 1 . . . . .
      . . . . 8 6 7 6 7 6 8 . . . . .
      . . . . . 8 6 7 6 8 . . . . . .
      . . . . . . 8 8 8 . . . . . . .
      . . . . . . . . . . . . . . . .
      . . . . . . . . . . . . . . . .
      . . . . . . . . . . . . . . . .
      """),
    paddle,
    50,
    -55)
projectile.set_flag(SpriteFlag.DESTROY_ON_WALL, False)
projectile.set_bounce_on_wall(True)
for index in range(10):
    for index2 in range(3):
      x = index * 18
      if index2 % 2 == 1:
            x = index * 18 + 8
      tilePick = randint(0, 2)
      if tilePick == 0:
            tile = sprites.create(img("""
                  8 8 1 1 8 8 6 6 1 7 7 7 1 8 8 9
                  8 8 9 1 1 6 6 9 9 8 8 7 1 8 8 9
                  7 6 9 9 9 8 8 7 9 8 8 6 6 1 9 9
                  7 6 6 1 1 8 8 7 9 1 6 6 1 1 9 9
                  7 7 6 1 1 6 6 7 7 8 8 1 1 1 7 9
                  8 8 9 1 6 6 9 9 9 8 8 1 6 1 7 9
                  8 8 9 9 9 7 8 8 9 6 6 1 6 6 7 7
                  7 7 7 8 8 7 8 8 6 6 9 9 9 6 8 8
                  7 6 6 8 8 7 7 6 1 7 7 7 9 1 8 8
                  6 6 7 7 7 1 1 6 6 7 1 8 8 7 7 7
                  1 1 7 9 9 9 1 1 6 1 1 8 8 7 1 9
                  8 8 1 1 6 9 8 8 6 1 9 9 9 1 1 9
                  8 8 9 1 6 6 8 8 6 6 8 8 9 1 9 9
                  7 6 9 9 9 6 9 9 9 6 8 8 6 6 7 7
                  7 6 6 8 8 1 6 6 9 7 9 6 6 8 8 7
                  7 7 6 8 8 6 6 7 7 7 9 9 9 8 8 7
                  """),
                SpriteKind.block)
      elif tilePick == 1:
            tile = sprites.create(img("""
                  3 d 1 3 3 3 3 3 3 3 3 3 3 3 3 3
                  3 d 1 3 d d d d d d d d d d d 3
                  3 d 1 3 d 1 1 1 1 1 1 1 1 1 d 3
                  3 d 1 3 d 1 3 3 3 3 3 3 3 1 d 3
                  3 d 1 3 d 1 3 d d d d d 3 1 d 3
                  3 d 1 3 d 1 3 d 1 1 1 d 3 1 d 3
                  3 d 1 3 d 1 3 d 1 3 1 d 3 1 d 3
                  3 d 1 3 d 1 3 d 1 3 1 d 3 1 d 3
                  3 d 1 3 d 1 3 d d 3 1 d 3 1 d 3
                  3 d 1 3 d 1 3 3 3 3 1 d 3 1 d 3
                  3 d 1 3 d 1 1 1 1 1 1 d 3 1 d 3
                  3 d 1 3 d d d d d d d d 3 1 d 3
                  3 d 1 3 3 3 3 3 3 3 3 3 3 1 d 3
                  3 d 1 1 1 1 1 1 1 1 1 1 1 1 d 3
                  3 d d d d d d d d d d d d d d 3
                  3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3
                  """),
                SpriteKind.block)
      else:
            tile = sprites.create(img("""
                  2 2 2 1 1 1 1 1 1 1 1 1 1 1 1 1
                  1 2 2 2 2 2 2 2 1 1 1 4 4 4 4 4
                  1 1 2 2 2 2 2 4 4 4 4 4 4 4 4 4
                  4 4 4 2 2 5 5 5 5 5 5 4 4 4 4 4
                  4 4 4 4 2 2 2 2 2 5 5 5 5 5 4 4
                  4 4 b b b b b b b 5 5 5 5 5 5 5
                  b b b b b b b 5 5 5 5 5 2 2 2 2
                  b b b b 5 5 5 5 5 5 5 5 5 5 2 2
                  b b b 2 2 2 2 2 2 2 2 2 1 1 1 1
                  1 1 1 1 1 1 2 2 2 1 1 1 1 1 1 1
                  1 1 4 4 2 2 2 2 2 2 2 1 1 1 1 1
                  4 4 4 4 4 4 2 2 2 2 2 2 2 2 2 4
                  4 4 4 5 5 5 5 5 5 5 5 5 4 4 4 4
                  5 5 5 5 5 5 5 5 5 4 4 4 4 4 4 4
                  b b b b b 5 5 5 5 5 5 5 5 4 4 4
                  . b b b b b b b b b b b 4 4 4 4
                  """),
                SpriteKind.block)
      tile.set_position(x, index2 * 18 + 20)
info.set_score(1)
scene.set_background_color(13)
direction = 1

def on_forever():
    if projectile.bottom > 119:
      game.over(False, effects.slash)
    if info.score() == 30:
      game.over(True, effects.bubbles)
forever(on_forever)

驴友花雕 发表于 2025-9-14 14:53:30

【花雕动手做】基于Kitronik可编程开发板之打砖块游戏

这段代码是用 MakeCode Arcade 编写的一个经典的 打砖块游戏（Breakout）。它融合了玩家控制、弹球物理、砖块碰撞、得分系统和游戏胜负判定等机制。解读如下：

一、游戏核心机制概览



二、代码逐段解析
1、玩家挡板初始化
python
paddle = sprites.create(..., SpriteKind.player)

paddle.set_position(79, 100)

controller.move_sprite(paddle, 100, 0)
创建一个宽大的挡板精灵

设置初始位置在屏幕底部

允许玩家左右移动（X 轴速度为 100）

2、弹球初始化
python
projectile = sprites.create_projectile_from_sprite(..., paddle, 50, -55)

projectile.set_bounce_on_wall(True)

projectile.set_flag(SpriteFlag.DESTROY_ON_WALL, False)
从挡板发射一个弹球，初始速度向上

设置为可在墙壁上反弹

不在碰到墙壁时销毁，保持游戏持续性

3、砖块阵列生成
python
for index in range(10):

    for index2 in range(3):

      ...

      tilePick = randint(0, 2)

      tile = sprites.create(..., SpriteKind.block)

      tile.set_position(x, index2 * 18 + 20)
创建 10×3 的砖块阵列

每个砖块随机选择一种图案

使用 SpriteKind.block 类型，便于碰撞检测

4、碰撞逻辑：弹球与挡板
python
sprites.on_overlap(SpriteKind.projectile, SpriteKind.player, on_on_overlap)

def on_on_overlap(sprite2, otherSprite2):

    sprite2.set_velocity(sprite2.vx, -1 * sprite2.vy)
弹球碰到挡板时，垂直速度反向，实现反弹效果

5、 碰撞逻辑：弹球与砖块
python
sprites.on_overlap(SpriteKind.projectile, SpriteKind.block, on_on_overlap2)

def on_on_overlap2(sprite3, otherSprite3):

    info.change_score_by(1)

    getPos(sprite3, otherSprite3)

    ...

    otherSprite3.destroy()
得分 +1

判断弹球与砖块的相对位置，决定反弹方向

销毁被击中的砖块

6、反弹方向判断函数
python
def getPos(sprite, otherSprite):

    if sprite.x < otherSprite.x - 8 or sprite.x > otherSprite.x + 8:

      direction = 1

    else:

      direction = 0
判断弹球是否击中砖块的边缘或中心

边缘碰撞则水平速度反向，中心则垂直速度反向

7、游戏胜负判定
python
def on_forever():

    if projectile.bottom > 119:

      game.over(False, effects.slash)

    if info.score() == 30:

      game.over(True, effects.bubbles)
弹球掉出底部：游戏失败，播放斩击特效

得分达到 30：游戏胜利，播放气泡特效


驴友花雕 发表于 2025-9-14 14:55:19

【花雕动手做】基于Kitronik可编程开发板之打砖块游戏

图形编程参考实验程序


驴友花雕 发表于 2025-9-14 14:56:56

【花雕动手做】基于Kitronik可编程开发板之打砖块游戏

通过模拟器，调试与模拟运行



实验场景记录





页: [1]
查看完整版本: 【花雕动手做】基于Kitronik可编程开发板之打砖块游戏