C .
ODE
G
AMELET
# SpyFall > Author: [FK人(Dipsy)](https://github.com/dipsywong98/) CodeGamelet 首個完全沒用CG library,沒有typescript syntax,堅持使用完全原味javascript的遊戲上線啦!!! ~~(先躲,感覺會被小哈追殺)~~ ### 玩法 所有玩家都有一個身分和一個共同地點,除了間碟只知道自己是間碟而不知地點。玩家輪流向另外某個玩家發問,若十分鐘之內發現間諜,玩家勝,如果間諜發現地點或找不到間諜或找錯間諜,間諜勝。 建議所有玩家坐在同一個房間/開discord 作溝通,或者用內建的聊天室 ### 代碼 - 母湯看代碼哦 - 母湯看代碼哦 - 母湯看代碼哦 - 很重要所以要說三次 - 看了你會吐血 - 草泥馬只有1行代碼就能弄出又有房間系統又有firebase又那麼漂亮的遊戲,還要多語言,靠北哦刷新一下我的語言設定還在哦 - 只要功夫深,_棒磨成針,某FK用的可是iframe - window.location.href 指的是你目前的網頁位置,某FK 將它指到別處,就不需要用CG和typescript 寫遊戲啦哈哈哈 - 如果你們想看某FK真正的code,在這兒哦~ 完全免費的哦~ [https://github.com/dipsywong98/SpyFall](https://github.com/dipsywong98/SpyFall) - 具體製作方法我還是不在這兒說了吧,畢竟我是爆了五天肝才弄出來,這兒不好說,~~還有怕嚇跑初學者~~ - ~~其實我比初學也好不了多少,我2017年才開始學,所以大家要加油哦(X~~ - ~~如果你們有github帳戶,歡迎star上面的github連結哦~~ - 想給什麼意見的話,歡迎來跟某FK說哦 [https://www.facebook.com/FK.twf/](https://www.facebook.com/FK.twf/)
# CgEventsLib The engine of CgEvents. CgEvents is a great way to build your own games with with a CG.built-in editor. ## Live Demo <a href="cg://source/test/physics.events" class="mat-raised-button mat-primary">Open Demo Events Sheet</a> ## Concept The engine takes a *.events file to run. The .events file is an encoded json which contains a config field and a events field. ```json { config: { stage: { width: "number", height: "number", resolutionPolicy: "showAll" | "exactFit" | "fixedWidth" | "fixedHeight" | "origin", alignHorizontal: "left" | "center" | "right", alignVertical: "top" | "middle" | "bottom" } }, events: [ { id: "string", triggers: [], checks: [], actions: [] }, ... ] } ``` Yon can edit the json with CG.built-in editor to control all your game events. ## How Events Work Each event contains a TRIGGER, some CHECKS, and some ACTION. The event flow works like this: 1. The TRIGGER of the event is triggered by the engine (keyboard pressed, event over, or maybe the hero collides with an enemy) 1. Once the trigger is triggered, the engine then goes check the CHECKS. 1. If all CHECKS pass, the engine executes all the ACTIONS in the event. ## Getting Started ```typescript let manager = new CgEventManager(); manager.importFromSource('CG.YourProject/yourGame.events') .then(() => manager.preload()) .then(() => manager.start()) ; ``` ## Versioning We use [SemVer](http://semver.org/) for versioning. ## Authors * **[Haskasu](/profile/Haskasu)**
# TMXMap Use [Tiled Map Editor](https://www.mapeditor.org/) maps in Code.Gamelet with [pixi.js](http://www.pixijs.com/). ## What is Tiled Map Editor Tiled is a 2D level editor that helps you develop the content of your game. Its primary feature is to edit tile maps of various forms, but it also supports free image placement as well as powerful ways to annotate your level with extra information used by the game. Tiled focuses on general flexibility while trying to stay intuitive. ## Getting Started #### Usage 1. import tmx resources into one appResource ``` typescript CG.Base.resourceManager.addAppResource('TMXMap.testMap'); CG.Base.resourceManager.load(() => { CG.Base.pixi.initialize(600, 600); let tiledMap = new CG.TMXMap.MapRenderer('TMXMap.testMap'); CG.Base.pixi.root.addChild(tiledMap); }); ``` #### Usage 2. import tmx resources into a appResource, and load tmx file from source code ``` typescript CG.Base.resourceManager.addAppSource('test/beach.tmx'); CG.Base.resourceManager.load(() => { CG.Base.pixi.initialize(600, 600); let tiledMap = new CG.TMXMap.MapRenderer('test/beach.tmx') CG.Base.pixi.root.addChild(tiledMap); }); ``` To use tmx of appSource (usage 2), you need to modify the tmx: * tileset > source (tsx file) change "filename" to "resourceAlias:filename" * tileset > image > source (embeded tileset) change "filename" to "resourceAlias" or "resourceAlias:filename" ## Versioning We use [SemVer](http://semver.org/) for versioning. ## Authors * **[Haskasu](/profile/Haskasu)** ## Resources * [Official Tiled Documentation](http://doc.mapeditor.org/en/stable/) * [Tiled Youtube Tutorial](https://www.youtube.com/watch?v=ZwaomOYGuYo)
ⒸCode.Gamelet.com | Privacy Policy | Terms of Service