# <font face="Lolita"><font color="#8000ff">糖漿工坊製品⚑ </font></font>

你好，我是魟魚 這是一個試作類的專檔任務，主要是測試專檔輸出上傳的這個動作。目前由於技術尚且不足，我無法對許多任務上的設定做出 更改；所以，有請見諒。

# 我的光暈戰記 My Twilight Wars 光暈戰記的同人陣範本，編輯地圖和任務檔就可以製作出自己的任務了。 The template that help developers to build their own twilightwars-like game, your own map, your own mission. * [同人陣製作教學影片](https://www.youtube.com/playlist?list=PL1GxW0vJciBTV9DNrhhRpB80gl5irQRx8) ## 快捷鈕 Shortcuts <a href="cg://source/CG.TWEventsGameTemplate/game.events" class="mat-raised-button mat-primary">編輯任務事件表 (Edit Events)</a> <a href="cg://source/CG.TWEventsGameTemplate/gamemap.twmap" class="mat-raised-button mat-primary">編輯地圖 (Edit Map)</a> ## 設定任務季度列表 / Setup Story Seasons 將 appSeasons.ts 設為遊戲進入點，即可支援任務章節/列表。 <a href="cg://source/CG.TWEventsGameTemplate/seasons.json" class="mat-raised-button mat-primary">編輯 seasons.json 任務列表</a> Set appSeasons.ts as the entry point to support seasons/mission list. <a href="cg://source/CG.TWEventsGameTemplate/seasons.en.json" class="mat-raised-button mat-primary">Edit seasons..en.json Mission List (English Ver.)</a> And you need to change "seaons.json" to "seasons.en.json" in appSeasons.ts for it to be referenced.

# DemoFOBsp ## [01]輸出文字 - console：控制台 - log：日誌 - console.log：在控制台輸出 ```typescript // [01]在控制台上印出文字 // 記得用引號將文字括起來 console.log('Hello World!') console.log('哈囉你好嗎衷心感謝') console.log('測試攝氏') ``` ## [02]變數 - let <變數名稱>：宣告變數 - <變數> = <值>：變數賦予一個值 ```typescript // 註解：不會被執行，電腦看的時候會忽略 // 宣告一個變數叫做name let name = "陳其邁" console.log("你好啊！" + name) name = `韓國瑜` console.log(`過去的高雄市長${name}萬萬歲`) console.log(`過去的高雄市長` + name + `萬萬歲`) ``` ## Authors **[FOBShippingPoint](/profile/FOBShippingPoint)**

# KHBYgui The KHBYgui(Ke Hao Bu Yao Graphical User Interface) library is a gui library use only Pixi. 「科皓不要GUI」是用Pixi製作的，排版、內距、文字標籤、按鈕、輸入欄、列表、捲動軸都有。 ## Getting Started see testbed. 請看 testbed 的範例。 ```typescript // make a simple button. let btn = new KButton('Button') btn.setPadding(Padding.make(10)) btn.setSize(100, 50) btn.setRoundedMask(true) CG.Base.pixi.root.addChild(btn) ``` ## Authors **[FOBShippingPoint](/profile/FOBShippingPoint)** ## Special Thanks 科皓不要啦

# LearningWonderlandFOBsp # 操作方式 點選左方按鈕觀看範例 - 舞台：舞台範例，滑鼠右下方會顯示xy座標 - 捲軸背景：演示使用ScrollingBg製作出的捲軸背景 - 攝影機：演示GameCamera的基本用法及設定焦點物件 - 補間動畫：Tween範例，各種不同Easing的呈現 - AUTOWRAP：AutoWrapTextBox試驗，為了我方便而寫的Class - 鍵盤；演示各種鍵盤事件的差異 - 物理：演示如何新增物理物件及連結可視物件 - 音效：演示如何播放音效和改變音量，來源：https://audionautix.com/ (ClapAlong) - 科皓不要: 科皓不要啊 # 第一次接觸程式？ [請移駕](cg://source/CG.LearningWonderlandFOBsp/CG_NiceToMeetYou.md) # 科皓不要 # 舞台初始化 製作遊戲首先應該要製作一個遊戲舞台，而在CG(Code Gamelet)中，我們使用以下方法初始化一個長600像素(px)、寬400像素的舞台： ```typescript CG.Base.pixi.initialize(600, 400) ``` 接著按下<b>試玩遊戲</b>，你會得到一片黑，但是舞台的確已經出現了，讓我們改變舞台顏色使其可見： ```typescript // 指定一個Sprite(精靈)給bg(backgorund) let bg = new PIXI.Sprite(PIXI.Texture.WHITE) // 設定bg的長寬為舞台的長寬 bg.width = CG.Base.pixi.stageWidth bg.height = CG.Base.pixi.stageHeight // 將設定好的bg加進我們的舞台(root) CG.Base.pixi.root.addChild(bg) ``` 資源載入 ```typescript // e.g. LearningWonderlandFOBsp.cover CG.Base.resourceManager.addAppResource('專案名稱.資源1') .addAppResource('專案名稱.資源2') .addAppResource('專案名稱.資源3') .addAppResource('專案名稱.資源4') // function會在資源載入完成後呼叫 CG.Base.resourceManager.load(function(){ console.log('資源載入完成') }) ``` 音效播放 ```typescript // 假設「已經」載入ProjectName.sound這個音效 // sound是一種PIXI.sound.Sound let sound = CG.Base.resourceManager.getSound('ProjectName.sound') // 開始播放 sound.play() // 停止播放 sound.stop() // 繼續播放 sound.resume() // 暫停 sound.pause() // 循環播放 sound.play({loop: true}) ``` ## 物理 快速入門： ```typescript // 用CG.Base.physics創造一個「動態」物理物件，並用phyOb接住 let phyOb: CG.Base.physics2d.PhysicsObject = CG.Base.physics.createPhysicsObject('physicsObjectName', { type: 'dynamic' }) // 給phyOb圓形 phyOb.addCircle(0, 0, 25, { restitution: 1 }) // 啟用除錯繪圖，使物理物件可見 CG.Base.pixi.physcisDebugDraw.setActive(true) ``` 類別介紹： - Physics - PhysicsObject - PhysicsDebugDraw ### Physics <!--  <br> ▲把滑鼠移到initialize上會看到的密文 --> ## Authors **[FOBShippingPoint](/profile/FOBShippingPoint)**

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

