Flutter 遊戲開發,不只是程式:如何從有想法到實現一款遊戲(一)

更新於 發佈於 閱讀時間約 5 分鐘
raw-image

前言

當今時代,遊戲已經不再只是單純的娛樂,更成為人們生活中不可或缺的一部分。隨著技術的發展,遊戲也從單機遊戲轉變成網路遊戲、手機遊戲、虛擬實境(VR)遊戲等多種形式。Flutter 作為一種跨平台的開發框架,正逐漸成為開發遊戲的一個重要工具。本系列文章將以「輕鬆入門 Flutter 遊戲開發」為題,從最基礎的開始,帶領讀者一步步學習如何使用 Flutter 開發遊戲。不需要太多的程式基礎,只需要一份對遊戲的熱愛,就可以在本系列文章中學習到足夠的知識,讓自己打造出自己的第一款遊戲。讓我們一起開始這段有趣的學習之旅吧!

我的背景

我是一個熱愛玩遊戲想一些鬼點子的人,目前擔任前端工程師,負責網頁的製作與設計,在上班的閒暇時間時不時會腦動大開,把想到的遊戲點子寫在手機記事本上,遊戲發想來源都來自於生活上,例如,走在路上看到路上的車子呼嘯而過時,我就在想要不要來寫個動態視力大挑戰的遊戲XD,看到新聞說台灣是一個行人地獄時,就來寫個扮演台灣行人並走在路上去指定地點的遊戲等等,雖然想了一堆但都還沒去實現,在決定寫 flutter 之前,我開發了一個線上桌遊多人連線網站,寫完並上線後,推薦給我的同事或朋友們玩玩,他們都有一致的想法「怎麼手機版體驗這麼差,畫面這麼醜XD,bug 一堆」,這時候我才領悟到現在大家比較少會去玩網頁遊戲了,以前的 Flash 和 Facebook 小遊戲的時代已經過了QQ。

之後我開始想要寫手機遊戲,買了 Unity 課程看了一遍又一遍,本身的技能樹都點在了前端,跳去寫 C#(Unity 用的開發語言) 真的是不習慣,開發成本太高了,在某天偶然聽到同事的朋友在用 flutter 寫專題,看了他的語法覺得很新鮮,又是 google 爸爸開發維護,又是跨平台,寫一套上架到兩個平台,又跟 React 有點像(排除 React Native 想學學新東西XD) 就決定是你了,之後就開啟了學習 flutter 之旅。

啟航準備

進入正題,工欲善其事,必先利其器,首先需要準備開發工具以及開發環境:

  1. 下載 flutter
  2. 下載 VScode / Android Studio 也可以,看個人喜好
  3. 測試你的模擬器跑不跑得起來
  4. 開啟一個專案改改看字,看有沒有 hot reload
  5. 詳細環境設定流程可以看官方教學



遊戲模板

這是官方提供的遊戲開發模板,他提供了基礎的功能:

  1. sound - 音效模組
  2. music - 音樂模組
  3. main menu screen - 主畫面有先寫好
  4. settings - 遊戲設定的頁面
  5. ads (AdMob) - 遊戲廣告模組
  6. in-app purchases - 在 app 裡購買商品的模組
  7. games services - Game Center & Google Play Games Services
  8. crash reporting - Firebase Crashlytics

這個範例可以載下來後跑起來試試看,他是一個簡單的遊戲,提供一個完整的專案架構及功能,包含轉場動畫、Landing Page、關卡設計,讓你專心在遊戲開發邏輯上,是個很方便的腳手架。

結語

開發遊戲是一個需要極大的熱誠的事情,你會常常刪了又改,改了又刪,怎麼樣都不滿意,非常容易會放棄,不過我很享受開發中了樂趣,有時候一個小邏輯 bug 就可以卡了我一個晚上,當你到了該睡覺的時間卻還沒解出來,那一晚絕對是難以入眠,又或是你躺在床上正要睡著的那一刻,突然想到了新點子,又爬起來拿著筆記本記下來,有太多太多好玩的事可以分享。

謝謝你看到最後,未來會慢慢地更新我開發遊戲的辛酸血淚過程並把它紀錄下來,對了這是我上架的桌遊網站(不是可疑網站哈哈),非常的陽春XD 目前電腦版的體驗會最好,這可是歷時兩年的開發呢,可以到上面玩玩 ^^

以下為專案連結:




