© 2020 台灣程式育協進會 版權所
有
© 2020 台灣程式育協進會 版權所
有
Scratch 界面說明
程式積木
一群 Script
(Script 為積木的集合 )
Stage
Sprite
© 2020 台灣程式育協進會 版權所
有
© 2020 台灣程式育協進會 版權所
有
Scratch 遊戲的主要成份
Stage
Sprite
© 2020 台灣程式育協進會 版權所
有
© 2020 台灣程式育協進會 版權所
有
Stage and Sprite
• Stage: 可以更換不同的 Backdrop( 場景 ) 及 Sound( 配
樂 ) 並且可以用程式來控制
• Sprite: 每個 Sprite 可以擁有屬於自己獨立的
Costume( 造型 ), Sound( 配樂 ) 和控制程式。
© 2020 台灣程式育協進會 版權所
有
Flappy Bird
© 2020 台灣程式育協進會 版權所
有
© 2020 台灣程式育協進會 版權所
有
Code
• https://scratch.mit.edu/projects/1030985719
© 2020 台灣程式育協進會 版權所
有
© 2020 台灣程式育協進會 版權所
有
模擬向前移動
• 基本概念 : 本身物體不動,只要背景移動即可
• 先讓 Floor (1) 向左移動 , 走到一半時通知另 Floor (2) 開
始向左移動,當 Floor(2) 也走到一半時,通知 Floor (1) 復
歸並再次向左移動。如此交替重覆,即可模擬向前走的感
覺
Floor (1)
Floor (2)
© 2020 台灣程式育協進會 版權所
有
© 2020 台灣程式育協進會 版權所
有
Pipe
• Pipe Sprite 的 Costume 都是相同的。 Pipe Sprite 會
相繼隔 2 秒出現且最多同時現身 3 個 Piep 。
© 2020 台灣程式育協進會 版權所
有
© 2020 台灣程式育協進會 版權所
有
Pipe Sprite 移動
• 一旦收到 Pipe Spawn 訊訊
息後 , 做
1) Pipe 置於 state backdrop
上一層即可 , 此例往後退
了 10 個圖層
2) Pipe 高低變換,只要現身
時隨機選擇 y 的座標即可
(0~100)
3) 移動就是改變 Pipe Sprite
的 X 座標,每次減少 2.5 。
4) 若 Sprite X 座標到達 -120
( 即鳥的位置 ), 則分數加 1
© 2020 台灣程式育協進會 版權所
有
© 2020 台灣程式育協進會 版權所
有
Bird Sprite
• 遊戲一旦開始,鳥的初始位置就定在 (-120,0), 接著只是
垂直上下移動 , 即 (-120,y)
(-120,y)
© 2020 台灣程式育協進會 版權所
有
© 2020 台灣程式育協進會 版權所
有
鳥會像自由落體的墜下
• 鳥沒有飛就是就是類似自由落體的墜下, y 的每次減 1,
2, 3, 4, … 下降幅度愈來愈大
決定鳥的位置 , 而 YV 會一直減 1
© 2020 台灣程式育協進會 版權所
有
© 2020 台灣程式育協進會 版權所
有
鳥的飛行 ( 改變 y)
每按一下 , YV 設為正
不允許持續壓著按鍵
© 2020 台灣程式育協進會 版權所
有
© 2020 台灣程式育協進會 版權所
有
Game over
• 碰到黑線則結束
© 2020 台灣程式育協進會 版權所
有
© 2020 台灣程式育協進會 版權所
有
Stage
• 1. 初始化變數
• 2. 音效播效 , 如
flap, die, coin.
© 2020 台灣程式育協進會 版權所
有
© 2020 台灣程式育協進會 版權所
有
顯示分數
• 用兩個 Sprite, 分別代表個位數和十位數
個
位
數
十
位
數
© 2020 台灣程式育協進會 版權所
有
© 2020 台灣程式育協進會 版權所
有
顯示個位數
當分數大於 10 則往右靠一
點 , 空出原本的位置放十位
數
© 2020 台灣程式育協進會 版權所
有
© 2020 台灣程式育協進會 版權所
有
顯示十位數

