模組四｜蜜蜂、碰撞與勝負（Day 16–20） Day 15 講完玩家畫的那條防線為什麼停不下來、以及最直覺的修法會把遊戲弄壞。今天換到線的另一邊：往線上壓...
模組三｜畫線：從手指到剛體（Day 10–15） 昨天的抽稀管線交出最多 64 個點。今天這些點要變成 Matter.js 世界裡「擋得住蜜蜂」的東西。 這...
模組三｜畫線：從手指到剛體（Day 10–15） 昨天的狀態機裡有一個叫 simplifying 的階段，它的內容是四行函式呼叫。今天把那四行拆開。 poi...
模組三｜畫線：從手指到剛體（Day 10–15） 昨天把 clientX 換算成了遊戲座標。一個點有了，但一次畫線不是一個點——它是一段有開始、有結束、隨時...
模組三｜畫線：從手指到剛體（Day 10–15） 昨天把五個 pointer 事件接上了。事件進來之後，第一件事是把 event.clientX 那個數字翻...
模組三｜畫線：從手指到剛體（Day 10–15） 昨天把時間講完了：一個迴圈、兩個時鐘、一個累加器。今天回到迴圈外面——玩家的手指怎麼進到這個系統裡。 這個...
模組三｜畫線：從手指到剛體（Day 10–15） 模組二講完了素材那條線：合約、驗證器、人工閘門。從今天開始的六天，講的是玩家滑一下手指，到螢幕上出現一條擋...
模組二｜工程底座與可驗收的 AI（Day 5–9） 《一條線救一隻狗》是我用 PixiJS 和 Matter.js 做的網頁小遊戲，畫面上三十幾張 SVG...
模組二｜工程底座與可驗收的 AI（Day 5–9） 《一條線救一隻狗》是我用 PixiJS 和 Matter.js 做的網頁小遊戲，畫面上三十幾張 SVG...
模組二｜工程底座與可驗收的 AI（Day 5–9） 《一條線救一隻狗》是我用 PixiJS 和 Matter.js 做的一款網頁小遊戲：玩家畫一條線，讓狗安...
模組二｜工程底座與可驗收的 AI（Day 5–9） 昨天講座標系那條規則只寫了一句話就撐住 44 個檔案。今天把那句話所在的檔案整份打開。 這個 repo...
模組二｜工程底座與可驗收的 AI（Day 5–9） 昨天把範圍畫完了。今天進模組二，講開工那一刻第一個真正無法反悔的決定。 不是選 PixiJS，不是選 V...
模組一｜立案與選型（Day 1–4） Day 2 講規格能自動擋下什麼，Day 3 講選型換來多少工作量。今天是開工前的第三件事：範圍。 三個數字先攤開，全...
模組一｜立案與選型（Day 1–4） 這個系列在做一款瀏覽器小遊戲：玩家畫一條線，擋住從蜂巢飛出來的蜜蜂，讓狗狗撐過十秒。 打開網頁就能玩，一局十秒可以玩完...
模組一｜立案與選型（Day 1–4） 昨天講完這 30 天要交付什麼。今天回到開工前的那份文件。 先攤開事實：這個專案動工之前，有一份 2,419 行的 P...
模組一｜立案與選型（Day 1–4） 先給結果，再講過程。 遊戲在這裡，開了就能玩，不用註冊：https://save-the-dog-web.vercel...
在正式開始「玩具戰爭」30 天重製挑戰之前，我決定先花一篇文章整理事前準備。 挑戰目標 這 30 天的目標是做出一個可運行的原型，至少包含： 資源生產：模擬...
經過幾天的回顧、整理與構思，兵種篇、陣型篇、資源篇、社群篇都讓我們重新溫習了「玩具戰爭」的核心元素。從士兵的特性、基地的佈陣，到資源管理、軍團互動，這些零碎的記...
在「玩具戰爭」裡，不只是建築與兵種，玩家之間的互動也是遊戲靈魂的一部分。當年我們每天不只是收集資源，還要看誰在線、誰是盟友、誰偷了我們的家，尤其是遊戲本身是上架...
在「玩具戰爭」裡，兵種決定進攻力道，陣型決定防守深度，資源與經濟系統則是整個遊戲的基礎。許多老玩家應該還記得，當年每天登入除了調整基地、訓練士兵之外，最重要的就...
在「玩具戰爭」裡，光有強力兵種還不夠，如何佈置自己的基地同樣決定了勝敗。許多老玩家應該都記得，當年每天上線除了訓練士兵、升級英雄之外，最重要的就是收集各項資源、...
在「玩具戰爭」的世界裡，兵種是戰場的基礎，也是策略的起點。雖然這款遊戲已經下線多年，但它獨特的兵種設計仍然讓人印象深刻。為了讓後續的「Rebuild 計畫」有更...
十多年前，Facebook 遊戲正是黃金年代。那時候的我，每天下課後，打開瀏覽器，最期待的不是社群通知，而是一款小小的網頁遊戲——「玩具戰爭」。雖然畫面簡單，卻...
我在這篇文章中，分享如何藉由線上程式編輯平台Replit的AI助手，不用自己寫程式，也能製作出一個結合天文與數學學習的密室逃脫網頁小遊戲。你們對哪些天文主題感...
建立連線 Fusion有提供多種拓撲摸式，上篇講過這篇不在贅述，這次選擇的是Host Mode為基礎，後續的開發內容也是基於Host Mode，Host Mod...
哇，終於完成了！第一次參加鐵人競賽，每天連續發文 30 天真的非常折騰人啊，到最後幾天的時候覺得時間過得蠻快的，很幸運中間沒有斷掉🐰，整理內容調整 MD 語法...
STEP 2 設定 Visual Effects 選項 於視窗頂端工具列中 點擊 Unity ➔ 選擇 Settings ➔ 點選 Visual Effec...
PipeLine ✦ HDRP v.s URP v.s SRP 全名 特點 SRP Scriptable Render Pipeline 可...
場景建立 古古的小提醒：在開始之前，可以先把底下所列舉的課程素材都下載並導入至 Unity，再跟著接下來的步驟進行操作會更好喔～ Realistic T...
Unity 安裝 在使用Unity之前，還要先在Unity官網上取得授權，要記得在官網上申請帳號在開始喔，選擇個人版即可，畢竟我們是從學習的角度開始na。 先...
harryfan
shawnlaaahzz
Jerry073
gubeardbt
iThome鐵人賽
看影片追技術