昨天講到了 Typescript 基本的幾個 type，在普通的場景中使用那幾個 type 就夠用了。但在實際應用上時，有時候懷是會遇到昨天講的 type 無...
同學們是否玩過有天梯排名的電競遊戲？有這種賽制的對戰遊戲中，來自四面八方的玩家都可以隨意找對手玩個兩場，並在賽後增減天梯積分，積分越高，越能受到來自其他玩家們景...
Day 16 關於 Matrics 在前幾天的文中，我有提到 Matrics 模組，這是一個提供網頁介面讓管理者（或使用者）可以監測 Bot 狀態的模組，這篇文...
Vite環境最...咦!壞掉了... 環境什麼的果然還是最麻煩了! 哭阿!──────────────── By Opshell 目標：成功完成一個能用...
本系列文已改編成書「甚麼？網頁也可以做派對遊戲？使用 Vue 和 babylon.js 打造 3D 派對遊戲吧！」 書中不只重構了程式架構、改善了介面設計，還新...
鱈魚
‧
2022-10-01
今天要提到的是TypeScript才有的語法，而TypeScript的這些語法擴展了JavaScript缺乏的一些OOP(Objected-oriented P...
遊戲中把敵人打到戰鬥不能後，敵人不是會噴血、噴錢、噴道具嗎？那同學們知道這些噴出來的東西，在程式中是怎麼選擇降落的位置嗎？該不會以為是亂數隨便選一選的吧！其實小...
Day 15 努力重構中 QQ 每日鐵人賽熱門 Top 10 (2022-09-30) 以 2022/09/29 20:00 ~ 2022/09/30 21:...
本系列文已改編成書「甚麼？網頁也可以做派對遊戲？使用 Vue 和 babylon.js 打造 3D 派對遊戲吧！」 書中不只重構了程式架構、改善了介面設計，還新...
鱈魚
‧
2022-09-30
今天是鐵人賽的第十六篇文章，也是 Typescript 系列的第一篇文章，這系列文章總共會有四個篇幅，內容會從為什麼需要 Typescript 開始，再來介紹...
無限Menu 我如果你願意一層一層一層一層... 一層一層......做出Menu! 不願意!遞迴可以嗎?────────────── By Opshell...
前兩天分別介紹了兩種路徑搜尋演算法，《戴克斯特拉》與《貪婪演算法》。他們尋路的過程大同小異，但演算的結果卻大相徑庭。 復習 這兩種演算法都會將觸及的所有格子，分...
Class是JavaScript ES6以後出來的語法糖，今天大部分的內容也和JavaScript差不多，如果對JavaScript Class熟悉的話，加上型...
Day 14 I18n i18n 是 internationalization 的縮寫，意思是國際化，也就是支援多國語言。 在開發 Bot 時，我們會希望能夠支...
本系列文已改編成書「甚麼？網頁也可以做派對遊戲？使用 Vue 和 babylon.js 打造 3D 派對遊戲吧！」 書中不只重構了程式架構、改善了介面設計，還新...
鱈魚
‧
2022-09-29
喜歡的都裝在一起 我才不要別人喜歡的我要自己喜歡的───────────────── By Opshell 目標: vite-plugin-svg-ic...
昨天介紹了一個絕對最佳路徑搜尋法，《戴克斯特拉演算法》，但缺點是效率低，不適合在繁忙的遊戲程式裏運作。於是我們今天要把昨天的演算法稍稍地改一點，變成超高效率的貪...
Day 13 終於來到函式(function)，函式篇章也不會太難，只是有一些觀念要留意。 函式 在TypeScript裡，要替函式加上型別的語法如下： fu...
Day 13 今天沒時間重構了，所以來說說排行榜資料 正當我想起來要重構程式碼的時候，我發現已經沒有時間了，所以今天讓我們休息一下。 那今天就來公開一下這次鐵人...
getData 這邊的這個、那個、還有這個不要，剩下的Data包了。───────────────────── By Opshell 目標：今天來改寫g...
本系列文已改編成書「甚麼？網頁也可以做派對遊戲？使用 Vue 和 babylon.js 打造 3D 派對遊戲吧！」 書中不只重構了程式架構、改善了介面設計，還新...
鱈魚
‧
2022-09-28
一講到遊戲中的路徑搜尋，通常 A＊ 這個字眼馬上就會浮起來，因為A*演算法就是目前開發遊戲最熱門的路徑搜尋方式。不過同學們先別鼓噪，我們一步一步來，先從路徑搜尋...
Day 12 同樣因為Tutorial的迴圈(loop)觀念跟JavaScript是相同的，所以只會回顧迴圈的重點。 迴圈(loop)代表的是重複做相同或類似...
Day 12 開發路上，必有重構 看了一下之前寫的東西，感覺非常的雜亂。重新整理了一下我想要的架構，然後簡單畫了張圖： 嗯，感覺好像把「依據儲存後端掛載 co...
App.vue & Login 登入─────────── By Opshell 目標: App.vue && getData...
Day 11來到這份Tutorial的Section3 - 控制敘述，包含條件判斷（if-else、switch）與迴圈（for、while）等等。 雖然這是T...
Vue3 + TS Vue3全面可以無縫搭配TS寫法，不用再安裝其他有的沒有的套件！(超棒！) 在Vue裡面使用TS就是在這邊宣告： <sciprt la...
遊戲中總有某些音效需要循環播放，像是迴旋鏢在飛行時產生的咻咻聲，小火堆的辟啪聲，牛群經過時的咚咚聲。如果遊戲能確保聲音來源的數量，那可能沒什麼問題。但像是Min...
Day 11 Server Subscription Plans 既然我們昨天寫出了 MongoDB 的儲存後端，那我們就可以來寫一個有趣的模組了：伺服器訂閱方...
Day6 的時候曾經使用過Union型別，今天就要正式認識Union型別。 Union的關鍵字是 |，其用途是可以合併多個型別成一個型別，例如合併string...
bywater529
小哈片刻
JacobLinCool
Opshell
urlun0404
Global Rachel
iThome鐵人賽
看影片追技術