设为首页收藏本站
首页 > 论坛 > Arduino

[项目]【花雕动手做】基于Kitronik可编程开发板之多人绘画游戏

驴友花雕 | 中级技神 | 创造力： | 帖子： | 发消息 | 串个门 | 加好友 | 打招呼
2025-9-19 17:08:41 [显示全部楼层]
12浏览
3回复
0收藏
查看: 12|回复: 3

[项目] 【花雕动手做】基于Kitronik可编程开发板之多人绘画游戏

[复制链接]
【花雕动手做】基于Kitronik可编程开发板之多人绘画游戏图1

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

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

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


【花雕动手做】基于Kitronik可编程开发板之多人绘画游戏图3

【花雕动手做】基于Kitronik可编程开发板之多人绘画游戏图2
回复

使用道具 举报

精彩评论(3)

驴友花雕  中级技神
 楼主|

发表于 2 小时前

【花雕动手做】基于Kitronik可编程开发板之多人绘画游戏

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

MicroPython实验代码

  1. @namespace

  2. class SpriteKind:

  3.     Trailing = SpriteKind.create()

  4. 

  5. def on_player3_button_b_pressed():

  6.     changeBrushSize(2)

  7. controller.player3.on_button_event(ControllerButton.B,

  8.     ControllerButtonEvent.PRESSED,

  9.     on_player3_button_b_pressed)

  10. 

  11. def on_on_created(sprite):

  12.     sprite.set_stay_in_screen(True)

  13.     sprite.set_flag(SpriteFlag.INVISIBLE, True)

  14. sprites.on_created(SpriteKind.Trailing, on_on_created)

  15. 

  16. def on_player1_button_a_pressed():

  17.     startPaint(0)

  18. controller.player1.on_button_event(ControllerButton.A,

  19.     ControllerButtonEvent.PRESSED,

  20.     on_player1_button_a_pressed)

  21. 

  22. def on_on_created2(sprite2):

  23.     sprite2.set_stay_in_screen(True)

  24. sprites.on_created(SpriteKind.player, on_on_created2)

  25. 

  26. def on_player4_button_a_pressed():

  27.     startPaint(3)

  28. controller.player4.on_button_event(ControllerButton.A,

  29.     ControllerButtonEvent.PRESSED,

  30.     on_player4_button_a_pressed)

  31. 

  32. def on_player2_button_b_pressed():

  33.     changeBrushSize(1)

  34. controller.player2.on_button_event(ControllerButton.B,

  35.     ControllerButtonEvent.PRESSED,

  36.     on_player2_button_b_pressed)

  37. 

  38. def changeBrushSize(index: number):

  39.     global sizeIndicator

  40.     sizeIndicator = sprites.create(img("""

  41.             . . 1 1 1 1 1 1 1 1 1 1 1 1 .

  42.             . 1 1 1 1 1 1 1 1 1 1 1 1 1 .

  43.             1 1 1 1 1 1 1 1 1 1 1 1 1 1 1

  44.             1 1 1 1 1 1 1 1 1 1 1 1 1 1 1

  45.             1 1 1 1 1 1 1 1 1 1 1 1 1 1 1

  46.             1 1 1 1 1 1 1 1 1 1 1 1 1 1 1

  47.             1 1 1 1 1 1 1 1 1 1 1 1 1 1 1

  48.             1 1 1 1 1 1 1 1 1 1 1 1 1 1 1

  49.             1 1 1 1 1 1 1 1 1 1 1 1 1 1 1

  50.             1 1 1 1 1 1 1 1 1 1 1 1 1 1 1

  51.             1 1 1 1 1 1 1 1 1 1 1 1 1 1 1

  52.             1 1 1 1 1 1 1 1 1 1 1 1 1 1 1

  53.             . 1 1 1 1 1 1 1 1 1 1 1 1 1 .

  54.             . . 1 1 1 1 1 1 1 1 1 1 1 . .

  55.             . . . . . . 1 1 1 . . . . . .

  56.             . . . . . . . 1 . . . . . . .

  57.             """),

  58.         SpriteKind.player)

  59.     sizeIndicator.x = players[index].x

  60.     sizeIndicator.bottom = players[index].top

  61.     sizeIndicator.lifespan = 750

  62.     brushSize[index] = max(1, (brushSize[index] + 1) % 7)

  63.     spriteutils.fill_circle(sizeIndicator.image,

  64.         7,

  65.         6,

  66.         brushSize[index],

  67.         brushColors[index])

  68. 

  69. def on_player2_button_a_pressed():

  70.     startPaint(1)

  71. controller.player2.on_button_event(ControllerButton.A,

  72.     ControllerButtonEvent.PRESSED,

  73.     on_player2_button_a_pressed)

  74. 

  75. def on_player1_button_b_pressed():

  76.     changeBrushSize(0)

  77. controller.player1.on_button_event(ControllerButton.B,

  78.     ControllerButtonEvent.PRESSED,

  79.     on_player1_button_b_pressed)

  80. 

  81. def startPaint(index2: number):

  82.     spriteutils.place_angle_from(trailingSprites[index2], 0, 0, players[index2])

  83.     spriteutils.place_angle_from(followingSprites[index2], 0, 0, players[index2])

  84. 

  85. def on_player4_button_b_pressed():

  86.     changeBrushSize(3)

  87. controller.player4.on_button_event(ControllerButton.B,

  88.     ControllerButtonEvent.PRESSED,

  89.     on_player4_button_b_pressed)

  90. 

  91. def paintLine(color: number, radius: number, fromSprite: Sprite, toSprite: Sprite):

  92.     global angle, distance

  93.     angle = spriteutils.angle_from(toSprite, fromSprite)

  94.     distance = spriteutils.distance_between(fromSprite, toSprite)

  95.     while True:

  96.         spriteutils.place_angle_from(fromSprite, angle, distance, toSprite)

  97.         spriteutils.fill_circle(scene.background_image(),

  98.             Math.round(fromSprite.x),

  99.             Math.round(fromSprite.y),

  100.             radius,

  101.             color)

  102.         distance += -1

  103.         if distance <= 0:

  104.             break

  105.     spriteutils.place_angle_from(fromSprite, 0, 0, toSprite)

  106. 

  107. def on_player3_button_a_pressed():

  108.     startPaint(2)

  109. controller.player3.on_button_event(ControllerButton.A,

  110.     ControllerButtonEvent.PRESSED,

  111.     on_player3_button_a_pressed)

  112. 

  113. def on_menu_pressed():

  114.     scene.set_background_image(img("""

  115.         ................................................................................................................................................................

  116.         ................................................................................................................................................................

  117.         ................................................................................................................................................................

  118.         ................................................................................................................................................................

  119.         ................................................................................................................................................................

  120.         ................................................................................................................................................................

  121.         ................................................................................................................................................................

  122.         ................................................................................................................................................................

  123.         ................................................................................................................................................................

  124.         ................................................................................................................................................................

  125.         ................................................................................................................................................................

  126.         ................................................................................................................................................................

  127.         ................................................................................................................................................................

  128.         ................................................................................................................................................................

  129.         ................................................................................................................................................................

  130.         ................................................................................................................................................................

  131.         ................................................................................................................................................................

  132.         ................................................................................................................................................................

  133.         ................................................................................................................................................................

  134.         ................................................................................................................................................................

  135.         ................................................................................................................................................................

  136.         ................................................................................................................................................................

  137.         ................................................................................................................................................................

  138.         ................................................................................................................................................................

  139.         ................................................................................................................................................................

  140.         ................................................................................................................................................................

  141.         ................................................................................................................................................................

  142.         ................................................................................................................................................................

  143.         ................................................................................................................................................................

  144.         ................................................................................................................................................................

  145.         ................................................................................................................................................................

  146.         ................................................................................................................................................................

  147.         ................................................................................................................................................................

  148.         ................................................................................................................................................................

  149.         ................................................................................................................................................................

  150.         ................................................................................................................................................................

  151.         ................................................................................................................................................................

  152.         ................................................................................................................................................................

  153.         ................................................................................................................................................................

  154.         ................................................................................................................................................................

  155.         ................................................................................................................................................................

  156.         ................................................................................................................................................................

  157.         ................................................................................................................................................................

  158.         ................................................................................................................................................................

  159.         ................................................................................................................................................................

  160.         ................................................................................................................................................................

  161.         ................................................................................................................................................................

  162.         ................................................................................................................................................................

  163.         ................................................................................................................................................................

  164.         ................................................................................................................................................................

  165.         ................................................................................................................................................................

  166.         ................................................................................................................................................................

  167.         ................................................................................................................................................................

  168.         ................................................................................................................................................................

  169.         ................................................................................................................................................................

  170.         ................................................................................................................................................................

  171.         ................................................................................................................................................................

  172.         ................................................................................................................................................................

  173.         ................................................................................................................................................................

  174.         ................................................................................................................................................................

  175.         ................................................................................................................................................................

  176.         ................................................................................................................................................................

  177.         ................................................................................................................................................................

  178.         ................................................................................................................................................................

  179.         ................................................................................................................................................................

  180.         ................................................................................................................................................................

  181.         ................................................................................................................................................................

  182.         ................................................................................................................................................................

  183.         ................................................................................................................................................................

  184.         ................................................................................................................................................................

  185.         ................................................................................................................................................................

  186.         ................................................................................................................................................................

  187.         ................................................................................................................................................................

  188.         ................................................................................................................................................................

  189.         ................................................................................................................................................................

  190.         ................................................................................................................................................................

  191.         ................................................................................................................................................................

  192.         ................................................................................................................................................................

  193.         ................................................................................................................................................................

  194.         ................................................................................................................................................................

  195.         ................................................................................................................................................................

  196.         ................................................................................................................................................................

  197.         ................................................................................................................................................................

  198.         ................................................................................................................................................................

  199.         ................................................................................................................................................................

  200.         ................................................................................................................................................................

  201.         ................................................................................................................................................................

  202.         ................................................................................................................................................................

  203.         ................................................................................................................................................................

  204.         ................................................................................................................................................................

  205.         ................................................................................................................................................................

  206.         ................................................................................................................................................................

  207.         ................................................................................................................................................................

  208.         ................................................................................................................................................................

  209.         ................................................................................................................................................................

  210.         ................................................................................................................................................................

  211.         ................................................................................................................................................................

  212.         ................................................................................................................................................................

  213.         ................................................................................................................................................................

  214.         ................................................................................................................................................................

  215.         ................................................................................................................................................................

  216.         ................................................................................................................................................................

  217.         ................................................................................................................................................................

  218.         ................................................................................................................................................................

  219.         ................................................................................................................................................................

  220.         ................................................................................................................................................................

  221.         ................................................................................................................................................................

  222.         ................................................................................................................................................................

  223.         ................................................................................................................................................................

  224.         ................................................................................................................................................................

  225.         ................................................................................................................................................................

  226.         ................................................................................................................................................................

  227.         ................................................................................................................................................................

  228.         ................................................................................................................................................................

  229.         ................................................................................................................................................................

  230.         ................................................................................................................................................................

  231.         ................................................................................................................................................................

  232.         ................................................................................................................................................................

  233.         ................................................................................................................................................................

  234.         ................................................................................................................................................................

  235.         """))

  236. controller.menu.on_event(ControllerButtonEvent.PRESSED, on_menu_pressed)

  237. 

  238. targetAngle = 0

  239. distance = 0

  240. angle = 0

  241. followingSprites: List[Sprite] = []

  242. trailingSprites: List[Sprite] = []

  243. players: List[Sprite] = []

  244. brushColors: List[number] = []

  245. brushSize: List[number] = []

  246. sizeIndicator: Sprite = None

  247. scene.set_background_image(img("""

  248.     ................................................................................................................................................................

  249.     ................................................................................................................................................................

  250.     ................................................................................................................................................................

  251.     ................................................................................................................................................................

  252.     ................................................................................................................................................................

  253.     ................................................................................................................................................................

  254.     ................................................................................................................................................................

  255.     ................................................................................................................................................................

  256.     ................................................................................................................................................................

  257.     ................................................................................................................................................................

  258.     ................................................................................................................................................................

  259.     ................................................................................................................................................................

  260.     ................................................................................................................................................................

  261.     ................................................................................................................................................................

  262.     ................................................................................................................................................................

  263.     ................................................................................................................................................................

  264.     ................................................................................................................................................................

  265.     ................................................................................................................................................................

  266.     ................................................................................................................................................................

  267.     ................................................................................................................................................................

  268.     ................................................................................................................................................................

  269.     ................................................................................................................................................................

  270.     ................................................................................................................................................................

  271.     ................................................................................................................................................................

  272.     ................................................................................................................................................................

  273.     ................................................................................................................................................................

  274.     ................................................................................................................................................................

  275.     ................................................................................................................................................................

  276.     ................................................................................................................................................................

  277.     ................................................................................................................................................................

  278.     ................................................................................................................................................................

  279.     ................................................................................................................................................................

  280.     ................................................................................................................................................................

  281.     ................................................................................................................................................................

  282.     ................................................................................................................................................................

  283.     ................................................................................................................................................................

  284.     ................................................................................................................................................................

  285.     ................................................................................................................................................................

  286.     ................................................................................................................................................................

  287.     ................................................................................................................................................................

  288.     ................................................................................................................................................................

  289.     ................................................................................................................................................................

  290.     ................................................................................................................................................................

  291.     ................................................................................................................................................................

  292.     ................................................................................................................................................................

  293.     ................................................................................................................................................................

  294.     ................................................................................................................................................................

  295.     ................................................................................................................................................................

  296.     ................................................................................................................................................................

  297.     ................................................................................................................................................................

  298.     ................................................................................................................................................................

  299.     ................................................................................................................................................................

  300.     ................................................................................................................................................................

  301.     ................................................................................................................................................................

  302.     ................................................................................................................................................................

  303.     ................................................................................................................................................................

  304.     ................................................................................................................................................................

  305.     ................................................................................................................................................................

  306.     ................................................................................................................................................................

  307.     ................................................................................................................................................................

  308.     ................................................................................................................................................................

  309.     ................................................................................................................................................................

  310.     ................................................................................................................................................................

  311.     ................................................................................................................................................................

  312.     ................................................................................................................................................................

  313.     ................................................................................................................................................................

  314.     ................................................................................................................................................................

  315.     ................................................................................................................................................................

  316.     ................................................................................................................................................................

  317.     ................................................................................................................................................................

  318.     ................................................................................................................................................................

  319.     ................................................................................................................................................................

  320.     ................................................................................................................................................................

  321.     ................................................................................................................................................................

  322.     ................................................................................................................................................................

  323.     ................................................................................................................................................................

  324.     ................................................................................................................................................................

  325.     ................................................................................................................................................................

  326.     ................................................................................................................................................................

  327.     ................................................................................................................................................................

  328.     ................................................................................................................................................................

  329.     ................................................................................................................................................................

  330.     ................................................................................................................................................................

  331.     ................................................................................................................................................................

  332.     ................................................................................................................................................................

  333.     ................................................................................................................................................................

  334.     ................................................................................................................................................................

  335.     ................................................................................................................................................................

  336.     ................................................................................................................................................................

  337.     ................................................................................................................................................................

  338.     ................................................................................................................................................................

  339.     ................................................................................................................................................................

  340.     ................................................................................................................................................................

  341.     ................................................................................................................................................................

  342.     ................................................................................................................................................................

  343.     ................................................................................................................................................................

  344.     ................................................................................................................................................................

  345.     ................................................................................................................................................................

  346.     ................................................................................................................................................................

  347.     ................................................................................................................................................................

  348.     ................................................................................................................................................................

  349.     ................................................................................................................................................................

  350.     ................................................................................................................................................................

  351.     ................................................................................................................................................................

  352.     ................................................................................................................................................................

  353.     ................................................................................................................................................................

  354.     ................................................................................................................................................................

  355.     ................................................................................................................................................................

  356.     ................................................................................................................................................................

  357.     ................................................................................................................................................................

  358.     ................................................................................................................................................................

  359.     ................................................................................................................................................................

  360.     ................................................................................................................................................................

  361.     ................................................................................................................................................................

  362.     ................................................................................................................................................................

  363.     ................................................................................................................................................................

  364.     ................................................................................................................................................................

  365.     ................................................................................................................................................................

  366.     ................................................................................................................................................................

  367.     ................................................................................................................................................................

  368.     """))

  369. p1 = sprites.create(img("""

  370.         . . . f . . .

  371.         . . f 2 f . .

  372.         . f f 2 f f .

  373.         f 2 2 2 2 2 f

  374.         . f f 2 f f .

  375.         . . f 2 f . .

  376.         . . . f . . .

  377.         """),

  378.     SpriteKind.player)

  379. p1.set_position(30, 30)

  380. p2 = sprites.create(img("""

  381.         . . . f . . .

  382.         . . f 8 f . .

  383.         . f f 8 f f .

  384.         f 8 8 8 8 8 f

  385.         . f f 8 f f .

  386.         . . f 8 f . .

  387.         . . . f . . .

  388.         """),

  389.     SpriteKind.player)

  390. p2.set_position(130, 30)

  391. p3 = sprites.create(img("""

  392.         . . . f . . .

  393.         . . f 4 f . .

  394.         . f f 4 f f .

  395.         f 4 4 4 4 4 f

  396.         . f f 4 f f .

  397.         . . f 4 f . .

  398.         . . . f . . .

  399.         """),

  400.     SpriteKind.player)

  401. p3.set_position(30, 90)

  402. p4 = sprites.create(img("""

  403.         . . . f . . .

  404.         . . f 6 f . .

  405.         . f f 6 f f .

  406.         f 6 6 6 6 6 f

  407.         . f f 6 f f .

  408.         . . f 6 f . .

  409.         . . . f . . .

  410.         """),

  411.     SpriteKind.player)

  412. p4.set_position(130, 90)

  413. controller.player1.move_sprite(p1, 50, 50)

  414. controller.player2.move_sprite(p2, 50, 50)

  415. controller.player3.move_sprite(p3, 50, 50)

  416. controller.player4.move_sprite(p4, 50, 50)

  417. brushColors = [2, 8, 4, 6]

  418. brushSize = [3, 3, 3, 3]

  419. players = [p1, p2, p3, p4]

  420. trailingSprites = [sprites.create(img("""

  421.             . . . f . . .

  422.             . . f 2 f . .

  423.             . f f 2 f f .

  424.             f 2 2 2 2 2 f

  425.             . f f 2 f f .

  426.             . . f 2 f . .

  427.             . . . f . . .

  428.             """),

  429.         SpriteKind.Trailing),

  430.     sprites.create(img("""

  431.             . . . f . . .

  432.             . . f 2 f . .

  433.             . f f 2 f f .

  434.             f 2 2 2 2 2 f

  435.             . f f 2 f f .

  436.             . . f 2 f . .

  437.             . . . f . . .

  438.             """),

  439.         SpriteKind.Trailing),

  440.     sprites.create(img("""

  441.             . . . f . . .

  442.             . . f 2 f . .

  443.             . f f 2 f f .

  444.             f 2 2 2 2 2 f

  445.             . f f 2 f f .

  446.             . . f 2 f . .

  447.             . . . f . . .

  448.             """),

  449.         SpriteKind.Trailing),

  450.     sprites.create(img("""

  451.             . . . f . . .

  452.             . . f 2 f . .

  453.             . f f 2 f f .

  454.             f 2 2 2 2 2 f

  455.             . f f 2 f f .

  456.             . . f 2 f . .

  457.             . . . f . . .

  458.             """),

  459.         SpriteKind.Trailing)]

  460. followingSprites = [sprites.create(img("""

  461.             . . . f . . .

  462.             . . f 2 f . .

  463.             . f f 2 f f .

  464.             f 2 2 2 2 2 f

  465.             . f f 2 f f .

  466.             . . f 2 f . .

  467.             . . . f . . .

  468.             """),

  469.         SpriteKind.Trailing),

  470.     sprites.create(img("""

  471.             . . . f . . .

  472.             . . f 8 f . .

  473.             . f f 8 f f .

  474.             f 8 8 8 8 8 f

  475.             . f f 8 f f .

  476.             . . f 8 f . .

  477.             . . . f . . .

  478.             """),

  479.         SpriteKind.Trailing),

  480.     sprites.create(img("""

  481.             . . . f . . .

  482.             . . f 4 f . .

  483.             . f f 4 f f .

  484.             f 4 4 4 4 4 f

  485.             . f f 4 f f .

  486.             . . f 4 f . .

  487.             . . . f . . .

  488.             """),

  489.         SpriteKind.Trailing),

  490.     sprites.create(img("""

  491.             . . . f . . .

  492.             . . f 6 f . .

  493.             . f f 6 f f .

  494.             f 6 6 6 6 6 f

  495.             . f f 6 f f .

  496.             . . f 6 f . .

  497.             . . . f . . .

  498.             """),

  499.         SpriteKind.Trailing)]

  500. turnRate = 0.2

  501. 

  502. def on_on_update():

  503.     global angle, targetAngle

  504.     if controller.player1.is_pressed(ControllerButton.A):

  505.         paintLine(2, brushSize[0], trailingSprites[0], followingSprites[0])

  506.     if controller.player2.is_pressed(ControllerButton.A):

  507.         paintLine(8, brushSize[1], trailingSprites[1], followingSprites[1])

  508.     if controller.player3.is_pressed(ControllerButton.A):

  509.         paintLine(4, brushSize[2], trailingSprites[2], followingSprites[2])

  510.     if controller.player4.is_pressed(ControllerButton.A):

  511.         paintLine(6, brushSize[3], trailingSprites[3], followingSprites[3])

  512.     for index3 in range(4):

  513.         angle = Math.atan2(followingSprites[index3].vy, followingSprites[index3].vx)

  514.         if angle < 0:

  515.             angle += 2 * spriteutils.consts(spriteutils.Consts.PI)

  516.         targetAngle = spriteutils.angle_from(followingSprites[index3], players[index3])

  517.         if targetAngle < 0:

  518.             targetAngle += 2 * spriteutils.consts(spriteutils.Consts.PI)

  519.         if abs(targetAngle - angle) > spriteutils.consts(spriteutils.Consts.PI):

  520.             if angle < targetAngle:

  521.                 angle += 0 - turnRate

  522.             else:

  523.                 angle += turnRate

  524.         elif angle < targetAngle:

  525.             angle += turnRate

  526.         else:

  527.             angle += 0 - turnRate

  528.         if angle < 0:

  529.             angle += 2 * spriteutils.consts(spriteutils.Consts.PI)

  530.         spriteutils.set_velocity_at_angle(followingSprites[index3],

  531.             angle,

  532.             6 * min(10,

  533.                 spriteutils.distance_between(followingSprites[index3], players[index3])))

  534. game.on_update(on_on_update)
