回到首页 返回首页
回到顶部 回到顶部
返回上一页 返回上一页

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

头像 驴友花雕 2025.09.19 3 0

 

00 (3).jpg
00 (4).jpg
00 (5).jpg

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

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

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

 

00 (2).jpg

作为学习、练习与尝试,这里创建一个贪吃毛毛虫的小游戏。
打开网页版: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秒变换 → 玩家按键匹配

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

图形编程参考实验程序

 

143.jpg

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

 

00213---.gif


实验场景记录

 

144 (1).jpg
144 (2).jpg
144 (3).jpg

评论

user-avatar
icon 他的勋章
    展开更多