# 圈圈叉叉(Tic Tac Toe) 好吧我又再做了一次圈圈叉叉，不過這次不是用CG做出來，是用Flutter做出來的。<br/> 所以這個ui看起來比之前的好看，因為之前的是用canvas畫出來，canvas功能比較少，比如沒有shadow之類，當然動畫也比較難弄出來。<br/><br/> 而Flutter可以弄出來很漂亮的UI，基本上UI是和手機app差不多的，因為Flutter本身是用來設計手機app。<br/> 這個網頁版其實也是用Flutter弄出來的，因為Flutter最近也支持輸出成Web app。<br/><br/> 總括而言Flutter很值得學習的，當然CG也支援輸出成web/Mobile，但是Flutter做出來的UI真的很好，而且不用學CSS（哈哈哈）～ ## Authors **[gamtable](/profile/gamtable)**

# TutConnections2 在這兒寫下一段簡短的文字介紹你的遊戲吧。 ## 開始設計 <a href="cg://source/CG.TutConnections2/game.events" class="mat-raised-button mat-primary">編輯遊戲事件表</a> ## 作者 **[Haskasu](/profile/113321052805704333314@google)**

# TutConnections One Paragraph of project description goes here ## Getting Started (For a game project) Write some tips or instructions how to control in your game. (For building a module) Write a piece of codes to demostrate how to use this module. ```typescript function examples() { } ``` ## Authors **[Haskasu](/profile/Haskasu)**

# BasicPIXIConcept One Paragraph of project description goes here ## Getting Started (For a game project) Write some tips or instructions how to control in your game. (For building a module) Write a piece of codes to demostrate how to use this module. ```typescript function examples() { } ``` ## Authors **[Haskasu](/profile/Haskasu)**

# TestReactMat One Paragraph of project description goes here ## Getting Started (For a game project) Write some tips or instructions how to control in your game. (For building a module) Write a piece of codes to demostrate how to use this module. ```typescript function examples() { } ``` ## Authors **[Haskasu](/profile/Haskasu)**

# TestCgLogin A platformer game with login/submit scores ## Getting Started (For a game project) Write some tips or instructions how to control in your game. (For building a module) Write a piece of codes to demostrate how to use this module. ```typescript function examples() { } ``` ## Assets https://ansimuz.itch.io/ ## Authors **[Haskasu](/profile/Haskasu)**

# GoLinkJump One Paragraph of the game description goes here ## Getting Started <a href="cg://source/CG.GoLinkJump/game.events" class="mat-raised-button mat-primary">Edit Game Events Sheet</a> ## Authors **[Haskasu](/profile/113321052805704333314@google)**

# HaskaHeroWalk One Paragraph of project description goes here ## Getting Started (For a game project) Write some tips or instructions how to control in your game. (For building a module) Write a piece of codes to demostrate how to use this module. ```typescript function examples() { } ``` ## Authors **[Haskasu](/profile/Haskasu)**

# FindDifferenceFOBsp CAP灑 ## Getting Started 點不一樣的地方 ## 音樂音效 小森平 https://taira-komori.jpn.org/game01.html ゲーム・ボタン音＞正解・キャンセル＞crrect_answer3, blip01使用 OtoLogic https://otologic.jp/free/bgm/pop-music-piano01.html BGM＞ポップス・ピアノ＞閉鎖恋愛 ## Authors **[FOBShippingPoint](/profile/FOBShippingPoint)** 欲知後事如何，科號不要

# 入門C班 第十一課 [課程筆記](https://docs.google.com/presentation/d/14mr7O6LSpZh9Z4T85YxaWCk9xi2TeG1ey65nPm5JAXE/edit?usp=sharing) ## 作業題目 更新遊戲為橫向動作遊戲，並試試延長遊戲舞台。 ## 作業指引 1. 將Class寫進不同的ts檔 1. 監聽鍵盤，空白鍵跳躍 1. 製作不同高度的可踩平台 1. 使用攝影機，聚焦主角 <a href="cg://source/app.ts" class="mat-raised-button mat-primary">開始寫作業</a> ## 附註 * [markdown語法](https://tiida54.github.io/2018/01/03/3%E5%88%86%E9%90%98%E5%AD%B8%E6%9C%83Markdown%E5%B8%B8%E7%94%A8%E8%AA%9E%E6%B3%95/) * 出題: [小哈片刻](/profile/Haskasu)

