[LÖVE] 第一個遊戲畫面

閱讀時間約 1 分鐘

學完基礎的Lua語法後,今天開始製作第一個遊戲畫面了!

我是從YT上找freeCodeCamp.org的教學影片,大家有興趣可以參考看看。

一開始是先學人物走動,首先要有人物畫面的話,要先建立一個SpriteSheet,就是把多張定格圖組合成一系列連續動作的合併圖。

可以到網路上找免費的遊戲圖庫,在這邊是使用gameart2d裡面的圖庫,裡面的圖都是一張一張的,所以還需要再自己去網路上找把多個圖片合成SpriteSheet的工具或網頁。


SpriteSheet

SpriteSheet


遊戲框架一共分成3大部分,love.load()遊戲一開始會載入的資訊、love.update(dt)隨著frame做動態更新、love.draw()想在視窗中呈現的畫面,寫完基礎的功能後就可以完成人物走動的畫面。

如果想看程式碼的部分可以參考我的github或作者的,我會把參考網址都放在最下方讓大家參考。

成果 :

人物走動 gif

人物走動 gif



My github : https://github.com/YounaChen/WalkingMan

教學網站 : https://www.youtube.com/watch?v=I549C6SmUnk

免費2D圖庫 : https://www.gameart2d.com/red-hat-boy-free-sprites.html

    7會員
    47Content count
    這裡會放一些我寫過的 Leetcode 解題和學習新技術的筆記
    留言0
    查看全部
    發表第一個留言支持創作者!
    你可能也想看
    Thumbnail
    重點摘要: 1.9 月降息 2 碼、進一步暗示年內還有 50 bp 降息 2.SEP 上修失業率預期,但快速的降息速率將有助失業率觸頂 3.未來幾個月經濟數據將繼續轉弱,經濟復甦的時點或是 1Q25 季底附近
    Thumbnail
    近期的「貼文發佈流程 & 版型大更新」功能大家使用了嗎? 新版式整體視覺上「更加凸顯圖片」,為了搭配這次的更新,我們推出首次貼文策展 ❤️ 使用貼文功能並完成這次的指定任務,還有機會獲得富士即可拍,讓你的美好回憶都可以用即可拍珍藏!
    Thumbnail
    重點摘要: 1.9 月降息 2 碼、進一步暗示年內還有 50 bp 降息 2.SEP 上修失業率預期,但快速的降息速率將有助失業率觸頂 3.未來幾個月經濟數據將繼續轉弱,經濟復甦的時點或是 1Q25 季底附近
    Thumbnail
    近期的「貼文發佈流程 & 版型大更新」功能大家使用了嗎? 新版式整體視覺上「更加凸顯圖片」,為了搭配這次的更新,我們推出首次貼文策展 ❤️ 使用貼文功能並完成這次的指定任務,還有機會獲得富士即可拍,讓你的美好回憶都可以用即可拍珍藏!