# COVID-19 Command centre 副標 「我去指揮也不會太差」 If you were the commander of the Epidemic Control. Take actions and save the world. ### Configurations * Death Rate is set to 3%. * When a person is confirmed positive, he moves very slow. * About two weeks after confirmed positive, 90% of people recover and carry antibody. * Wearing mask lowers the chance to get infected on contact. * Closing border lowers the chance to get infected on touch the border. * Back tracking makes the virus carrier move slower. * Medical resources can help 0.001% of the population. - Make the curve flat can help to reduce the death rate. - Take Quarantine to increase medical resources against the virus. ### Credits Inspired by https://www.washingtonpost.com/graphics/2020/world/corona-simulator/ - [Haska](https://haskasu.com) - [燐火幽冥]() - [火魂]() - [命運]()

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

# About AL: https://myworldbox.github.io/ ## Source code firechat: https://github.com/myworldbox/firechat/ ## Authors **[myworldbox](/profile/myworldbox)**

# About AL: https://myworldbox.github.io/ ## Source code snake: https://github.com/myworldbox/pong/ ## Authors **[myworldbox](/profile/myworldbox)**

# About AL: https://myworldbox.github.io/ ## Source code snake: https://github.com/myworldbox/snake/ ## Authors **[myworldbox](/profile/myworldbox)**

# 光暈功能範例，連宇宙猴猶也能看得懂的同人陣! 提供一些原同人陣的範例，讓你輕鬆做出同人陣(請看原始程式碼，並參考綠色字體的提示來修改，但如果你會，當然可以自己增減) 1.按"開專案" 2.按下左上角有刀叉圖示的按鈕，摳出一個你自己的專案(這樣才能編輯) 3.打開你自己的專案後，到左方的檔案總管理找到GMAE資料夾內的game_play.ts，打開並參考綠色字體的提示來修改 4.另外game_set.ts可以設定一些有關遊戲的設定 ## 目前擁有的範例: 遊戲設定 - 地圖 - 單房間最大玩家上限 - 玩家血量 - 玩家生命數 - 玩家聲望 - 參與陣營 事件 - 延遲 檢查 - 人物自訂按鍵 - 人物是否活著 - 人物屬性狀態.集氣狀態 - 人物屬性狀態.出生階段狀態 - 人物屬性狀態.跳躍狀態 - 人物是否是NPC - 人物是否是玩家 - 人物是否正在移動 - 人物是否正在切換武器 - 人物是否正在裝填子彈 - 人物是否正在攻擊 - 人物是否可被擊中(傷害類型) - 人物重量 - 人物位置 動作 - 新增角色(陣營、出生點、延遲出現、最大血量、重量、行為、演員、最大血量、最小血量、目前血量) - 設定人物屬性(名字、重量、角色大小、角色氣量、演員) - 新增武器道具(種類、位置、能否拾取、旋轉) - 角色說話 - 播放音效 - 角色裝備武器 - 人物死亡 - 發動武器攻擊 - 人物消失(消失動畫長度) - 閃光特效(威力、是否顯示"?"特效、實際遮色時間長度、顏色) - 移動人物位置 - 人物減血(傷害者、傷害值、傷害類型) - 發動技能 - 人物按空白鍵跳躍 - 人物跳躍(最小速度、最大速度、初始跳高速度、閃避率、耗氣量) - 設定預設武器 - 任務暫停 - 任務繼續 - 畫面特效.畫面遮色(亮度、對比、飽和、色調) - 重設人物血量 ## Authors CGpara

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

# 不殺房的首選 此遊戲是小哈片刻的光暈戰記的修改版，具有讓玩家無敵的功能。 此外，此遊戲還有新增水晶弓。還有不動的AI當靶子 這遊戲是不殺房的首選。 ## 已知問題 - 小哈片刻不開放光暈戰記遊戲引擎的代碼！！！！！不能進一步進行修改！！！！！ ## Authors **[TrashTalkWith.JJC](/profile/TrashTalkWith.JJC)**

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

# 俄羅斯方塊(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)**

# MineSweeper 踩地雷 アイラブプログラミング、皆さん一緒にプログラミングませんか？ ## How to play Use your mouse. ## BGM and Sounds BGM: https://www.youtube.com/watch?v=ImPKA_Sy9M4 咕咕一補 咕咕一補 咕咕咕咕咕 關閉音樂的方法：按左上角的框框兩下，待其變為藍色時按兩次Tab鍵，最後再按下空白鍵即可暫停音樂。 Sounds: 踩到地雷的聲音：https://taira-komori.jpn.org/index.html > 無料効果音 > 兵器・爆発 > 小爆発１small_explosion1 插/拔旗子的聲音：CG站內 > drag_piece.mp3 ## Authors **[FOBShippingPoint](/profile/FOBShippingPoint)** 老話一句：科號不要 ## 作者近照 沒有

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