复制代码


回复

使用道具 举报

驴友花雕  中级技神
 楼主|

发表于 2 小时前

【花雕动手做】基于Kitronik可编程开发板之多人绘画游戏

MakeCode 多人绘画游戏代码解读
这是一个支持最多4名玩家同时游玩的绘画游戏，玩家可以控制角色移动并在屏幕上绘制彩色线条。

游戏概述
这是一个多人协作绘画游戏，4名玩家分别控制不同颜色的画笔，在共享画布上自由创作。每个玩家可以调整画笔大小并实时绘制。

代码结构分析

1. 自定义精灵类型
python
  1. class SpriteKind:

  2. 

  3.     Trailing = SpriteKind.create()
复制代码

创建了"Trailing"精灵类型，用于表示画笔的轨迹点

2. 控制器事件处理
游戏为每个玩家设置了按钮事件监听：
A按钮：开始绘画（按住持续绘制）
B按钮：切换画笔大小
菜单按钮：清空画布

3. 核心游戏机制
画笔系统
python
  1. def changeBrushSize(index: number):
复制代码

每个玩家可以独立调整画笔大小（1-6像素）
按下B按钮时显示大小指示器
使用spriteutils.fill_circle创建圆形画笔

绘画系统
python
  1. def paintLine(color: number, radius: number, fromSprite: Sprite, toSprite: Sprite):
