[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會員
    47內容數
    這裡會放一些我寫過的 Leetcode 解題和學習新技術的筆記
    留言0
    查看全部
    發表第一個留言支持創作者!
    你可能也想看
    Lua 宇宙編年史 #18: 錯誤的星光Lua 宇宙編年史 #18: 錯誤的星光
    Thumbnail
    avatar
    KH Huang
    2023-10-18
    Lua 宇宙編年史 #17: 書寫星石Lua 宇宙編年史 #17: 書寫星石
    Thumbnail
    avatar
    KH Huang
    2023-10-15
    Lua 宇宙編年史 #16: 協同星雲樹Lua 宇宙編年史 #16: 協同星雲樹
    Thumbnail
    avatar
    KH Huang
    2023-10-14
    Lua 宇宙編年史 #15: 元表魔界 Lua 宇宙編年史 #15: 元表魔界
    Thumbnail
    avatar
    KH Huang
    2023-10-13
    Lua 宇宙編年史 #14: 模組銀河Lua 宇宙編年史 #14: 模組銀河
    Thumbnail
    avatar
    KH Huang
    2023-10-12
    Lua 宇宙編年史 #13: 星際資料庫Lua 宇宙編年史 #13: 星際資料庫
    Thumbnail
    avatar
    KH Huang
    2023-10-11
    Lua 宇宙編年史 #12: 迭代旋渦Lua 宇宙編年史 #12: 迭代旋渦
    Thumbnail
    avatar
    KH Huang
    2023-10-10
    Lua 宇宙編年史 #11: 陣列天橋Lua 宇宙編年史 #11: 陣列天橋
    Thumbnail
    avatar
    KH Huang
    2023-10-09
    Lua 宇宙編年史 #10: 字串星雨Lua 宇宙編年史 #10: 功能星井
    Thumbnail
    avatar
    KH Huang
    2023-10-08
    Lua 宇宙編年史 #9: 功能星井Lua 宇宙編年史 #9: 功能星井
    Thumbnail
    avatar
    KH Huang
    2023-10-03