Scratch遊戲設計 教學培訓課程Scratch Game【台灣程式教育協進會】

  • 1.
    © 2020 台灣程式育協進會版權所 有 © 2020 台灣程式育協進會 版權所 有 Scratch 界面說明 程式積木 一群 Script (Script 為積木的集合 ) Stage Sprite
  • 2.
    © 2020 台灣程式育協進會版權所 有 © 2020 台灣程式育協進會 版權所 有 Scratch 遊戲的主要成份 Stage Sprite
  • 3.
    © 2020 台灣程式育協進會版權所 有 © 2020 台灣程式育協進會 版權所 有 Stage and Sprite • Stage: 可以更換不同的 Backdrop( 場景 ) 及 Sound( 配 樂 ) 並且可以用程式來控制 • Sprite: 每個 Sprite 可以擁有屬於自己獨立的 Costume( 造型 ), Sound( 配樂 ) 和控制程式。
  • 4.
    © 2020 台灣程式育協進會版權所 有 Flappy Bird
  • 5.
    © 2020 台灣程式育協進會版權所 有 © 2020 台灣程式育協進會 版權所 有 Code • https://scratch.mit.edu/projects/1030985719
  • 6.
    © 2020 台灣程式育協進會版權所 有 © 2020 台灣程式育協進會 版權所 有 模擬向前移動 • 基本概念 : 本身物體不動,只要背景移動即可 • 先讓 Floor (1) 向左移動 , 走到一半時通知另 Floor (2) 開 始向左移動,當 Floor(2) 也走到一半時,通知 Floor (1) 復 歸並再次向左移動。如此交替重覆,即可模擬向前走的感 覺 Floor (1) Floor (2)
  • 7.
    © 2020 台灣程式育協進會版權所 有 © 2020 台灣程式育協進會 版權所 有 Pipe • Pipe Sprite 的 Costume 都是相同的。 Pipe Sprite 會 相繼隔 2 秒出現且最多同時現身 3 個 Piep 。
  • 8.
    © 2020 台灣程式育協進會版權所 有 © 2020 台灣程式育協進會 版權所 有 Pipe Sprite 移動 • 一旦收到 Pipe Spawn 訊訊 息後 , 做 1) Pipe 置於 state backdrop 上一層即可 , 此例往後退 了 10 個圖層 2) Pipe 高低變換,只要現身 時隨機選擇 y 的座標即可 (0~100) 3) 移動就是改變 Pipe Sprite 的 X 座標,每次減少 2.5 。 4) 若 Sprite X 座標到達 -120 ( 即鳥的位置 ), 則分數加 1
  • 9.
    © 2020 台灣程式育協進會版權所 有 © 2020 台灣程式育協進會 版權所 有 Bird Sprite • 遊戲一旦開始,鳥的初始位置就定在 (-120,0), 接著只是 垂直上下移動 , 即 (-120,y) (-120,y)
  • 10.
    © 2020 台灣程式育協進會版權所 有 © 2020 台灣程式育協進會 版權所 有 鳥會像自由落體的墜下 • 鳥沒有飛就是就是類似自由落體的墜下, y 的每次減 1, 2, 3, 4, … 下降幅度愈來愈大 決定鳥的位置 , 而 YV 會一直減 1
  • 11.
    © 2020 台灣程式育協進會版權所 有 © 2020 台灣程式育協進會 版權所 有 鳥的飛行 ( 改變 y) 每按一下 , YV 設為正 不允許持續壓著按鍵
  • 12.
    © 2020 台灣程式育協進會版權所 有 © 2020 台灣程式育協進會 版權所 有 Game over • 碰到黑線則結束
  • 13.
    © 2020 台灣程式育協進會版權所 有 © 2020 台灣程式育協進會 版權所 有 Stage • 1. 初始化變數 • 2. 音效播效 , 如 flap, die, coin.
  • 14.
    © 2020 台灣程式育協進會版權所 有 © 2020 台灣程式育協進會 版權所 有 顯示分數 • 用兩個 Sprite, 分別代表個位數和十位數 個 位 數 十 位 數
  • 15.
    © 2020 台灣程式育協進會版權所 有 © 2020 台灣程式育協進會 版權所 有 顯示個位數 當分數大於 10 則往右靠一 點 , 空出原本的位置放十位 數
  • 16.
    © 2020 台灣程式育協進會版權所 有 © 2020 台灣程式育協進會 版權所 有 顯示十位數