# HaskaHeroWalk One Paragraph of project description goes here ## Getting Started (For a game project) Write some tips or instructions how to control in your game. (For building a module) Write a piece of codes to demostrate how to use this module. ```typescript function examples() { } ``` ## Authors **[Haskasu](/profile/Haskasu)**

# HockeyEventFOBsp 在這兒寫下一段簡短的文字介紹你的遊戲吧。 ## 開始設計 <a href="cg://source/CG.HockeyEventFOBsp/game.events" class="mat-raised-button mat-primary">編輯遊戲事件表</a> ## 作者 **[FOBShippingPoint](/profile/116465527724712338878@google)**

# HockeyFOBsp ネオン ジェネシス　エアホッケーである ## Getting Started Put your hands together if you want to clap As we take you through this monkey rap! Huh! ## 單人遊戲方式 用左手和右手對打，這可是高難度喔 ## 雙人遊戲方式 用各自的手指移動各自的那個（那個到底叫什麼），用那個打球，先得三分者獲勝 ## 作者 **[FOBShippingPoint](/profile/FOBShippingPoint)** 老話一句 科號不要 ## 作者閒話 打字打到手好痛，現在手放到鍵盤手就會自動打出this了==

# MAGISystemFOBsp MAGI SYSTEM COOL YEAH! ## 操作 按提訴就可以讓MAGI幫你決定 ver.1.0我就不要求什麼了 ## 圖片 我畫的呦 ## 音效 小森平 超推https://taira-komori.jpn.org/game01.html 從2009年就開始的網站，依舊活著 ## 作者 **[FOBShippingPoint](/profile/FOBShippingPoint)** for科號 P.S.科號不要

# OOXX_Try ## 介紹 圈圈叉叉又名OOXX，也稱之為Tic Tac Toe，即為踢（tic)、打（tac）你的腳指頭(toe) 據司馬遷的史記記載，在倪鞍得塔族和秩族搶奪電視遙控器時都是透過這個簡單的遊戲裁判 《遊方第三》 蝴撦七年，倪伐塔為遙控器，奠士公以圈叉制二族，故倪塔後族皆知圈叉遊方也 雖然在現在圈圈叉叉完全是種遊戲，但是在過去圈圈叉叉是當作殺戮的武器，國聯統計在第二次大戰時因為圈圈叉叉死亡的人數超過三千萬，因此務必抱著謹慎的心態進行 在十年前圈圈叉叉界出現了一個人，那個男人的名字叫做「碇ゲンドウ」，僅憑一己之力就打敗了圈叉四天王，四天王各各都身手不凡，在美國、日本、紐西蘭、牙買加分別守護著傳說中的棋盤、圈、左邊的叉、右邊的叉，碇將所有傳說中的寶具集齊後就銷聲匿跡，沒有人知道他的去向...... 今天，你遇到了這個傳說中的男人，現在，改變世界的時候到了。 ## 規則 你是圈，電腦是叉，點到為止 任直橫或斜線三個符號相同者獲勝 ## 怎麼玩 用滑鼠點你要的格子 ## 作者 **[FOBShippingPoint](/profile/FOBShippingPoint)** for 科號 ## 閒話 這個遊戲我寫到一半就累了，所以後面是用東拼西湊的方式在寫，程式會很亂，可能未來的自己看了會說哪個王八蛋寫了這種鳥東西 我是很想打教學啦 等我不忙的時候再說

# TutHeroWalks One Paragraph of project description goes here ## Getting Started (For a game project) Write some tips or instructions how to control in your game. (For building a module) Write a piece of codes to demostrate how to use this module. ```typescript function examples() { } ``` ## Authors **[Haskasu](/profile/Haskasu)**

# HaskaHeroWalk One Paragraph of project description goes here ## Getting Started (For a game project) Write some tips or instructions how to control in your game. (For building a module) Write a piece of codes to demostrate how to use this module. ```typescript function examples() { } ``` ## Authors **[Haskasu](/profile/Haskasu)**

