iT邦幫忙

2022 iThome 鐵人賽

DAY 6
0
影片教學

視窗程式設計系列 第 6

【Day6】製作過街青蛙遊戲_1

  • 分享至 

  • xImage
  •  

嗨,大家好,今天是視窗程式設計影片教學第6天,前面的影片已經談過變數、條件判斷的概念,也搭配這些概念實作一些小專案。接下來幾天,將會依序的教大家如何實作出一個青蛙過街遊戲,並了解其背後如何運作。

關於青蛙過街遊戲我們需要三件物品,第一個是街道圖,第二個是主角青蛙,再來是行走的車子圖片,至於生命值的愛心圖示也可視遊戲需求加入。

關於街道圖的部分我是採用 canva 進行設計,而其他像是主角青蛙和車子等圖片,推薦大家可以至以下網站搜尋,有蠻多圖片可以選擇:https://www.flaticon.com/

圖片的加入有本機資源和專案資源資料夾兩種方式做選擇,選擇後者較不會有因為刪除本機圖片或是專案不在本機運行而產生不能用之情形。透過 backgroundImage 屬性即可加入背景圖片,同時修改 BackgroundImageLayout 屬性成 Stretch 即可完整符合背景的大小,而 picturebox 的屬性也是運用類似方式來產出,並且透過 BackColor 屬性的 Transparent 值來達到去除背景的效果(.png 圖檔才行)。

以上是今天的教學內容

icon素材來源:flaticon(https://www.flaticon.com/)
簡報製作:canva(https://www.canva.com/)

Yes


上一篇
【Day5】按下開始鍵吧!運用button製作碼表和倒數計時器
下一篇
【Day7】青蛙過街遊戲-讓車子動起來!
系列文
視窗程式設計30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言