留言
avatar-img
留言分享你的想法!
avatar-img
Johnson Huang的沙龍
7會員
10內容數
Johnson Huang的沙龍的其他內容
2025/01/09
這是一款休閒的記憶配對翻牌遊戲,遊戲總共超過 1000 個關卡等你來挑戰,玩家可以選擇各種不同的主題,例如可愛的動物、繽紛的顏色、超鬧的古人、路邊的樹木與草叢,不只是挑戰你的記憶力還要多一點觀察力才能闖關成功...
Thumbnail
2025/01/09
這是一款休閒的記憶配對翻牌遊戲,遊戲總共超過 1000 個關卡等你來挑戰,玩家可以選擇各種不同的主題,例如可愛的動物、繽紛的顏色、超鬧的古人、路邊的樹木與草叢,不只是挑戰你的記憶力還要多一點觀察力才能闖關成功...
Thumbnail
2024/08/28
大家好,要來介紹一款新開發的翻牌遊戲,可以訓練玩家的反應與記憶力。簡單易懂的遊戲規則以及有趣的題組設計。目前遊戲已經上線,歡迎玩家一起來挑戰!遊戲包含無限接關和排行榜機制,讓玩家能與朋友一較高下。下篇文章將探討遊戲開發技術及購買網域的流程。
Thumbnail
2024/08/28
大家好,要來介紹一款新開發的翻牌遊戲,可以訓練玩家的反應與記憶力。簡單易懂的遊戲規則以及有趣的題組設計。目前遊戲已經上線,歡迎玩家一起來挑戰!遊戲包含無限接關和排行榜機制,讓玩家能與朋友一較高下。下篇文章將探討遊戲開發技術及購買網域的流程。
Thumbnail
2024/08/18
文章介紹了遊戲的核心事件,包括選牌、出牌和計算分數的邏輯與實作。首先介紹遊戲開始時的選牌事件,接著解析出牌事件及算式計算的過程,最後詳述分數計算的邏輯。
Thumbnail
2024/08/18
文章介紹了遊戲的核心事件,包括選牌、出牌和計算分數的邏輯與實作。首先介紹遊戲開始時的選牌事件,接著解析出牌事件及算式計算的過程,最後詳述分數計算的邏輯。
Thumbnail
看更多
你可能也想看
Thumbnail
孩子寫功課時瞇眼?小心近視!這款喜光全光譜TIONE⁺光健康智慧檯燈,獲眼科院長推薦,網路好評不斷!全光譜LED、180cm大照明範圍、5段亮度及色溫調整、350度萬向旋轉,讓孩子學習更舒適、保護眼睛!
Thumbnail
孩子寫功課時瞇眼?小心近視!這款喜光全光譜TIONE⁺光健康智慧檯燈,獲眼科院長推薦,網路好評不斷!全光譜LED、180cm大照明範圍、5段亮度及色溫調整、350度萬向旋轉,讓孩子學習更舒適、保護眼睛!
Thumbnail
創作者營運專員/經理(Operations Specialist/Manager)將負責對平台成長及收入至關重要的 Partnership 夥伴創作者開發及營運。你將發揮對知識與內容變現、影響力變現的精準判斷力,找到你心中的潛力新星或有聲量的中大型創作者加入 vocus。
Thumbnail
創作者營運專員/經理(Operations Specialist/Manager)將負責對平台成長及收入至關重要的 Partnership 夥伴創作者開發及營運。你將發揮對知識與內容變現、影響力變現的精準判斷力,找到你心中的潛力新星或有聲量的中大型創作者加入 vocus。
Thumbnail
這篇文章將會分享一場討論程式發展階段的體悟。
Thumbnail
這篇文章將會分享一場討論程式發展階段的體悟。
Thumbnail
這篇文章將會介紹我對於遊戲企劃師,有哪些理解以及自學的幾條方向。
Thumbnail
這篇文章將會介紹我對於遊戲企劃師,有哪些理解以及自學的幾條方向。
Thumbnail
這篇文章將會講述一款純粹由 AI 繪圖製作的遊戲,它的構想、初步架構;開發者的備註、心情;專案建置、介紹;遊戲流程圖、遊戲架構圖;遊戲初步的動畫腳本、草稿。
Thumbnail
這篇文章將會講述一款純粹由 AI 繪圖製作的遊戲,它的構想、初步架構;開發者的備註、心情;專案建置、介紹;遊戲流程圖、遊戲架構圖;遊戲初步的動畫腳本、草稿。
Thumbnail
這篇文章將會講述一款純粹由 AI 繪圖製作的遊戲,它的構想、初步架構;開發者的備註、心情;專案建置、介紹;遊戲流程圖、遊戲架構圖;遊戲初步的動畫腳本、草稿。 關於開發這款遊戲的一些狀況
Thumbnail
這篇文章將會講述一款純粹由 AI 繪圖製作的遊戲,它的構想、初步架構;開發者的備註、心情;專案建置、介紹;遊戲流程圖、遊戲架構圖;遊戲初步的動畫腳本、草稿。 關於開發這款遊戲的一些狀況
Thumbnail
前一篇說到遊戲開發的契機以及介紹了開發工具與官方提供的遊戲模板,在這一篇文章中,會開始進行遊戲的設計與製作,目標是上架到 Google Play 與 App Store 平台上,讓我們開始吧!
Thumbnail
前一篇說到遊戲開發的契機以及介紹了開發工具與官方提供的遊戲模板,在這一篇文章中,會開始進行遊戲的設計與製作,目標是上架到 Google Play 與 App Store 平台上,讓我們開始吧!
Thumbnail
前言 當今時代,遊戲已經不再只是單純的娛樂,更成為人們生活中不可或缺的一部分。隨著技術的發展,遊戲也從單機遊戲轉變成網路遊戲、手機遊戲、虛擬實境(VR)遊戲等多種形式。Flutter 作為一種跨平台的開發框架,正逐漸成為開發遊戲的一個重要工具。本系列文章將以「輕鬆入門 Flutter 遊戲開發」為題
Thumbnail
前言 當今時代,遊戲已經不再只是單純的娛樂,更成為人們生活中不可或缺的一部分。隨著技術的發展,遊戲也從單機遊戲轉變成網路遊戲、手機遊戲、虛擬實境(VR)遊戲等多種形式。Flutter 作為一種跨平台的開發框架,正逐漸成為開發遊戲的一個重要工具。本系列文章將以「輕鬆入門 Flutter 遊戲開發」為題
Thumbnail
漸漸醞釀產生劇情的架構、玩法、以及一些點子 這時期通常也是最有趣,但最容易造成遊戲難產的時候 過去看過很多優秀的點子或是企劃人員 想了很多,最後專案難產 原因就是把架構拉得太大,要求過多 甚至鐵三角(企劃、程式、美術)互相推諉 導致專案直接胎死腹中 其實,不用那麼在意 初期,就是先把核心玩法訂出,接
Thumbnail
漸漸醞釀產生劇情的架構、玩法、以及一些點子 這時期通常也是最有趣,但最容易造成遊戲難產的時候 過去看過很多優秀的點子或是企劃人員 想了很多,最後專案難產 原因就是把架構拉得太大,要求過多 甚至鐵三角(企劃、程式、美術)互相推諉 導致專案直接胎死腹中 其實,不用那麼在意 初期,就是先把核心玩法訂出,接
Thumbnail
2022年底,見了業界內幾位大神,還有幾位傳奇人物 一直想好好搞遊戲,礙於現實面 一直沒有時間跟勇氣執行 於是乎 整理了一些教學小作品後 在play商店先上架 小六壬 猜拳 俄羅斯方塊 也在短時間內,交出一個小DEMO後 想想累積十幾年的能量 也該是從學術,教育者 回歸本心初衷... 這些年來,還
Thumbnail
2022年底,見了業界內幾位大神,還有幾位傳奇人物 一直想好好搞遊戲,礙於現實面 一直沒有時間跟勇氣執行 於是乎 整理了一些教學小作品後 在play商店先上架 小六壬 猜拳 俄羅斯方塊 也在短時間內,交出一個小DEMO後 想想累積十幾年的能量 也該是從學術,教育者 回歸本心初衷... 這些年來,還
Thumbnail
這篇文章將會講述遊戲設計師的特性跟遊戲企劃師的分類。
Thumbnail
這篇文章將會講述遊戲設計師的特性跟遊戲企劃師的分類。
Thumbnail
本文章將藉由我的經歷,講述普通人邁向遊戲設計師的歷程,首先簡單介紹遊戲設計師,再把這段時間的經歷分成五步,從職業基本認識到入門方式一步一步介紹,如果你對遊戲設計有興趣、摸索如何成為遊戲設計師,那我相信這篇文章會適合你。
Thumbnail
本文章將藉由我的經歷,講述普通人邁向遊戲設計師的歷程,首先簡單介紹遊戲設計師,再把這段時間的經歷分成五步,從職業基本認識到入門方式一步一步介紹,如果你對遊戲設計有興趣、摸索如何成為遊戲設計師,那我相信這篇文章會適合你。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News