# 希乃的同人建議使用範本 ## 快捷鈕 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> ## 多重任務列表 將 appSeasons.ts 設為遊戲進入點，即可支援任務章節/列表。 <a href="cg://source/CG.TWEventsGameTemplate/seasons.ts" class="mat-raised-button mat-primary">編輯 seasons.ts 任務列表</a> Set appSeasons.ts as the entry point to support seasons/mission list. <a href="cg://source/CG.TWEventsGameTemplate/seasons.ts" class="mat-raised-button mat-primary">Edit seasons.ts (Mission List)</a> 希乃留</br> 更改封面以及大廳音樂在asetupSingleMission.ts跟asetupMissionSeasons.ts中的CG.TwilightWarsLib.initialize

# 背景 提提大家:沒事看戲就好,亂動或開槍可能要重新再開任務 這次的同人陣的劇不是很好,希望大家不要介意,在光暈停服之前,這個同人陣是一直在設計當中,而不幸地,因為光暈停服了,這個同人陣也隨之告吹了, 這一次在有限的資源中,再創作多一次,不過只有第一場的戰鬥,其他的戰鬥就要等一所有的官方任務出來了了,故此劇情也沒有很多 另外,這個同人陣是以武鬥戲份為主,所以我在武打的部份會很看重,劇情是比較單調的了,以前的同人陣都是和人合伙的,沒有試過自己做,今次是親自操刀, 原來幾分鐘的戲要弄上好幾天,又要不斷的測試..同人陣真的不容易弄,每一個同人陣的作者,看來都用了不少的心血,而且對技術的要求也很高, 付出的時間自然變得更多... 最後為什麼要等所有的官方任務出了才可製作下一個同人陣呢?這是因為特效太少了,我想做的實在太多..小時候我都是看風雲等的漫畫之類的,覺得神話人物 都很帥,我亦想自己創造一個神話,創造光暈的神話,說到神話,大家想到的就是實力,高尚情操等的特色,這次的同人陣也是,不過要神話出來,就要等到同人陣 的特效再多一點了,可能要等一年吧..大約 最後,希望光暈2能招找到新的玩家及老玩家回來野戰區大廝殺,一起做更多更好的同人陣,一起闖關破任務,謝謝大家,希望大家喜歡"一個人的光暈" ## 開始設計 <a href="cg://source/CG.lee1874/game.events" class="mat-raised-button mat-primary">編輯遊戲事件表</a> ## 作者 **[天下金茶](/profile/1645524072293480@facebook)**

# ColorNames A simple CG module providing hex, hex string, and RGB values for [CSS color names](https://www.w3.org/TR/css-color-3/#svg-color). ## Usage #### Hex Number ```typescript const aliceBlueHex = CG.ColorNames.HexNumColor.aliceblue; console.log(aliceBlueHex); // 0xf0f8ff ``` #### Hex String ```typescript const aliceBlueHexStr = CG.ColorNames.HexStrColor.aliceblue; console.log(aliceBlueHexStr); // "#f0f8ff" ``` #### RGB Array ```typescript const aliceBlueRgb = CG.ColorNames.RgbColor.aliceblue; console.log(aliceBlueRgb); // [240, 248, 255] ``` ### Examples #### Using Hex Number with PIXI.js ```typescript sprite.tint = CG.ColorNames.HexNumColor.aliceblue; ``` #### Using Hex String for HTML Element ```typescript document.body.style.backgroundColor = CG.ColorNames.HexStrColor.aliceblue; ``` ## Authors **[FOBShippingPoint](/profile/FOBShippingPoint)**

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

# Pixi範例集 ## 目的 發掘對pixi的興趣，讓對javascript有一些基礎的朋友看得懂（雖然這邊用的是typescript），當然裡面包含的是「為CG平台而寫的」程式，有所侷限。 ## 使用說明 - 執行後請點左邊選擇範例，範例檔案位於demos資料夾中。 - 一些範例右方有使用者介面可以調整數值 ## Pixijs API Documentation - [https://pixijs.download/dev/docs/index.html](https://pixijs.download/dev/docs/index.html) - 關於pixi的詳細文件，可以了解member、method等的意義與作用 ## 科皓不要 ## Authors **[FOBShippingPoint](/profile/FOBShippingPoint)**

# 我的光暈戰記 My Twilight Wars 光暈戰記的同人陣範本，編輯地圖和任務檔就可以製作出自己的任務了。 The template that help developers to build their own twilightwars-like game, your own map, your own mission. ## 快捷鈕 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> ## 多重任務列表 將 appSeasons.ts 設為遊戲進入點，即可支援任務章節/列表。 <a href="cg://source/CG.TWEventsGameTemplate/seasons.ts" class="mat-raised-button mat-primary">編輯 seasons.ts 任務列表</a> Set appSeasons.ts as the entry point to support seasons/mission list. <a href="cg://source/CG.TWEventsGameTemplate/seasons.ts" class="mat-raised-button mat-primary">Edit seasons.ts (Mission List)</a>

# 光暈同人RPG的設計雛形 大家想要式設計RPG可以拷貝此檔案觀摩。 ## 快捷鈕 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> ## 多重任務列表 將 appSeasons.ts 設為遊戲進入點，即可支援任務章節/列表。 <a href="cg://source/CG.TWEventsGameTemplate/seasons.ts" class="mat-raised-button mat-primary">編輯 seasons.ts 任務列表</a> Set appSeasons.ts as the entry point to support seasons/mission list. <a href="cg://source/CG.TWEventsGameTemplate/seasons.ts" class="mat-raised-button mat-primary">Edit seasons.ts (Mission List)</a>

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

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

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