复制代码

这是核心的绘画函数，在两个精灵之间绘制线条
使用角度和距离计算来填充圆形点
在场景背景图像上直接绘制

跟随系统
python
  1. def startPaint(index2: number):
复制代码

初始化绘画的起始位置
使用spriteutils.place_angle_from将轨迹精灵放置在玩家精灵位置

4. 玩家和精灵设置
玩家角色
创建了4个不同颜色的玩家精灵：
玩家1：红色（颜色值2）
玩家2：橙色（颜色值8）
玩家3：紫色（颜色值4）
玩家4：蓝色（颜色值6）
每个玩家都有对应的：
主控精灵（players）
轨迹精灵（trailingSprites）
跟随精灵（followingSprites）

移动控制
python
  1. controller.player1.move_sprite(p1, 50, 50)
复制代码

每个玩家可以独立控制自己的角色移动
移动速度为50

5. 游戏主循环
python
  1. def on_on_update():
复制代码

检测玩家是否按住A按钮进行绘画
计算跟随精灵的运动轨迹
使用角度和速度控制使跟随精灵追踪玩家

技术实现细节
绘画算法
python
  1. angle = spriteutils.angle_from(toSprite, fromSprite)

  2. 

  3. distance = spriteutils.distance_between(fromSprite, toSprite)

  4. 

  5. while True:

  6. 

  7.     spriteutils.place_angle_from(fromSprite, angle, distance, toSprite)

  8. 

  9.     spriteutils.fill_circle(scene.background_image(), ...)

  10. 

  11.     distance += -1
