驴友花雕 发表于 2025-9-19 07:31:39

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



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

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

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





驴友花雕 发表于 2025-9-19 07:38:31

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

作为学习、练习与尝试,这里创建一个贪吃毛毛虫的小游戏。
打开网页版: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)

驴友花雕 发表于 2025-9-19 07:45:54

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

这段代码是一个非常精彩的多人对战小游戏——箭雨之战(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秒变换 → 玩家按键匹配

匹配成功加分 → 倒计时结束 → 胜者公布

驴友花雕 发表于 2025-9-19 07:48:10

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

图形编程参考实验程序


驴友花雕 发表于 2025-9-19 07:50:43

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

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



实验场景记录







驴友花雕 发表于 2025-9-19 10:38:19

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

本帖最后由 驴友花雕 于 2025-9-19 13:57 编辑

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