Cocos creator 推薦你的第一款手遊 Demo

George — Sun, 12 Apr 2026 07:24:10 +0000

除了可以照著影片中的步驟完成這一個小遊戲之外, 作者也有提供 pdf (Build_Your_First_Game_With_Cocos_Creator.pdf) 檔案說明喔! 有興趣的人可以到 cocos dashboard 裡面的 store 收尋 CocosGallery 這個分類(作者/關鍵字) 就可以找到這一個 project 並進行下載(應該是最後一頁).

有關專案內會用的資源檔案, 作者有標注可以到以下網址取得
https://github.com/samuelcust/flappy-bird-assets

由於遊戲內有用到特殊字體, 因此也需要特別下載使用, 作者提供的 url 如下
https://www.fontspace.com/flappy-bird-font-f21349

PS: 如果對於英文內容非常苦手的話, 站長未來另外也會提供中文與日文的解說影片.

TypeScript 在變數後面加上 “!” 是什麼意思

George — Sun, 23 Jun 2024 07:47:30 +0000

在 typescript 的程式語言當中, 使用 ! 驚嘆號的意思就是代表驚嘆號前方的變數(物件)必須是存在的, 如果不存在就會出錯!
有點類似主動防呆的一種用法!!! 避免在這類高階程式語言當中因為將該變數(物件)進行指派或是初始化而造成看不到(不會跳錯誤)的 bug! 以下用個範例解釋!

function TS_test(inputObj: any): void{
    console.log("=====================================");
    // 完全正常的 case
    console.log('Best fruit name is: ' + inputObj.fruit!.name);
    // 因為沒有加上 ! ,所以並未強制判斷變數(物件)並要求跳出 error
    console.log('Case 1: Best food is: ' + inputObj.food);
    // 因為有加上 ! ,因此程式碼會判斷 food 是否存在, 不存在的話就會跳出 error
    console.log('Case 2: Best food is: ' + inputObj.food!.name);
    console.log("=====================================");
}

const TaiwanBest = {
    fruit: {name: 'banana'}
}
TS_test(TaiwanBest);

輸出結果如下

console.log('Case 2: Best food is: ' + inputObj.food!.name);

TypeError: Cannot read properties of undefined (reading 'name')

參考資料來源: https://blog.csdn.net/qubes/article/details/136867140

JavaScript / TypeScript – CAPDIO

Cocos creator 推薦你的第一款手遊 Demo

TypeScript 在變數後面加上 “!” 是什麼意思