复制代码

通过计算两点间的角度和距离
从终点向起点逐步填充圆形点
形成连续的线条效果

平滑跟随系统
python
  1. angle = Math.atan2(followingSprites[index3].vy, followingSprites[index3].vx)

  2. 

  3. targetAngle = spriteutils.angle_from(followingSprites[index3], players[index3])
复制代码

使用三角函数计算当前角度和目标角度
应用转向速率(turnRate)实现平滑转向
根据距离调整移动速度，离玩家越远移动越快

画布管理
python
  1. def on_menu_pressed():

  2. 

  3.     scene.set_background_image(img("""..."""))
复制代码

菜单按钮可以清空画布，重新开始
使用大片的点图像创建空白背景

游戏玩法
移动：使用方向键控制角色移动
绘画：按住A按钮在移动时绘制线条
调整画笔：按B按钮循环切换画笔大小（1-6像素）
清空画布：按菜单按钮重置画布

技术亮点
实时多人协作：4名玩家可以同时在同一个画布上创作
平滑的绘画效果：使用圆形填充算法产生连续的线条
物理跟随系统：跟随精灵会平滑地追踪玩家移动
自定义画笔系统：每个玩家可以独立调整画笔大小和颜色
画布管理：支持清空画布重新开始

这个游戏展示了MakeCode的高级功能，包括复杂的精灵运动控制、实时绘画算法、多人游戏协调和用户界面反馈，是一个很好的多人协作创意工具示例。

回复

使用道具 举报

驴友花雕  中级技神
 楼主|

发表于 2 小时前

【花雕动手做】基于Kitronik可编程开发板之多人绘画游戏

图形编程参考实验程序

【花雕动手做】基于Kitronik可编程开发板之多人绘画游戏图1

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

【花雕动手做】基于Kitronik可编程开发板之多人绘画游戏图3

实验场景记录

【花雕动手做】基于Kitronik可编程开发板之多人绘画游戏图2

【花雕动手做】基于Kitronik可编程开发板之多人绘画游戏图4

回复

使用道具 举报

高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

为本项目制作心愿单
购买心愿单
心愿单 编辑
[[wsData.name]]

硬件清单

  • [[d.name]]
btnicon
我也要做!
点击进入购买页面
撰写新帖
关于楼主
勋章墙
萌萌哒新人 活跃会员 宣传大使 牛X认证 创作达人 ARD DAY 摸鱼团员 志“童”道合 编辑选择奖

楼主的其它帖子

background 创造力兑换 background 心愿单 background 创客导航
上海智位机器人股份有限公司 沪ICP备09038501号-4 备案 沪公网安备31011502402448

© 2013-2025 Comsenz Inc. Powered by Discuz! X3.4 Licensed

mail