本系列預計以 Google AI 作為學習程式設計的輔助工具,從基礎開始探索 AI 在程式學習與實作上的應用。過程中將嘗試從網頁架設與簡單程式開始,逐步了解程式設計的基本概念與開發流程,並視學習進度挑戰遊戲等不同類型的實作。除了記錄學習與開發過程,也會整理使用 AI 協助理解程式、撰寫程式碼與除錯的經驗,探索 AI 工具在程式學習上的實際應用。
為什麼從網頁開始? 這次參加 iThome 鐵人賽,我選擇了 Build on Google AI 作為挑戰主題。其實我原本也有想過,到底第一天要做什麼。我以前...
從練習開始實作 第一天已經稍微了解 HTML 與 CSS 的基本概念,因此第二天決定直接拿來做一個實際的網頁。這次選擇的主題是皮卡丘。因為我個人很喜歡寶可夢(神...
開始規劃作品展示頁面 由於這次參加的是iT鐵人賽,後續預計會做出不同的作品,因此想先建立一個專門放置每日實作成果的網頁,方便之後整理與展示。這次的目標不算複雜,...
選擇題材 昨天做了能讓我展示作品的網頁,我就以此開始花時間思考,要做什麼遊戲來展示會比較好。最後想到可以嘗試製作一些經典的簡易遊戲,除了能當作這次鐵人賽的作品,...
開始設置障礙物 昨天完成了小鳥的基本控制,今天就要來設置障礙物啦,先從最基本的水管開始,讓水管能夠從右側出現,慢慢往左移動,最後離開遊戲畫面後自動消失,之後再依...
更改目標的原因 原先今天想要把水管替換成其他物件,但自己嘗試遊完總感覺怪怪的,才發現是場景沒跟著動,所以今天就把目標定在場景能隨著水管的速度動。 實現背景循環移...
改變玩法的想法 假如靠Gemini幫忙做出已有的小遊戲,就感覺沒什麼特別的。所以我打算更換障礙物,把障礙物用成隨機生成,玩法就會從控制力道鑽過縫隙,改成繞過障礙...
加入道具要有哪一些功能? 道具第一個功能是玩家碰到(穿過)時,會消滅道具物件。第二個功能是玩家碰到(穿過)時,就要獲得道具的該效果。今天就從生成道具開始吧,原先...