# LearningWonderlandFOBsp # 操作方式 點選左方按鈕觀看範例 - 舞台: 舞台範例，滑鼠右下方會顯示xy座標 - 攝影機：演示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)**

# 視覺小說測試機 功能測試中，歡迎給予任何建議。 本專案程式碼為公開，由於在這方面本人也只是剛接觸而已，所以有很多不懂的部分，便希望有人可以給予些許建議。 哪邊怎麼寫會更好，哪個功能可以怎麼寫之類的，都可以在討論區提出來討論看看。 另外因為是公開的專案，所以也可以說是想讓大家一起製作這個成品，也多增加大家的交流。 由於為了讓像我這樣的萌新看得懂，所以我會盡量以我還沒學過的角度為出發點，去加上註解，即使是一個宣告變數，這樣也可以讓剛起手的人可以一起學習，只是因為個人覺得很多人一起努力會比自己單打獨鬥來得好，多交流的話學的應該也會比較快。（目前註解尚未全部完成，正在慢慢補齊，可以先自己理解看看） ## 目前功能 - 對話框。 - 對話人物名字。 - 對話內容。 - 文字動畫。 - 點擊對話框至下一段。 - 顯示中點擊顯示全部。 - 自動校正文字顯示於對話框位置。 - 自動換行。 - 自動播放下一章。 - 顯示人物圖示。 - 人物圖示動畫（滑行、淡入、淡出）。 ## 待更新 - 對話人物名字。 - 人物圖示動畫（縮放）。 - 移除人物圖示。 <a href="cg://source/CG.C_NVL_maker/CHANGELOG.md" class="mat-raised-button mat-primary">更新日誌</a> ## 問題 如果有人可以的話，希望可以到Character.ts裡面，看看animation()這個function，因為我要呈現動畫的關係，但是我的方法似乎不是很好，不知道有沒有甚麼更好的方法，總之就是想做成像是小哈的CG同人陣裡 更新物件 的 補間動畫 那樣。 ## Authors **[cook1470](/profile/cook1470)**

# 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) - [燐火幽冥]() - [火魂]() - [命運]()

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

# twmap_test 這專案主要是用來測試新光暈的地圖

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

# Twilight Wars Test 此專案用來測試光暈的功能。有發現問題或建議可留言討論。 A Project to test TwilightWarsLib ## Uknown Issues - ??? ## Authors **[Haska](/profile/Haskasu)**

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

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

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