【花雕动手做】基于Kitronik可编程开发板之箭雨之战游戏

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

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

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

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

MicroPython实验代码

@namespace
class SpriteKind:
    Arrow = SpriteKind.create()

def on_player3_connected():
    scene.set_background_image(assets.image("""
        3pbg
        """))
    set_players(3)
controller.player3.on_event(ControllerEvent.CONNECTED, on_player3_connected)

def on_button_multiplayer_left_pressed(player2):
    mp.get_player_sprite(player2).set_image(assets.image("""
        1
        """))
    if arrow.image.equals(assets.image("""
        1
        """)):
        mp.change_player_state_by(player2, MultiplayerState.score, 1)
mp.on_button_event(mp.MultiplayerButton.LEFT,
    ControllerButtonEvent.PRESSED,
    on_button_multiplayer_left_pressed)

def on_button_multiplayer_down_pressed(player22):
    mp.get_player_sprite(player22).set_image(assets.image("""
        3
        """))
    if arrow.image.equals(assets.image("""
        3
        """)):
        mp.change_player_state_by(player22, MultiplayerState.score, 1)
mp.on_button_event(mp.MultiplayerButton.DOWN,
    ControllerButtonEvent.PRESSED,
    on_button_multiplayer_down_pressed)

def on_player4_connected():
    scene.set_background_image(assets.image("""
        4pbg
        """))
    set_players(4)
controller.player4.on_event(ControllerEvent.CONNECTED, on_player4_connected)

def on_button_multiplayer_right_pressed(player23):
    mp.get_player_sprite(player23).set_image(assets.image("""
        2
        """))
    if arrow.image.equals(assets.image("""
        2
        """)):
        mp.change_player_state_by(player23, MultiplayerState.score, 1)
mp.on_button_event(mp.MultiplayerButton.RIGHT,
    ControllerButtonEvent.PRESSED,
    on_button_multiplayer_right_pressed)

def set_players(num: number):
    sprites.destroy_all_sprites_of_kind(SpriteKind.player)
    index = 0
    while index <= num - 1:
        mp.set_player_sprite(mp.index_to_player(index),
            sprites.create(assets.image("""
                0
                """), SpriteKind.player))
        mp.get_player_sprite(mp.index_to_player(index)).change_scale(0.75, ScaleAnchor.MIDDLE)
        mp.get_player_sprite(mp.index_to_player(index)).set_position(80 / num * index + 80 / num * (index + 1), 90)
        index += 1

def on_button_multiplayer_up_pressed(player24):
    mp.get_player_sprite(player24).set_image(assets.image("""
        0
        """))
    if arrow.image.equals(assets.image("""
        0
        """)):
        mp.change_player_state_by(player24, MultiplayerState.score, 1)
mp.on_button_event(mp.MultiplayerButton.UP,
    ControllerButtonEvent.PRESSED,
    on_button_multiplayer_up_pressed)

arrow: Sprite = None
scene.set_background_image(assets.image("""
    2pbg
    """))
arrow_list = [assets.image("""
        0
        """),
    assets.image("""
        1
        """),
    assets.image("""
        2
        """),
    assets.image("""
        3
        """)]
arrow = sprites.create(img("""
        . . . . . . . . . . . . . . . .
        . . . . . . . . . . . . . . . .
        . . . . . . . . . . . . . . . .
        . . . . . . . . . . . . . . . .
        . . . . . . . . . . . . . . . .
        . . . . . . . . . . . . . . . .
        . . . . . . . . . . . . . . . .
        . . . . . . . . . . . . . . . .
        . . . . . . . . . . . . . . . .
        . . . . . . . . . . . . . . . .
        . . . . . . . . . . . . . . . .
        . . . . . . . . . . . . . . . .
        . . . . . . . . . . . . . . . .
        . . . . . . . . . . . . . . . .
        . . . . . . . . . . . . . . . .
        . . . . . . . . . . . . . . . .
        """),
    SpriteKind.Arrow)
