# A* algorithm In computer science, A* (pronounced as "A star") is a computer algorithm that is widely used in pathfinding and graph traversal, which is the process of finding a path between multiple points, called "nodes". It enjoys widespread use due to its performance and accuracy.<br/><div style='text-align:right'>from <a href='https://en.wikipedia.org/wiki/A*_search_algorithm'>wiki</a></div> ## In this project... 開始遊戲時。程式會自動生成50*50的隨機地圖。<br/> 而算法的開始點為(0,0)。終點則是地圖上隨機一個空白的格子。<br/> 算法完成後，你可以看到有綠色格子，代表算法曾經走過格子。<br/> 你也會看到一個藍色路線，那是A* algorithm 得出的路徑。 ## Reference **[A* tutorial(hightly recommend!)](https://www.gamedev.net/articles/programming/artificial-intelligence/a-pathfinding-for-beginners-r2003/)** ## Authors **[gamtable](/profile/gamtable)**

# Fingertip Star (指尖明星) 快點擊你的鍵盤，成為fingertip star 的一員！ <br> ## BGM1 "Cheery Monday" Kevin MacLeod (incompetech.com)<br> Licensed under Creative Commons: By Attribution 3.0 License<br> http://creativecommons.org/licenses/by/3.0/<br> ## BGM2 "Laser Groove" Kevin MacLeod (incompetech.com)<br> Licensed under Creative Commons: By Attribution 3.0 License<br> http://creativecommons.org/licenses/by/3.0/<br>

# MyFirstGame 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 **[gamtable](/profile/gamtable)**

# TWBetaTest 這專案主要是用來測試新光暈的bug的，如果你有興趣，可以看一下程式碼。其實小哈已經弄出了很多上一代同人陣沒有的功能。 # 功能 1. 鎖氣 2. z鍵： 在原地放煙火 3. x鍵：變成年獸 ## Authors **[gamtable](/profile/gamtable)**

# 圈圈叉叉(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)**

# 俄羅斯方塊(Tetris) 這次遊戲是俄羅斯方塊(Tetris)。 # Keyboard control A = move left, D = move right, W = rotate, S = drop # 源碼 source code **[click here](https://github.com/LauKaKitDanny/tetris_game)** ## Authors **[gamtable](/profile/gamtable)**

# 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)**

# jquery_tutorial_1 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 **[gamtable](/profile/gamtable)**

# 【C.G同人陣】足球小遊戲 仿Messenger的足球小遊戲 ## C.G同人陣介紹 C.G同人陣可說是光暈同人陣的升級版本，C.G同人陣保留了原有的遊戲設計的特色之外， 同時大大增加了自由度，您可以自行做不同的遊戲，不論是RPG還是mini-game，在這也可以實現！ 除此之外，您還可以自行加入不同的檢查、動作，讓你的遊戲不再受限於框架，沒有那個動作，就自己加入那個動作； 你還可以使用自己的資源，包括圖片、音樂等等，千變萬化！ ## 遊戲玩法 開始遊戲時，畫面會出現一個足球，玩家需要點擊足球，讓足球不會掉下來。 ## Versioning We use [SemVer](http://semver.org/) for versioning. ## Authors * **[gamtable](https://code.gamelet.com/dev/profile/gamtable)** ## 注意 本遊戲在電腦和手機上也可以遊玩。開發時以手機為設計藍本，因此很多設計也是基於手機。

# 數據庫模組(firebase) 一個讓用戶可以應用firebase功能的模組。</br>(本版本和rapid中的firebase功能一樣，已加載rapid的用戶可以不用加載這個。) # 什麼是firebase? firebase是一個由Google提供的開發程式應用，申請了firebase之後，你就可以使用線上數據庫的功能，也可以進行帳號驗證的功能等等。</br> <a href = 'https://firebase.google.com/'>(firebase官網)</a> # 教學影片 沒有經驗的人可以看著影片來做： <iframe width="560" height="315" src="https://www.youtube.com/embed/DXbsAiJdfHk?rel=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe> ## Getting Started 1.請先根據上方影片的教學來申請firebase(免費)。</br> 2.輸入下方的程式碼就可以使用！ ```typescript var config = { //請在你的project複製 }; CG.firebase.FireBase.initialize(config); CG.firebase.FireBase.load(() => { //你的程式碼 }); ``` ## Authors * **[gamtable](https://code.gamelet.com/dev/profile/gamtable)** ## 其他教學 <iframe width="560" height="315" src="https://www.youtube.com/embed/8J2iPPIG67E?rel=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>