光暈的存檔系統有點複雜 光暈戰技裡面有ACTOR 與玩家 其中 如果你要存檔 你要用玩家的ID 有些事件可以找到如 玩家加入遊戲防 玩家按下鍵盤 而角色殺死攻擊者代碼就算是玩家 它代表的是ACTOR 並不是玩家ID

# Playground 專門用來快速在畫板上塗塗抹抹的專案。 ## Getting Started 摳出來成為你自己的新專案後，可用以下幾種工具(在/libs裏的工具)快速畫圖。 ```typescript // 畫一個紅色的圓 draw.circle(0, 0, 100, {fillColor: 0xFF0000}); // 打開一個確認視窗 dialog.confirm('Are you sure?', 'Click confirm if you think it is ok.') .then((confirm) => { if(confirm) { console.log('User confirmed.'); } }); // 收集資料畫長條圖 let dataCollector = new DataCollector(); dataCollector.addData('一月', 1, 2); dataCollector.addData('二月', 2, 10); dataCollector.addData('三月', 3, 5); dataCollector.addData('四月', 4, 6); dataCollector.showChart('第一季', 'bar'); ```

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

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

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

# 五十音 ~~BINGO~~ 這是一個用來練習五十音的小遊戲。 可以在主頁面設定要以平假名或是片假名為主。 開始後會產生 5 x 5 的隨機假名表，並且隨機產生對應的題目，如一開始選擇平假名，則題目將為片假名，根據題目選擇對應的假名即可圈選。 快來測試看看自己的速度如何吧！ ~~花了一個晚上做的，原本要做 BINGO，但連線之後有機會再說吧～~~ ## Authors **[cook1470](/profile/cook1470)** ## 素材 ### Sprite - [basic-gui-bundle](https://penzilla.itch.io/basic-gui-bundle) - [Bing image creator](https://www.bing.com/images/create) ### Music - [Bossa Nova](https://opengameart.org/content/bossa-nova) ### Sound Effects - [Haskasu](https://code.gamelet.com/profile/Haskasu/assets) - [cook1470](https://code.gamelet.com/profile/cook1470/assets)

# 我的光暈戰記 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>

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

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

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

# PracticeZombieUI 這是一個用於模擬顯示光暈戰記 - 殭屍來襲中，商店 UI 的事件表模組。 ### 包含模組 - [TwilightWarsLib](https://twilightwarslib.gamelet.online/) ## 使用介紹 1. 在想要啟用 UI 的事件表中，用於初始化的事件中**添加兩個全域變數**，用於代表**天數**、**金幣**。 2. 宣告變數之後再添加**「殭屍來襲 UI：初始化」**動作，並帶入第 1 步新增的兩個全域變數。 3. 可使用動作**「殭屍來襲 UI：添加商品」**添加商品，若須自訂圖示則需使用自訂武器道具。 4. 若要改變天數、金幣請使用動作**「殭屍來襲 UI：設置天數」**、**「殭屍來襲 UI：設置金幣」**。 5. 可自行接收觸發**「殭屍來襲 UI：選擇商品」**來實踐選擇商品後的事件動作。<br/>*觸發的選擇商品只有在玩家選擇商品，且金幣可購買商品時觸發。* ## Authors **[cook1470](/profile/cook1470)**

# 畫線畫圖演算法 - 布雷森漢姆直線演算法 (Bresenham's line algorithm) - 吳小林直線演算法 (Xiaolin Wu's line algorithm) - 中點畫圓演算法 (Midpoint Circle algorithm) - 反鋸齒畫圓演算法 (Antialias Circle algorithm) # 影片講解 [畫線演算法] https://www.youtube.com/watch?v=YAsKbVYS6jY [畫圓演算法] https://www.youtube.com/watch?v=dMyCjrYCD2w

# 為啥老在for迴圈裏寫 ++i (而不是 i++) 影片在這啦 - 《隨口講講系列：為什麼喜歡在for迴圈裏寫 ++i》 https://www.youtube.com/watch?v=P44ly_VOjF0 ## Authors **[Haskasu](/profile/Haskasu)**

九種職業 (冒險者 薩滿 偵探 遊俠 忍者 卜筮 惡魔 沙漠盜賊 冰原行者) 四段加強(每五依序解鎖 吸血100% 增傷一倍 10%護盾 每5次爆擊 且每個職業主要輸出每等1.05倍 血量+20%) 隨機生怪 擊敗首領(殺死25隻任意怪物 即會召喚地下城之主 50%護盾 集氣四方衝擊波回到定點再召喚一次衝擊波)

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

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