arrow.set_position(80, 30)
set_players(2)
game.splash("Be the quickest to match", "arrow directions to win!")
carnival.start_countdown_game(15, carnival.WinTypes.MULTI)
music.play_sound_effect(music.create_sound_effect(WaveShape.TRIANGLE,
        4750,
        4783,
        255,
        0,
        449,
        SoundExpressionEffect.NONE,
        InterpolationCurve.CURVE),
    SoundExpressionPlayMode.UNTIL_DONE)

def on_update_interval():
    arrow.set_image(arrow_list._pick_random())
game.on_update_interval(500, on_update_interval)
复制代码

这段代码是一个非常精彩的多人对战小游戏——箭雨之战（Arrow Battle），用 MakeCode Arcade 的 Python 风格编写，融合了多人控制、图像匹配、计分机制、倒计时挑战等元素。

游戏玩法概述
屏幕中央不断出现随机箭头图案（上下左右）
玩家通过按键选择与箭头图案匹配的方向
匹配成功 → 加分
倒计时结束 → 分数最高者获胜
支持 2~4 人联机对战，背景图随人数变化

核心模块解读
1、SpriteKind.Arrow 定义箭头类型
python

@namespace

class SpriteKind:

    Arrow = SpriteKind.create()
复制代码

创建一个新的精灵类型 Arrow，用于区分箭头精灵和玩家精灵

2、玩家连接事件：设置背景和人数
python

def on_player3_connected():
    scene.set_background_image(assets.image("3pbg"))
    set_players(3)
复制代码

玩家3连接时，切换背景图为 3pbg，并设置为3人模式
同理，玩家4连接时切换为 4pbg，设置4人模式

3、玩家按键事件：图像匹配 + 加分逻辑
python

def on_button_multiplayer_left_pressed(player2):

    mp.get_player_sprite(player2).set_image(assets.image("1"))

    if arrow.image.equals(assets.image("1")):

        mp.change_player_state_by(player2, MultiplayerState.score, 1)
复制代码

玩家按下左键时，角色图像变为“左箭头”
如果当前箭头图像也是“左箭头”，则加分
同理，UP/DOWN/RIGHT 都有对应逻辑

4、set_players(num)：初始化玩家精灵
python

sprites.destroy_all_sprites_of_kind(SpriteKind.player)

...

mp.set_player_sprite(mp.index_to_player(index), sprites.create(...))
复制代码

清除旧玩家精灵
创建新的玩家精灵并设置位置、缩放
自动根据人数平均分布在屏幕底部

5、箭头精灵初始化
python

arrow = sprites.create(img(...), SpriteKind.Arrow)

arrow.set_position(80, 30)
复制代码

创建一个空白箭头精灵，放在屏幕中央
后续会不断更新图像为随机箭头

6、游戏开始提示 + 倒计时挑战
python

game.splash("Be the quickest to match", "arrow directions to win!")

carnival.start_countdown_game(15, carnival.WinTypes.MULTI)
复制代码

显示游戏提示
启动15秒倒计时挑战，胜者为得分最高者


7、音效启动
python

music.play_sound_effect(music.create_sound_effect(...))
复制代码

播放启动音效，增强氛围感

8、箭头图像随机更新
python

def on_update_interval():

    arrow.set_image(arrow_list._pick_random())

game.on_update_interval(500, on_update_interval)
复制代码

每 500 毫秒更新一次箭头图像
从 arrow_list 中随机选一个方向图像
玩家必须快速反应，按下对应方向键

总结：游戏逻辑流程图
玩家连接 → 设置人数和背景
↓
显示提示 → 倒计时开始
↓
箭头每0.5秒变换 → 玩家按键匹配
↓
匹配成功加分 → 倒计时结束 → 胜者公布

图形编程参考实验程序

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



实验场景记录