# 入門C班 第七課 [課程筆記](https://docs.google.com/presentation/d/1aewgBro8YxsZ6Q4CkEf_wuNImwZRKWpa6tZGaNNRgTg/edit?usp=sharing) ## 作業題目 製作猜數字遊戲。 ## 作業指引 1. 新增一個新的檔案，副檔名為ts 2. 從app.ts呼叫class，並傳送參數 3. 過程中請記得多測試，以免在某處發生BUG ## 建議 1. 盡量不要看解答寫，善用課程筆記回顧所學內容 2. 倘若看了解答後仍有疑問，歡迎至FB群組發問 <br/> <a href="cg://source/app.ts" class="mat-raised-button mat-primary">開始寫作業</a> ## 附註 * 出題：[火魂](/profile/Frank)

# TiledMapEngine 方塊地圖遊戲引擎 如果大家有玩過光暈戰記／Minecraft，那一定方塊地圖十分了解：<br/> #### <I>方塊地圖是指地圖由一格一格組成。</I><br/> 這個引擎可以讓大家輕鬆做出方塊地圖，並在地圖上設計遊戲。<br/> 不過使用這個引擎之前，你必須在<a href="">我們提供的地圖編輯器</a>設計你的地圖。<br/> 有關地圖編輯器的說明，可以在該專案查看。<br/><br/> ## 我不懂那些函式怎用，怎麼辨？ 你可以點入本專案程式碼查看說明，一切程式碼都是開源的。<br/> 你也可以在本專案建立討論串，說明你的問題。<br/> ## How to use 本專案大多使用asynchronous function，<br/> 換而言之，在使用本專案之前，你可能需要學習一些語法，比如： ```typescript this.gameMap.renderMap() .then(() => { //write your code in here }); ``` 這個程式是要this.gameMap去加載地圖，由於加載地圖需要時間，<br/> 不使用asynchronous function的話，你的程式會卡著一段時間。<br/> 現在，在使用asynchronous function的設計後，你只要把加載地圖之後的程式寫在then中，就可以避免卡著的情況。<br/><br/> 在完成地圖設計之後，你會得一個JSON檔案，這個檔案儲存了一切有關那個的資料。<br/> 然後，你須在你的專案加入本模組，並把JSON檔案上載至你的專案（你也可以修改左方CG.TiledMapEngine中的tiled_map.json）。<br/> 接下來，請參考加載地圖示範： ```typescript CG.Base.pixi.initialize(500, 600); //格式化PIXI CG.Base.resourceManager.addAppResource('TiledMapEngine.mapResource') //加載你的地圖圖片 CG.Base.resourceManager.load(() => { //step 1: 加載JSON $.getJSON(CG.Base.getAppSourceUrl('CG.TiledMapEngine/tiled_map.json'), (data) => { //請把那個url改成你json檔案位置，如果你是直接修改tiled_map.json，這邊可以不用改 //step 2:建立地圖，並把地圖資料，即JSON傳入 this.gameMap = new CG.TiledMapEngine.Map(data , true); //建立一張新地圖，在建立時，會把json資料傳入, true代表有視野限制 //step 3:把地圖素材包加到地圖中 this.gameMap.importUsedMapTexture() //把地圖格子資料加到地圖 .then(() => { //step 4:生成地圖 this.gameMap.renderMap() //生成地圖 .then(() => { CG.Base.pixi.root.addChild(this.gameMap); //把地圖加到PIXI中 }); }); }) }); ``` 這樣，你就會得一個this.gameMap，而這就是你的地圖。<br/> 在CG中，實作無限地圖十分簡單，<br/> 在光暈，我們只有一個地圖，即是只有一個this.gameMap，<br/> 但在CG，你可以使用上面的方法，建立多個地圖。 ## API ### CG.TiledMapEngine.camera ### <div style="color:red">Method</div> set(map: Map, x: number, y: number): void<br/> 根據輸入的地圖和位置，移動視角。 | Parameter | Type | Description | Optional | |:---------:|:------:|:------------------:|:--------:| | map | Map | 要移動視角的地圖。 | No | | x | number | 位置的x軸座標。 | No | | y | number | 位置的y軸座標。 | No | ## Author **[gamtable](/profile/gamtable)**

# numberGuess One Paragraph of project description goes here ## Getting Started (For a game project) Write some tips or instructions how to control in your game. (For building a module) Write a piece of codes to demostrate how to use this module. ```typescript function examples() { } ``` ## Authors **[Frank](/profile/Frank)**