# three.js three.js 是一個基於 JavaScript 的瀏覽器 3D 繪圖引擎，允許開發者在網頁上輕鬆創建和顯示 3D 場景。 ## 使用方法 以下是一個簡單的範例，展示如何使用 `three.js` 創建一個基本的 3D 場景： ```ts import three = CG.ThreeJs.three; import OrbitControls = CG.ThreeJs.examples.jsm.controls.OrbitControls; function start(): void { // 初始化 three，用於自動建立場景、攝影機、渲染循環。 three.initialize(800, 600); // 建立一個軸心輔助物件，用於查看 x, y, z 的方向 const axesHelper = new THREE.AxesHelper(2); three.scene.add(axesHelper); // 添加至場景中 // 創建一個平面作為地板 const planeGeometry = new THREE.PlaneGeometry(10, 10); // 表示平面的幾何形狀 const planeMaterial = new THREE.MeshBasicMaterial({ color: 0xAAAAAA, side: THREE.DoubleSide }); // 基本紋理 const plane = new THREE.Mesh(planeGeometry, planeMaterial); plane.rotation.x = Math.PI / 2; // 平面一開始為垂直，調整 X 軸旋轉角度使其水平 three.scene.add(plane); // 將平面添加至場景中 // 創建方塊 const boxGeometry = new THREE.BoxGeometry(0.5, 0.5, 0.5); // 表示立方體的幾何形狀 const noxMaterial = new THREE.MeshBasicMaterial({ color: 0x00ff00 }); // 基本紋理 const box = new THREE.Mesh(boxGeometry, noxMaterial); box.position.y = 0.25; // 將方塊抬高 0.25，使其貼地 three.scene.add(box); // 將方塊添加至場景中 three.camera.position.set(0, 2, 5); // 調整攝影機位置 three.camera.lookAt(0, 0, 0); // 讓攝影機看向 (0, 0, 0) // 本模組初始化時會自動建立攝影機，一般需自行建立 // 新增一個控制器，可以用滑鼠來控制攝影機的視角，像是自由旋轉、平移和縮放效果。 const controls = new OrbitControls(three.camera, three.renderer.domElement); let lastFrame = Date.now(); three.beforeRender = () => { // 你可以複寫這個函數，在渲染畫面前做點事 const currentFrame = Date.now(); // 為當前幀時間 const deltaTime = currentFrame - lastFrame; // 計算自上幀以來的時間差 lastFrame = currentFrame; // 更新 lastFrame 為當前幀時間 // 如果 controls.enableDamping 或 controls.autoRotate 設為 true 則必須每次渲染畫面前更新。 controls.update(deltaTime); // 更新 OrbitControls }; } start(); ``` ## Resources - [three.js](https://threejs.org/) - 基於 JavaScript 的瀏覽器 3D 繪圖引擎。 ## Authors **[cook1470](/profile/cook1470)**

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

# TwilightWarsParkourLib 主要目標是復刻舊版跑酷，順帶提供一些跑酷相關的功能。 註：全憑印象調整參數，與舊版不完全一樣。 而關於事件表如何使用，可參照demo資料夾。 ## 建議的跳躍按鍵參數 | | | | :----- | ----: | | 最慢跳躍速度百分比 | 70% | | 最快跳躍速度百分比 | 100% | | 向上跳躍力 | 50% | ## 已復刻的特性 - 原地助跑 - 切換武器影響連跳 - 斜角可穿越 - 舊版角跳 ## 事件表功能 (v0.0.1) - 光暈戰記 - 跑酷 - 套用舊版跑酷 - 設定可走格 - 設定地圖格子 - 篩選地圖格子 ## Getting Started ```typescript Parkour.activateForActor(actor); // 將該角色的跑酷設定更改為舊版 const jumpData = actor.activateJumpKey(); // 啟用按鍵跳躍 jumpData.speedScale.reset(0.7, 1); // 更改最慢跳躍速度百分比、最快跳躍速度百分比 jumpData.initVz = 0.5; // 更改向上跳躍力 if (actor.isMe()) { let myController = actor.controller as MyActorController; myController.assignJumpKey(CG.Base.keyboard.Key.SPACE); // 更改跳躍按鍵 } ``` ## 測試影片 [](https://youtu.be/UkJASsSlq_Y "測試影片1") ## 作者 **[不會取名字](/profile/buhuechuminzu)**<br> **[雪姬](/profile/setsuki)**