# ReactRouter This project wraps [React Router](https://reacttraining.com/react-router/) and provides util classes for easy intergration. Here is the description from official ReactRouter > React Router is a collection of navigational components that compose declaratively with your application. Whether you want to have bookmarkable URLs for your web app or a composable way to navigate in React Native, React Router works wherever React is rendering--so take your pick! ## Getting Started ```typescript CG.React.renderComponent(CG.ReactRouter.BrowserRouter, { routes: [ { component: SomeCompOfYours, path: '/', exact: true, }, { component: SomeCompOfYours1, path: '/path1' }, { component: SomeCompOfYours2, path: '/path2' }, { component: SomeCompOfYours, path: '/*' } ] }) ``` ## References * [Official Site](https://reacttraining.com/react-router/) * [React-Router on github](https://github.com/ReactTraining/react-router)

# A* algorithm In computer science, A* (pronounced as "A star") is a computer algorithm that is widely used in pathfinding and graph traversal, which is the process of finding a path between multiple points, called "nodes". It enjoys widespread use due to its performance and accuracy.<br/><div style='text-align:right'>from <a href='https://en.wikipedia.org/wiki/A*_search_algorithm'>wiki</a></div> ## In this project... 開始遊戲時。程式會自動生成50*50的隨機地圖。<br/> 而算法的開始點為(0,0)。終點則是地圖上隨機一個空白的格子。<br/> 算法完成後，你可以看到有綠色格子，代表算法曾經走過格子。<br/> 你也會看到一個藍色路線，那是A* algorithm 得出的路徑。 ## Reference **[A* tutorial(hightly recommend!)](https://www.gamedev.net/articles/programming/artificial-intelligence/a-pathfinding-for-beginners-r2003/)** ## Authors **[gamtable](/profile/gamtable)**

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

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

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

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

# CgEditorPhysics A Box2d Editor. Help user easily arrange Box2d objects. ## Authors **[Haskasu](/profile/Haskasu)**

# TestGame3 One Paragraph of project description goes here ## Getting Started These instructions will get you a copy of the project up and running on your local machine for development and testing purposes. See deployment for notes on how to deploy the project on a live system. ```typescript Give examples ``` ## Versioning We use [SemVer](http://semver.org/) for versioning. ## Acknowledgments * Hat tip to anyone who's code was used * Inspiration * etc ## Authors **[Haskasu](/profile/Haskasu)**

# TestFilePond A Test project for filepond. # FilePond (v1.8.8) A JavaScript library that can upload anything you throw at it, optimizes images for faster uploads, and offers a great, accessible, silky smooth user experience. ### Basic Usage Make sure to load the css before creating FilePond Apps. ```typescript CG.Base.linkCSSFile(CG.Base.getAppResourceFileUrl('[YourProjectCode.Alias]', 'react-filepond-0/filepond.min.css')) ``` Create FilePond App. ```typescript let app: FilePond.AppAPI = FilePond.create(); document.body.appendChild(app.element); ``` Create FilePond with existing element. ```typescript let app: FilePond.AppAPI = FilePond.create(document.getElementById('theIdOfTheInput')); ``` With React Component ```typescript export class FilePondComp extends React.Component { render() { return ( <div> <FilePond.FilePond allowMultiple={true} maxFiles={3}> </FilePond.FilePond> </div> ); } } ``` ### Demo Project - [TestPondFile](https://code.gamelet.com/edit/TestFilePond) ## References [Official Site](https://pqina.nl/filepond) This lib includes the following github repositories - [filepond](https://github.com/pqina/filepond) - [react-filepond](https://github.com/pqina/react-filepond) - [filepond-plugin-file-encode](https://github.com/pqina/filepond-plugin-file-encode) - [filepond-plugin-file-metadata](https://github.com/pqina/filepond-plugin-file-encode) - [filepond-plugin-file-poster](https://github.com/pqina/filepond-plugin-file-poster) - [filepond-plugin-file-rename](https://github.com/pqina/filepond-plugin-file-rename) - [filepond-plugin-file-validate-size](https://github.com/pqina/filepond-plugin-file-validate-size) - [filepond-plugin-file-validate-type](https://github.com/pqina/filepond-plugin-file-validate-type) - [filepond-plugin-image-crop](https://github.com/pqina/filepond-plugin-image-crop) - [filepond-plugin-image-exif-orientation](https://github.com/pqina/filepond-plugin-image-exif-orientation) - [filepond-plugin-image-preview](https://github.com/pqina/filepond-plugin-image-preview) - [filepond-plugin-image-resize](https://github.com/pqina/filepond-plugin-image-resize) - [filepond-plugin-image-transform](https://github.com/pqina/filepond-plugin-image-transform) - [filepond-plugin-image-validate-size](https://github.com/pqina/filepond-plugin-image-validate-size)

# Rapid 快速開發模組(by gamtable) 簡化一般常用的功能，讓用戶可以快速開發。 ## Why use Rapid? 為什麼要用Rapid呢? 有些人可能問：為什麼要用Rapid呢?</br> Rapid又有什麼好處呢?</br></br> Rapid把使用對象設在國中生，把功能的複雜的程度大量簡化，當您載入了Rapid，就可以很輕鬆地做出很多東西。</br> 一些很複雜的東西(比如是loadber、按鈕等等)，在Base中都沒沒有提供，但Rapid不但提供了以上功能，我們還把功能整合、中文化。</br></br></br></br> <h3>學習程式?就是如此簡單。</h3> ## Start 開始使用 在使用模組之前，必須在右方的"加載模組"載入本模組。<br> 在編輯時,輸入 **CG.Rapid.**就可以使用，以下為例子： ```typescript export class App { constructor() { CG.Rapid.system.addResource('圖片1','圖片2','圖片3'); //加載資源 } } ``` **注意1:**本模組已事先載入Base的模組，用戶不必重新載入。<br> **注意2:**用戶可以在"討論"提出意見。開發本模組時是根據團隊團員不擅長之處開發，不一定可以涵蓋所有用戶。<br> **注意3:**後續版本會閞發類似光暈同人陣的環境，閞發者可以在OwnGame.ts找到所需函數(未開發完成，現階段使用並沒有效果)。 ## Tutorial 一般教學 檢查是不是用手機瀏覽 ```typescript export class App { constructor() { CG.Base.pixi.initialize(800,600); CG.Rapid.fillClr(0xFFFFFF); if (CG.Rapid.system.checkMobile() == true) { CG.Rapid.text('這是手機用戶',100,100) } else { CG.Rapid.text('這是電腦用戶',100,100) } } } export const APP: App = new App(); ``` 列出一段文字 ```typescript export class App { constructor() { CG.Base.pixi.initialize(800,600); CG.Rapid.fillClr(0xFFFFFF); CG.Rapid.text('列出一段文字',100,100); } } export const APP: App = new App(); ``` 放置圖片 ```typescript export class App { constructor() { CG.Rapid.system.addResource('圖片1'); //要先加載圖片 CG.Base.pixi.initialize(800,600); CG.Base.resourceManager.load(() => { let myImage = CG.Rapid.img('圖片1'); //放置圖片 CG.Base.pixi.root.removeChild(myImage); //移除圖片 }; } } ``` 放置按鈕 ```typescript export class App { constructor() { CG.Rapid.system.addResource('圖片1'); //要先加載圖片 CG.Base.resourceManager.load(() => { let newButton = CG.Rapid.GUI.button(10,10,'圖片1',() => { console.log('點下去就會say hi!'); }); //放置按鈕 CG.Base.pixi.root.removeChild(newButton); //移除按鈕 }; } } ``` ## Authors 作者 * **[gamtable](/dev/profile/gamtable)**

# EventsDemo2 One Paragraph of project description goes here ## Getting Started These instructions will get you a copy of the project up and running on your local machine for development and testing purposes. See deployment for notes on how to deploy the project on a live system. ```typescript Give examples ``` ## Versioning We use [SemVer](http://semver.org/) for versioning. ## Acknowledgments * Hat tip to anyone who's code was used * Inspiration * etc ## Authors **[Haskasu](/profile/Haskasu)**

### 光暈戰記 在無數場戰鬥中交織而生的光暈世界中化身浩劫後的戰士，選擇陣營、堅定信念，和伙伴們並肩作戰，在戰場上留下鮮血與榮耀。 ### 遊戲特色 光暈戰記是個多人連線的射擊戰鬥遊戲，戰鬥分成兩個陣營－「皇家騎士團」與「天影十字軍」，只要殺倒敵人就能增加陣營的聲望，請小心不要砍倒戰友，否則聲望會降低。 如果不想效忠某個陣營，也可以選擇「成為第三勢力」，在戰場上殺光所有敵人來增加你第三勢力的個人聲望。特別注意一點，即使其他玩家選擇成為第三勢力，他們也全都算是敵人，第三勢力是沒有隊友的！ ### Beta版說明 * 目前Beta公測中，在遊戲專屬討論區出現之前，有任何問題請前往[CG的專案討論區](https://code.gamelet.com/discuss/p/TwilightWars)。 * 商店武器的價格未來仍會調整。 * 新武器和道具不定時新增中...

sprite: SpritesheetMovieClip; speed: number = 0.1; constructor() { this.sprite = CG.Base.resourceManager.createSpritesheetMovieClip('zombieGame.person'); this.sprite.pivot.set(this.sprite.width / 2, this.sprite.height / 2); this.sprite.position.set(CG.Base.pixi.stageWidth / 2, CG.Base.pixi.stageWidth - 100); CG.Base.pixi.root.addChild(this.sprite); this.sprite.scale.set(3, 3); CG.Base.addUpdateFunction(this, this.update); /* PIXI.keyboardManager.on('pressed', (key) => { if (key == PIXI.keyboard.Key.SPACE) { new Bullet(this.sprite.x, this.sprite.y - 30, 1); } });*/ } update(dt: number): void { let move: CG.Base.geom.Point = new CG.Base.geom.Point(0, 0); if (PIXI.keyboardManager.isDown(PIXI.keyboard.Key.RIGHT)||PIXI.keyboardManager.isDown(PIXI.keyboard.Key.D)) { move.x = 1; } if (PIXI.keyboardManager.isDown(PIXI.keyboard.Key.LEFT)||PIXI.keyboardManager.isDown(PIXI.keyboard.Key.A)) { move.x = -1; } if (PIXI.keyboardManager.isDown(PIXI.keyboard.Key.UP)||PIXI.keyboardManager.isDown(PIXI.keyboard.Key.W)) { move.y = -1; } if (PIXI.keyboardManager.isDown(PIXI.keyboard.Key.DOWN)||PIXI.keyboardManager.isDown(PIXI.keyboard.Key.S)) { move.y = 1; } move.normalize(dt * this.speed); let edge: number = 20; let position: CG.Base.geom.Point = CG.Base.geom.Point.fromPIXIPoint(this.sprite.position); position.x = position.x + move.x; position.y = position.y + move.y; if (position.x < edge) { position.x = edge; } else if (position.x > CG.Base.pixi.stageWidth - edge) { position.x = CG.Base.pixi.stageWidth - edge; } edge = 30; if (position.y < edge) { position.y = edge; } else if (position.y > CG.Base.pixi.stageHeight - edge) { position.y = CG.Base.pixi.stageHeight - edge; } this.sprite.position.set(position.x, position.y); }sprite: SpritesheetMovieClip; speed: number = 0.1; constructor() { this.sprite = CG.Base.resourceManager.createSpritesheetMovieClip('zombieGame.person'); this.sprite.pivot.set(this.sprite.width / 2, this.sprite.height / 2); this.sprite.position.set(CG.Base.pixi.stageWidth / 2, CG.Base.pixi.stageWidth - 100); CG.Base.pixi.root.addChild(this.sprite); this.sprite.scale.set(3, 3); CG.Base.addUpdateFunction(this, this.update); /* PIXI.keyboardManager.on('pressed', (key) => { if (key == PIXI.keyboard.Key.SPACE) { new Bullet(this.sprite.x, this.sprite.y - 30, 1); } });*/ } update(dt: number): void { let move: CG.Base.geom.Point = new CG.Base.geom.Point(0, 0); if (PIXI.keyboardManager.isDown(PIXI.keyboard.Key.RIGHT)||PIXI.keyboardManager.isDown(PIXI.keyboard.Key.D)) { move.x = 1; } if (PIXI.keyboardManager.isDown(PIXI.keyboard.Key.LEFT)||PIXI.keyboardManager.isDown(PIXI.keyboard.Key.A)) { move.x = -1; } if (PIXI.keyboardManager.isDown(PIXI.keyboard.Key.UP)||PIXI.keyboardManager.isDown(PIXI.keyboard.Key.W)) { move.y = -1; } if (PIXI.keyboardManager.isDown(PIXI.keyboard.Key.DOWN)||PIXI.keyboardManager.isDown(PIXI.keyboard.Key.S)) { move.y = 1; } move.normalize(dt * this.speed); let edge: number = 20; let position: CG.Base.geom.Point = CG.Base.geom.Point.fromPIXIPoint(this.sprite.position); position.x = position.x + move.x; position.y = position.y + move.y; if (position.x < edge) { position.x = edge; } else if (position.x > CG.Base.pixi.stageWidth - edge) { position.x = CG.Base.pixi.stageWidth - edge; } edge = 30; if (position.y < edge) { position.y = edge; } else if (position.y > CG.Base.pixi.stageHeight - edge) { position.y = CG.Base.pixi.stageHeight - edge; } this.sprite.position.set(position.x, position.y); }sprite: SpritesheetMovieClip; speed: number = 0.1; constructor() { this.sprite = CG.Base.resourceManager.createSpritesheetMovieClip('zombieGame.person'); this.sprite.pivot.set(this.sprite.width / 2, this.sprite.height / 2); this.sprite.position.set(CG.Base.pixi.stageWidth / 2, CG.Base.pixi.stageWidth - 100); CG.Base.pixi.root.addChild(this.sprite); this.sprite.scale.set(3, 3); CG.Base.addUpdateFunction(this, this.update); /* PIXI.keyboardManager.on('pressed', (key) => { if (key == PIXI.keyboard.Key.SPACE) { new Bullet(this.sprite.x, this.sprite.y - 30, 1); } });*/ } update(dt: number): void { let move: CG.Base.geom.Point = new CG.Base.geom.Point(0, 0); if (PIXI.keyboardManager.isDown(PIXI.keyboard.Key.RIGHT)||PIXI.keyboardManager.isDown(PIXI.keyboard.Key.D)) { move.x = 1; } if (PIXI.keyboardManager.isDown(PIXI.keyboard.Key.LEFT)||PIXI.keyboardManager.isDown(PIXI.keyboard.Key.A)) { move.x = -1; } if (PIXI.keyboardManager.isDown(PIXI.keyboard.Key.UP)||PIXI.keyboardManager.isDown(PIXI.keyboard.Key.W)) { move.y = -1; } if (PIXI.keyboardManager.isDown(PIXI.keyboard.Key.DOWN)||PIXI.keyboardManager.isDown(PIXI.keyboard.Key.S)) { move.y = 1; } move.normalize(dt * this.speed); let edge: number = 20; let position: CG.Base.geom.Point = CG.Base.geom.Point.fromPIXIPoint(this.sprite.position); position.x = position.x + move.x; position.y = position.y + move.y; if (position.x < edge) { position.x = edge; } else if (position.x > CG.Base.pixi.stageWidth - edge) { position.x = CG.Base.pixi.stageWidth - edge; } edge = 30; if (position.y < edge) { position.y = edge; } else if (position.y > CG.Base.pixi.stageHeight - edge) { position.y = CG.Base.pixi.stageHeight - edge; } this.sprite.position.set(position.x, position.y); }sprite: SpritesheetMovieClip; speed: number = 0.1; constructor() { this.sprite = CG.Base.resourceManager.createSpritesheetMovieClip('zombieGame.person'); this.sprite.pivot.set(this.sprite.width / 2, this.sprite.height / 2); this.sprite.position.set(CG.Base.pixi.stageWidth / 2, CG.Base.pixi.stageWidth - 100); CG.Base.pixi.root.addChild(this.sprite); this.sprite.scale.set(3, 3); CG.Base.addUpdateFunction(this, this.update); /* PIXI.keyboardManager.on('pressed', (key) => { if (key == PIXI.keyboard.Key.SPACE) { new Bullet(this.sprite.x, this.sprite.y - 30, 1); } });*/ } update(dt: number): void { let move: CG.Base.geom.Point = new CG.Base.geom.Point(0, 0); if (PIXI.keyboardManager.isDown(PIXI.keyboard.Key.RIGHT)||PIXI.keyboardManager.isDown(PIXI.keyboard.Key.D)) { move.x = 1; } if (PIXI.keyboardManager.isDown(PIXI.keyboard.Key.LEFT)||PIXI.keyboardManager.isDown(PIXI.keyboard.Key.A)) { move.x = -1; } if (PIXI.keyboardManager.isDown(PIXI.keyboard.Key.UP)||PIXI.keyboardManager.isDown(PIXI.keyboard.Key.W)) { move.y = -1; } if (PIXI.keyboardManager.isDown(PIXI.keyboard.Key.DOWN)||PIXI.keyboardManager.isDown(PIXI.keyboard.Key.S)) { move.y = 1; } move.normalize(dt * this.speed); let edge: number = 20; let position: CG.Base.geom.Point = CG.Base.geom.Point.fromPIXIPoint(this.sprite.position); position.x = position.x + move.x; position.y = position.y + move.y; if (position.x < edge) { position.x = edge; } else if (position.x > CG.Base.pixi.stageWidth - edge) { position.x = CG.Base.pixi.stageWidth - edge; } edge = 30; if (position.y < edge) { position.y = edge; } else if (position.y > CG.Base.pixi.stageHeight - edge) { position.y = CG.Base.pixi.stageHeight - edge; } this.sprite.position.set(position.x, position.y); }sprite: SpritesheetMovieClip; speed: number = 0.1; constructor() { this.sprite = CG.Base.resourceManager.createSpritesheetMovieClip('zombieGame.person'); this.sprite.pivot.set(this.sprite.width / 2, this.sprite.height / 2); this.sprite.position.set(CG.Base.pixi.stageWidth / 2, CG.Base.pixi.stageWidth - 100); CG.Base.pixi.root.addChild(this.sprite); this.sprite.scale.set(3, 3); CG.Base.addUpdateFunction(this, this.update); /* PIXI.keyboardManager.on('pressed', (key) => { if (key == PIXI.keyboard.Key.SPACE) { new Bullet(this.sprite.x, this.sprite.y - 30, 1); } });*/ } update(dt: number): void { let move: CG.Base.geom.Point = new CG.Base.geom.Point(0, 0); if (PIXI.keyboardManager.isDown(PIXI.keyboard.Key.RIGHT)||PIXI.keyboardManager.isDown(PIXI.keyboard.Key.D)) { move.x = 1; } if (PIXI.keyboardManager.isDown(PIXI.keyboard.Key.LEFT)||PIXI.keyboardManager.isDown(PIXI.keyboard.Key.A)) { move.x = -1; } if (PIXI.keyboardManager.isDown(PIXI.keyboard.Key.UP)||PIXI.keyboardManager.isDown(PIXI.keyboard.Key.W)) { move.y = -1; } if (PIXI.keyboardManager.isDown(PIXI.keyboard.Key.DOWN)||PIXI.keyboardManager.isDown(PIXI.keyboard.Key.S)) { move.y = 1; } move.normalize(dt * this.speed); let edge: number = 20; let position: CG.Base.geom.Point = CG.Base.geom.Point.fromPIXIPoint(this.sprite.position); position.x = position.x + move.x; position.y = position.y + move.y; if (position.x < edge) { position.x = edge; } else if (position.x > CG.Base.pixi.stageWidth - edge) { position.x = CG.Base.pixi.stageWidth - edge; } edge = 30; if (position.y < edge) { position.y = edge; } else if (position.y > CG.Base.pixi.stageHeight - edge) { position.y = CG.Base.pixi.stageHeight - edge; } this.sprite.position.set(position.x, position.y); }sprite: SpritesheetMovieClip; speed: number = 0.1; constructor() { this.sprite = CG.Base.resourceManager.createSpritesheetMovieClip('zombieGame.person'); this.sprite.pivot.set(this.sprite.width / 2, this.sprite.height / 2); this.sprite.position.set(CG.Base.pixi.stageWidth / 2, CG.Base.pixi.stageWidth - 100); CG.Base.pixi.root.addChild(this.sprite); this.sprite.scale.set(3, 3); CG.Base.addUpdateFunction(this, this.update); /* PIXI.keyboardManager.on('pressed', (key) => { if (key == PIXI.keyboard.Key.SPACE) { new Bullet(this.sprite.x, this.sprite.y - 30, 1); } });*/ } update(dt: number): void { let move: CG.Base.geom.Point = new CG.Base.geom.Point(0, 0); if (PIXI.keyboardManager.isDown(PIXI.keyboard.Key.RIGHT)||PIXI.keyboardManager.isDown(PIXI.keyboard.Key.D)) { move.x = 1; } if (PIXI.keyboardManager.isDown(PIXI.keyboard.Key.LEFT)||PIXI.keyboardManager.isDown(PIXI.keyboard.Key.A)) { move.x = -1; } if (PIXI.keyboardManager.isDown(PIXI.keyboard.Key.UP)||PIXI.keyboardManager.isDown(PIXI.keyboard.Key.W)) { move.y = -1; } if (PIXI.keyboardManager.isDown(PIXI.keyboard.Key.DOWN)||PIXI.keyboardManager.isDown(PIXI.keyboard.Key.S)) { move.y = 1; } move.normalize(dt * this.speed); let edge: number = 20; let position: CG.Base.geom.Point = CG.Base.geom.Point.fromPIXIPoint(this.sprite.position); position.x = position.x + move.x; position.y = position.y + move.y; if (position.x < edge) { position.x = edge; } else if (position.x > CG.Base.pixi.stageWidth - edge) { position.x = CG.Base.pixi.stageWidth - edge; } edge = 30; if (position.y < edge) { position.y = edge; } else if (position.y > CG.Base.pixi.stageHeight - edge) { position.y = CG.Base.pixi.stageHeight - edge; } this.sprite.position.set(position.x, position.y); }sprite: SpritesheetMovieClip; speed: number = 0.1; constructor() { this.sprite = CG.Base.resourceManager.createSpritesheetMovieClip('zombieGame.person'); this.sprite.pivot.set(this.sprite.width / 2, this.sprite.height / 2); this.sprite.position.set(CG.Base.pixi.stageWidth / 2, CG.Base.pixi.stageWidth - 100); CG.Base.pixi.root.addChild(this.sprite); this.sprite.scale.set(3, 3); CG.Base.addUpdateFunction(this, this.update); /* PIXI.keyboardManager.on('pressed', (key) => { if (key == PIXI.keyboard.Key.SPACE) { new Bullet(this.sprite.x, this.sprite.y - 30, 1); } });*/ } update(dt: number): void { let move: CG.Base.geom.Point = new CG.Base.geom.Point(0, 0); if (PIXI.keyboardManager.isDown(PIXI.keyboard.Key.RIGHT)||PIXI.keyboardManager.isDown(PIXI.keyboard.Key.D)) { move.x = 1; } if (PIXI.keyboardManager.isDown(PIXI.keyboard.Key.LEFT)||PIXI.keyboardManager.isDown(PIXI.keyboard.Key.A)) { move.x = -1; } if (PIXI.keyboardManager.isDown(PIXI.keyboard.Key.UP)||PIXI.keyboardManager.isDown(PIXI.keyboard.Key.W)) { move.y = -1; } if (PIXI.keyboardManager.isDown(PIXI.keyboard.Key.DOWN)||PIXI.keyboardManager.isDown(PIXI.keyboard.Key.S)) { move.y = 1; } move.normalize(dt * this.speed); let edge: number = 20; let position: CG.Base.geom.Point = CG.Base.geom.Point.fromPIXIPoint(this.sprite.position); position.x = position.x + move.x; position.y = position.y + move.y; if (position.x < edge) { position.x = edge; } else if (position.x > CG.Base.pixi.stageWidth - edge) { position.x = CG.Base.pixi.stageWidth - edge; } edge = 30; if (position.y < edge) { position.y = edge; } else if (position.y > CG.Base.pixi.stageHeight - edge) { position.y = CG.Base.pixi.stageHeight - edge; } this.sprite.position.set(position.x, position.y); }sprite: SpritesheetMovieClip; speed: number = 0.1; constructor() { this.sprite = CG.Base.resourceManager.createSpritesheetMovieClip('zombieGame.person'); this.sprite.pivot.set(this.sprite.width / 2, this.sprite.height / 2); this.sprite.position.set(CG.Base.pixi.stageWidth / 2, CG.Base.pixi.stageWidth - 100); CG.Base.pixi.root.addChild(this.sprite); this.sprite.scale.set(3, 3); CG.Base.addUpdateFunction(this, this.update); /* PIXI.keyboardManager.on('pressed', (key) => { if (key == PIXI.keyboard.Key.SPACE) { new Bullet(this.sprite.x, this.sprite.y - 30, 1); } });*/ } update(dt: number): void { let move: CG.Base.geom.Point = new CG.Base.geom.Point(0, 0); if (PIXI.keyboardManager.isDown(PIXI.keyboard.Key.RIGHT)||PIXI.keyboardManager.isDown(PIXI.keyboard.Key.D)) { move.x = 1; } if (PIXI.keyboardManager.isDown(PIXI.keyboard.Key.LEFT)||PIXI.keyboardManager.isDown(PIXI.keyboard.Key.A)) { move.x = -1; } if (PIXI.keyboardManager.isDown(PIXI.keyboard.Key.UP)||PIXI.keyboardManager.isDown(PIXI.keyboard.Key.W)) { move.y = -1; } if (PIXI.keyboardManager.isDown(PIXI.keyboard.Key.DOWN)||PIXI.keyboardManager.isDown(PIXI.keyboard.Key.S)) { move.y = 1; } move.normalize(dt * this.speed); let edge: number = 20; let position: CG.Base.geom.Point = CG.Base.geom.Point.fromPIXIPoint(this.sprite.position); position.x = position.x + move.x; position.y = position.y + move.y; if (position.x < edge) { position.x = edge; } else if (position.x > CG.Base.pixi.stageWidth - edge) { position.x = CG.Base.pixi.stageWidth - edge; } edge = 30; if (position.y < edge) { position.y = edge; } else if (position.y > CG.Base.pixi.stageHeight - edge) { position.y = CG.Base.pixi.stageHeight - edge; } this.sprite.position.set(position.x, position.y); }sprite: SpritesheetMovieClip; speed: number = 0.1; constructor() { this.sprite = CG.Base.resourceManager.createSpritesheetMovieClip('zombieGame.person'); this.sprite.pivot.set(this.sprite.width / 2, this.sprite.height / 2); this.sprite.position.set(CG.Base.pixi.stageWidth / 2, CG.Base.pixi.stageWidth - 100); CG.Base.pixi.root.addChild(this.sprite); this.sprite.scale.set(3, 3); CG.Base.addUpdateFunction(this, this.update); /* PIXI.keyboardManager.on('pressed', (key) => { if (key == PIXI.keyboard.Key.SPACE) { new Bullet(this.sprite.x, this.sprite.y - 30, 1); } });*/ } update(dt: number): void { let move: CG.Base.geom.Point = new CG.Base.geom.Point(0, 0); if (PIXI.keyboardManager.isDown(PIXI.keyboard.Key.RIGHT)||PIXI.keyboardManager.isDown(PIXI.keyboard.Key.D)) { move.x = 1; } if (PIXI.keyboardManager.isDown(PIXI.keyboard.Key.LEFT)||PIXI.keyboardManager.isDown(PIXI.keyboard.Key.A)) { move.x = -1; } if (PIXI.keyboardManager.isDown(PIXI.keyboard.Key.UP)||PIXI.keyboardManager.isDown(PIXI.keyboard.Key.W)) { move.y = -1; } if (PIXI.keyboardManager.isDown(PIXI.keyboard.Key.DOWN)||PIXI.keyboardManager.isDown(PIXI.keyboard.Key.S)) { move.y = 1; } move.normalize(dt * this.speed); let edge: number = 20; let position: CG.Base.geom.Point = CG.Base.geom.Point.fromPIXIPoint(this.sprite.position); position.x = position.x + move.x; position.y = position.y + move.y; if (position.x < edge) { position.x = edge; } else if (position.x > CG.Base.pixi.stageWidth - edge) { position.x = CG.Base.pixi.stageWidth - edge; } edge = 30; if (position.y < edge) { position.y = edge; } else if (position.y > CG.Base.pixi.stageHeight - edge) { position.y = CG.Base.pixi.stageHeight - edge; } this.sprite.position.set(position.x, position.y); }sprite: SpritesheetMovieClip; speed: number = 0.1; constructor() { this.sprite = CG.Base.resourceManager.createSpritesheetMovieClip('zombieGame.person'); this.sprite.pivot.set(this.sprite.width / 2, this.sprite.height / 2); this.sprite.position.set(CG.Base.pixi.stageWidth / 2, CG.Base.pixi.stageWidth - 100); CG.Base.pixi.root.addChild(this.sprite); this.sprite.scale.set(3, 3); CG.Base.addUpdateFunction(this, this.update); /* PIXI.keyboardManager.on('pressed', (key) => { if (key == PIXI.keyboard.Key.SPACE) { new Bullet(this.sprite.x, this.sprite.y - 30, 1); } });*/ } update(dt: number): void { let move: CG.Base.geom.Point = new CG.Base.geom.Point(0, 0); if (PIXI.keyboardManager.isDown(PIXI.keyboard.Key.RIGHT)||PIXI.keyboardManager.isDown(PIXI.keyboard.Key.D)) { move.x = 1; } if (PIXI.keyboardManager.isDown(PIXI.keyboard.Key.LEFT)||PIXI.keyboardManager.isDown(PIXI.keyboard.Key.A)) { move.x = -1; } if (PIXI.keyboardManager.isDown(PIXI.keyboard.Key.UP)||PIXI.keyboardManager.isDown(PIXI.keyboard.Key.W)) { move.y = -1; } if (PIXI.keyboardManager.isDown(PIXI.keyboard.Key.DOWN)||PIXI.keyboardManager.isDown(PIXI.keyboard.Key.S)) { move.y = 1; } move.normalize(dt * this.speed); let edge: number = 20; let position: CG.Base.geom.Point = CG.Base.geom.Point.fromPIXIPoint(this.sprite.position); position.x = position.x + move.x; position.y = position.y + move.y; if (position.x < edge) { position.x = edge; } else if (position.x > CG.Base.pixi.stageWidth - edge) { position.x = CG.Base.pixi.stageWidth - edge; } edge = 30; if (position.y < edge) { position.y = edge; } else if (position.y > CG.Base.pixi.stageHeight - edge) { position.y = CG.Base.pixi.stageHeight - edge; } this.sprite.position.set(position.x, position.y); }sprite: SpritesheetMovieClip; speed: number = 0.1; constructor() { this.sprite = CG.Base.resourceManager.createSpritesheetMovieClip('zombieGame.person'); this.sprite.pivot.set(this.sprite.width / 2, this.sprite.height / 2); this.sprite.position.set(CG.Base.pixi.stageWidth / 2, CG.Base.pixi.stageWidth - 100); CG.Base.pixi.root.addChild(this.sprite); this.sprite.scale.set(3, 3); CG.Base.addUpdateFunction(this, this.update); /* PIXI.keyboardManager.on('pressed', (key) => { if (key == PIXI.keyboard.Key.SPACE) { new Bullet(this.sprite.x, this.sprite.y - 30, 1); } });*/ } update(dt: number): void { let move: CG.Base.geom.Point = new CG.Base.geom.Point(0, 0); if (PIXI.keyboardManager.isDown(PIXI.keyboard.Key.RIGHT)||PIXI.keyboardManager.isDown(PIXI.keyboard.Key.D)) { move.x = 1; } if (PIXI.keyboardManager.isDown(PIXI.keyboard.Key.LEFT)||PIXI.keyboardManager.isDown(PIXI.keyboard.Key.A)) { move.x = -1; } if (PIXI.keyboardManager.isDown(PIXI.keyboard.Key.UP)||PIXI.keyboardManager.isDown(PIXI.keyboard.Key.W)) { move.y = -1; } if (PIXI.keyboardManager.isDown(PIXI.keyboard.Key.DOWN)||PIXI.keyboardManager.isDown(PIXI.keyboard.Key.S)) { move.y = 1; } move.normalize(dt * this.speed); let edge: number = 20; let position: CG.Base.geom.Point = CG.Base.geom.Point.fromPIXIPoint(this.sprite.position); position.x = position.x + move.x; position.y = position.y + move.y; if (position.x < edge) { position.x = edge; } else if (position.x > CG.Base.pixi.stageWidth - edge) { position.x = CG.Base.pixi.stageWidth - edge; } edge = 30; if (position.y < edge) { position.y = edge; } else if (position.y > CG.Base.pixi.stageHeight - edge) { position.y = CG.Base.pixi.stageHeight - edge; } this.sprite.position.set(position.x, position.y); }sprite: SpritesheetMovieClip; speed: number = 0.1; constructor() { this.sprite = CG.Base.resourceManager.createSpritesheetMovieClip('zombieGame.person'); this.sprite.pivot.set(this.sprite.width / 2, this.sprite.height / 2); this.sprite.position.set(CG.Base.pixi.stageWidth / 2, CG.Base.pixi.stageWidth - 100); CG.Base.pixi.root.addChild(this.sprite); this.sprite.scale.set(3, 3); CG.Base.addUpdateFunction(this, this.update); /* PIXI.keyboardManager.on('pressed', (key) => { if (key == PIXI.keyboard.Key.SPACE) { new Bullet(this.sprite.x, this.sprite.y - 30, 1); } });*/ } update(dt: number): void { let move: CG.Base.geom.Point = new CG.Base.geom.Point(0, 0); if (PIXI.keyboardManager.isDown(PIXI.keyboard.Key.RIGHT)||PIXI.keyboardManager.isDown(PIXI.keyboard.Key.D)) { move.x = 1; } if (PIXI.keyboardManager.isDown(PIXI.keyboard.Key.LEFT)||PIXI.keyboardManager.isDown(PIXI.keyboard.Key.A)) { move.x = -1; } if (PIXI.keyboardManager.isDown(PIXI.keyboard.Key.UP)||PIXI.keyboardManager.isDown(PIXI.keyboard.Key.W)) { move.y = -1; } if (PIXI.keyboardManager.isDown(PIXI.keyboard.Key.DOWN)||PIXI.keyboardManager.isDown(PIXI.keyboard.Key.S)) { move.y = 1; } move.normalize(dt * this.speed); let edge: number = 20; let position: CG.Base.geom.Point = CG.Base.geom.Point.fromPIXIPoint(this.sprite.position); position.x = position.x + move.x; position.y = position.y + move.y; if (position.x < edge) { position.x = edge; } else if (position.x > CG.Base.pixi.stageWidth - edge) { position.x = CG.Base.pixi.stageWidth - edge; } edge = 30; if (position.y < edge) { position.y = edge; } else if (position.y > CG.Base.pixi.stageHeight - edge) { position.y = CG.Base.pixi.stageHeight - edge; } this.sprite.position.set(position.x, position.y); }sprite: SpritesheetMovieClip; speed: number = 0.1; constructor() { this.sprite = CG.Base.resourceManager.createSpritesheetMovieClip('zombieGame.person'); this.sprite.pivot.set(this.sprite.width / 2, this.sprite.height / 2); this.sprite.position.set(CG.Base.pixi.stageWidth / 2, CG.Base.pixi.stageWidth - 100); CG.Base.pixi.root.addChild(this.sprite); this.sprite.scale.set(3, 3); CG.Base.addUpdateFunction(this, this.update); /* PIXI.keyboardManager.on('pressed', (key) => { if (key == PIXI.keyboard.Key.SPACE) { new Bullet(this.sprite.x, this.sprite.y - 30, 1); } });*/ } update(dt: number): void { let move: CG.Base.geom.Point = new CG.Base.geom.Point(0, 0); if (PIXI.keyboardManager.isDown(PIXI.keyboard.Key.RIGHT)||PIXI.keyboardManager.isDown(PIXI.keyboard.Key.D)) { move.x = 1; } if (PIXI.keyboardManager.isDown(PIXI.keyboard.Key.LEFT)||PIXI.keyboardManager.isDown(PIXI.keyboard.Key.A)) { move.x = -1; } if (PIXI.keyboardManager.isDown(PIXI.keyboard.Key.UP)||PIXI.keyboardManager.isDown(PIXI.keyboard.Key.W)) { move.y = -1; } if (PIXI.keyboardManager.isDown(PIXI.keyboard.Key.DOWN)||PIXI.keyboardManager.isDown(PIXI.keyboard.Key.S)) { move.y = 1; } move.normalize(dt * this.speed); let edge: number = 20; let position: CG.Base.geom.Point = CG.Base.geom.Point.fromPIXIPoint(this.sprite.position); position.x = position.x + move.x; position.y = position.y + move.y; if (position.x < edge) { position.x = edge; } else if (position.x > CG.Base.pixi.stageWidth - edge) { position.x = CG.Base.pixi.stageWidth - edge; } edge = 30; if (position.y < edge) { position.y = edge; } else if (position.y > CG.Base.pixi.stageHeight - edge) { position.y = CG.Base.pixi.stageHeight - edge; } this.sprite.position.set(position.x, position.y); }sprite: SpritesheetMovieClip; speed: number = 0.1; constructor() { this.sprite = CG.Base.resourceManager.createSpritesheetMovieClip('zombieGame.person'); this.sprite.pivot.set(this.sprite.width / 2, this.sprite.height / 2); this.sprite.position.set(CG.Base.pixi.stageWidth / 2, CG.Base.pixi.stageWidth - 100); CG.Base.pixi.root.addChild(this.sprite); this.sprite.scale.set(3, 3); CG.Base.addUpdateFunction(this, this.update); /* PIXI.keyboardManager.on('pressed', (key) => { if (key == PIXI.keyboard.Key.SPACE) { new Bullet(this.sprite.x, this.sprite.y - 30, 1); } });*/ } update(dt: number): void { let move: CG.Base.geom.Point = new CG.Base.geom.Point(0, 0); if (PIXI.keyboardManager.isDown(PIXI.keyboard.Key.RIGHT)||PIXI.keyboardManager.isDown(PIXI.keyboard.Key.D)) { move.x = 1; } if (PIXI.keyboardManager.isDown(PIXI.keyboard.Key.LEFT)||PIXI.keyboardManager.isDown(PIXI.keyboard.Key.A)) { move.x = -1; } if (PIXI.keyboardManager.isDown(PIXI.keyboard.Key.UP)||PIXI.keyboardManager.isDown(PIXI.keyboard.Key.W)) { move.y = -1; } if (PIXI.keyboardManager.isDown(PIXI.keyboard.Key.DOWN)||PIXI.keyboardManager.isDown(PIXI.keyboard.Key.S)) { move.y = 1; } move.normalize(dt * this.speed); let edge: number = 20; let position: CG.Base.geom.Point = CG.Base.geom.Point.fromPIXIPoint(this.sprite.position); position.x = position.x + move.x; position.y = position.y + move.y; if (position.x < edge) { position.x = edge; } else if (position.x > CG.Base.pixi.stageWidth - edge) { position.x = CG.Base.pixi.stageWidth - edge; } edge = 30; if (position.y < edge) { position.y = edge; } else if (position.y > CG.Base.pixi.stageHeight - edge) { position.y = CG.Base.pixi.stageHeight - edge; } this.sprite.position.set(position.x, position.y); }sprite: SpritesheetMovieClip; speed: number = 0.1; constructor() { this.sprite = CG.Base.resourceManager.createSpritesheetMovieClip('zombieGame.person'); this.sprite.pivot.set(this.sprite.width / 2, this.sprite.height / 2); this.sprite.position.set(CG.Base.pixi.stageWidth / 2, CG.Base.pixi.stageWidth - 100); CG.Base.pixi.root.addChild(this.sprite); this.sprite.scale.set(3, 3); CG.Base.addUpdateFunction(this, this.update); /* PIXI.keyboardManager.on('pressed', (key) => { if (key == PIXI.keyboard.Key.SPACE) { new Bullet(this.sprite.x, this.sprite.y - 30, 1); } });*/ } update(dt: number): void { let move: CG.Base.geom.Point = new CG.Base.geom.Point(0, 0); if (PIXI.keyboardManager.isDown(PIXI.keyboard.Key.RIGHT)||PIXI.keyboardManager.isDown(PIXI.keyboard.Key.D)) { move.x = 1; } if (PIXI.keyboardManager.isDown(PIXI.keyboard.Key.LEFT)||PIXI.keyboardManager.isDown(PIXI.keyboard.Key.A)) { move.x = -1; } if (PIXI.keyboardManager.isDown(PIXI.keyboard.Key.UP)||PIXI.keyboardManager.isDown(PIXI.keyboard.Key.W)) { move.y = -1; } if (PIXI.keyboardManager.isDown(PIXI.keyboard.Key.DOWN)||PIXI.keyboardManager.isDown(PIXI.keyboard.Key.S)) { move.y = 1; } move.normalize(dt * this.speed); let edge: number = 20; let position: CG.Base.geom.Point = CG.Base.geom.Point.fromPIXIPoint(this.sprite.position); position.x = position.x + move.x; position.y = position.y + move.y; if (position.x < edge) { position.x = edge; } else if (position.x > CG.Base.pixi.stageWidth - edge) { position.x = CG.Base.pixi.stageWidth - edge; } edge = 30; if (position.y < edge) { position.y = edge; } else if (position.y > CG.Base.pixi.stageHeight - edge) { position.y = CG.Base.pixi.stageHeight - edge; } this.sprite.position.set(position.x, position.y); }sprite: SpritesheetMovieClip; speed: number = 0.1; constructor() { this.sprite = CG.Base.resourceManager.createSpritesheetMovieClip('zombieGame.person'); this.sprite.pivot.set(this.sprite.width / 2, this.sprite.height / 2); this.sprite.position.set(CG.Base.pixi.stageWidth / 2, CG.Base.pixi.stageWidth - 100); CG.Base.pixi.root.addChild(this.sprite); this.sprite.scale.set(3, 3); CG.Base.addUpdateFunction(this, this.update); /* PIXI.keyboardManager.on('pressed', (key) => { if (key == PIXI.keyboard.Key.SPACE) { new Bullet(this.sprite.x, this.sprite.y - 30, 1); } });*/ } update(dt: number): void { let move: CG.Base.geom.Point = new CG.Base.geom.Point(0, 0); if (PIXI.keyboardManager.isDown(PIXI.keyboard.Key.RIGHT)||PIXI.keyboardManager.isDown(PIXI.keyboard.Key.D)) { move.x = 1; } if (PIXI.keyboardManager.isDown(PIXI.keyboard.Key.LEFT)||PIXI.keyboardManager.isDown(PIXI.keyboard.Key.A)) { move.x = -1; } if (PIXI.keyboardManager.isDown(PIXI.keyboard.Key.UP)||PIXI.keyboardManager.isDown(PIXI.keyboard.Key.W)) { move.y = -1; } if (PIXI.keyboardManager.isDown(PIXI.keyboard.Key.DOWN)||PIXI.keyboardManager.isDown(PIXI.keyboard.Key.S)) { move.y = 1; } move.normalize(dt * this.speed); let edge: number = 20; let position: CG.Base.geom.Point = CG.Base.geom.Point.fromPIXIPoint(this.sprite.position); position.x = position.x + move.x; position.y = position.y + move.y; if (position.x < edge) { position.x = edge; } else if (position.x > CG.Base.pixi.stageWidth - edge) { position.x = CG.Base.pixi.stageWidth - edge; } edge = 30; if (position.y < edge) { position.y = edge; } else if (position.y > CG.Base.pixi.stageHeight - edge) { position.y = CG.Base.pixi.stageHeight - edge; } this.sprite.position.set(position.x, position.y); }sprite: SpritesheetMovieClip; speed: number = 0.1; constructor() { this.sprite = CG.Base.resourceManager.createSpritesheetMovieClip('zombieGame.person'); this.sprite.pivot.set(this.sprite.width / 2, this.sprite.height / 2); this.sprite.position.set(CG.Base.pixi.stageWidth / 2, CG.Base.pixi.stageWidth - 100); CG.Base.pixi.root.addChild(this.sprite); this.sprite.scale.set(3, 3); CG.Base.addUpdateFunction(this, this.update); /* PIXI.keyboardManager.on('pressed', (key) => { if (key == PIXI.keyboard.Key.SPACE) { new Bullet(this.sprite.x, this.sprite.y - 30, 1); } });*/ } update(dt: number): void { let move: CG.Base.geom.Point = new CG.Base.geom.Point(0, 0); if (PIXI.keyboardManager.isDown(PIXI.keyboard.Key.RIGHT)||PIXI.keyboardManager.isDown(PIXI.keyboard.Key.D)) { move.x = 1; } if (PIXI.keyboardManager.isDown(PIXI.keyboard.Key.LEFT)||PIXI.keyboardManager.isDown(PIXI.keyboard.Key.A)) { move.x = -1; } if (PIXI.keyboardManager.isDown(PIXI.keyboard.Key.UP)||PIXI.keyboardManager.isDown(PIXI.keyboard.Key.W)) { move.y = -1; } if (PIXI.keyboardManager.isDown(PIXI.keyboard.Key.DOWN)||PIXI.keyboardManager.isDown(PIXI.keyboard.Key.S)) { move.y = 1; } move.normalize(dt * this.speed); let edge: number = 20; let position: CG.Base.geom.Point = CG.Base.geom.Point.fromPIXIPoint(this.sprite.position); position.x = position.x + move.x; position.y = position.y + move.y; if (position.x < edge) { position.x = edge; } else if (position.x > CG.Base.pixi.stageWidth - edge) { position.x = CG.Base.pixi.stageWidth - edge; } edge = 30; if (position.y < edge) { position.y = edge; } else if (position.y > CG.Base.pixi.stageHeight - edge) { position.y = CG.Base.pixi.stageHeight - edge; } this.sprite.position.set(position.x, position.y); }sprite: SpritesheetMovieClip; speed: number = 0.1; constructor() { this.sprite = CG.Base.resourceManager.createSpritesheetMovieClip('zombieGame.person'); this.sprite.pivot.set(this.sprite.width / 2, this.sprite.height / 2); this.sprite.position.set(CG.Base.pixi.stageWidth / 2, CG.Base.pixi.stageWidth - 100); CG.Base.pixi.root.addChild(this.sprite); this.sprite.scale.set(3, 3); CG.Base.addUpdateFunction(this, this.update); /* PIXI.keyboardManager.on('pressed', (key) => { if (key == PIXI.keyboard.Key.SPACE) { new Bullet(this.sprite.x, this.sprite.y - 30, 1); } });*/ } update(dt: number): void { let move: CG.Base.geom.Point = new CG.Base.geom.Point(0, 0); if (PIXI.keyboardManager.isDown(PIXI.keyboard.Key.RIGHT)||PIXI.keyboardManager.isDown(PIXI.keyboard.Key.D)) { move.x = 1; } if (PIXI.keyboardManager.isDown(PIXI.keyboard.Key.LEFT)||PIXI.keyboardManager.isDown(PIXI.keyboard.Key.A)) { move.x = -1; } if (PIXI.keyboardManager.isDown(PIXI.keyboard.Key.UP)||PIXI.keyboardManager.isDown(PIXI.keyboard.Key.W)) { move.y = -1; } if (PIXI.keyboardManager.isDown(PIXI.keyboard.Key.DOWN)||PIXI.keyboardManager.isDown(PIXI.keyboard.Key.S)) { move.y = 1; } move.normalize(dt * this.speed); let edge: number = 20; let position: CG.Base.geom.Point = CG.Base.geom.Point.fromPIXIPoint(this.sprite.position); position.x = position.x + move.x; position.y = position.y + move.y; if (position.x < edge) { position.x = edge; } else if (position.x > CG.Base.pixi.stageWidth - edge) { position.x = CG.Base.pixi.stageWidth - edge; } edge = 30; if (position.y < edge) { position.y = edge; } else if (position.y > CG.Base.pixi.stageHeight - edge) { position.y = CG.Base.pixi.stageHeight - edge; } this.sprite.position.set(position.x, position.y); }sprite: SpritesheetMovieClip; speed: number = 0.1; constructor() { this.sprite = CG.Base.resourceManager.createSpritesheetMovieClip('zombieGame.person'); this.sprite.pivot.set(this.sprite.width / 2, this.sprite.height / 2); this.sprite.position.set(CG.Base.pixi.stageWidth / 2, CG.Base.pixi.stageWidth - 100); CG.Base.pixi.root.addChild(this.sprite); this.sprite.scale.set(3, 3); CG.Base.addUpdateFunction(this, this.update); /* PIXI.keyboardManager.on('pressed', (key) => { if (key == PIXI.keyboard.Key.SPACE) { new Bullet(this.sprite.x, this.sprite.y - 30, 1); } });*/ } update(dt: number): void { let move: CG.Base.geom.Point = new CG.Base.geom.Point(0, 0); if (PIXI.keyboardManager.isDown(PIXI.keyboard.Key.RIGHT)||PIXI.keyboardManager.isDown(PIXI.keyboard.Key.D)) { move.x = 1; } if (PIXI.keyboardManager.isDown(PIXI.keyboard.Key.LEFT)||PIXI.keyboardManager.isDown(PIXI.keyboard.Key.A)) { move.x = -1; } if (PIXI.keyboardManager.isDown(PIXI.keyboard.Key.UP)||PIXI.keyboardManager.isDown(PIXI.keyboard.Key.W)) { move.y = -1; } if (PIXI.keyboardManager.isDown(PIXI.keyboard.Key.DOWN)||PIXI.keyboardManager.isDown(PIXI.keyboard.Key.S)) { move.y = 1; } move.normalize(dt * this.speed); let edge: number = 20; let position: CG.Base.geom.Point = CG.Base.geom.Point.fromPIXIPoint(this.sprite.position); position.x = position.x + move.x; position.y = position.y + move.y; if (position.x < edge) { position.x = edge; } else if (position.x > CG.Base.pixi.stageWidth - edge) { position.x = CG.Base.pixi.stageWidth - edge; } edge = 30; if (position.y < edge) { position.y = edge; } else if (position.y > CG.Base.pixi.stageHeight - edge) { position.y = CG.Base.pixi.stageHeight - edge; } this.sprite.position.set(position.x, position.y); }sprite: SpritesheetMovieClip; speed: number = 0.1; constructor() { this.sprite = CG.Base.resourceManager.createSpritesheetMovieClip('zombieGame.person'); this.sprite.pivot.set(this.sprite.width / 2, this.sprite.height / 2); this.sprite.position.set(CG.Base.pixi.stageWidth / 2, CG.Base.pixi.stageWidth - 100); CG.Base.pixi.root.addChild(this.sprite); this.sprite.scale.set(3, 3); CG.Base.addUpdateFunction(this, this.update); /* PIXI.keyboardManager.on('pressed', (key) => { if (key == PIXI.keyboard.Key.SPACE) { new Bullet(this.sprite.x, this.sprite.y - 30, 1); } });*/ } update(dt: number): void { let move: CG.Base.geom.Point = new CG.Base.geom.Point(0, 0); if (PIXI.keyboardManager.isDown(PIXI.keyboard.Key.RIGHT)||PIXI.keyboardManager.isDown(PIXI.keyboard.Key.D)) { move.x = 1; } if (PIXI.keyboardManager.isDown(PIXI.keyboard.Key.LEFT)||PIXI.keyboardManager.isDown(PIXI.keyboard.Key.A)) { move.x = -1; } if (PIXI.keyboardManager.isDown(PIXI.keyboard.Key.UP)||PIXI.keyboardManager.isDown(PIXI.keyboard.Key.W)) { move.y = -1; } if (PIXI.keyboardManager.isDown(PIXI.keyboard.Key.DOWN)||PIXI.keyboardManager.isDown(PIXI.keyboard.Key.S)) { move.y = 1; } move.normalize(dt * this.speed); let edge: number = 20; let position: CG.Base.geom.Point = CG.Base.geom.Point.fromPIXIPoint(this.sprite.position); position.x = position.x + move.x; position.y = position.y + move.y; if (position.x < edge) { position.x = edge; } else if (position.x > CG.Base.pixi.stageWidth - edge) { position.x = CG.Base.pixi.stageWidth - edge; } edge = 30; if (position.y < edge) { position.y = edge; } else if (position.y > CG.Base.pixi.stageHeight - edge) { position.y = CG.Base.pixi.stageHeight - edge; } this.sprite.position.set(position.x, position.y); }sprite: SpritesheetMovieClip; speed: number = 0.1; constructor() { this.sprite = CG.Base.resourceManager.createSpritesheetMovieClip('zombieGame.person'); this.sprite.pivot.set(this.sprite.width / 2, this.sprite.height / 2); this.sprite.position.set(CG.Base.pixi.stageWidth / 2, CG.Base.pixi.stageWidth - 100); CG.Base.pixi.root.addChild(this.sprite); this.sprite.scale.set(3, 3); CG.Base.addUpdateFunction(this, this.update); /* PIXI.keyboardManager.on('pressed', (key) => { if (key == PIXI.keyboard.Key.SPACE) { new Bullet(this.sprite.x, this.sprite.y - 30, 1); } });*/ } update(dt: number): void { let move: CG.Base.geom.Point = new CG.Base.geom.Point(0, 0); if (PIXI.keyboardManager.isDown(PIXI.keyboard.Key.RIGHT)||PIXI.keyboardManager.isDown(PIXI.keyboard.Key.D)) { move.x = 1; } if (PIXI.keyboardManager.isDown(PIXI.keyboard.Key.LEFT)||PIXI.keyboardManager.isDown(PIXI.keyboard.Key.A)) { move.x = -1; } if (PIXI.keyboardManager.isDown(PIXI.keyboard.Key.UP)||PIXI.keyboardManager.isDown(PIXI.keyboard.Key.W)) { move.y = -1; } if (PIXI.keyboardManager.isDown(PIXI.keyboard.Key.DOWN)||PIXI.keyboardManager.isDown(PIXI.keyboard.Key.S)) { move.y = 1; } move.normalize(dt * this.speed); let edge: number = 20; let position: CG.Base.geom.Point = CG.Base.geom.Point.fromPIXIPoint(this.sprite.position); position.x = position.x + move.x; position.y = position.y + move.y; if (position.x < edge) { position.x = edge; } else if (position.x > CG.Base.pixi.stageWidth - edge) { position.x = CG.Base.pixi.stageWidth - edge; } edge = 30; if (position.y < edge) { position.y = edge; } else if (position.y > CG.Base.pixi.stageHeight - edge) { position.y = CG.Base.pixi.stageHeight - edge; } this.sprite.position.set(position.x, position.y); }sprite: SpritesheetMovieClip; speed: number = 0.1; constructor() { this.sprite = CG.Base.resourceManager.createSpritesheetMovieClip('zombieGame.person'); this.sprite.pivot.set(this.sprite.width / 2, this.sprite.height / 2); this.sprite.position.set(CG.Base.pixi.stageWidth / 2, CG.Base.pixi.stageWidth - 100); CG.Base.pixi.root.addChild(this.sprite); this.sprite.scale.set(3, 3); CG.Base.addUpdateFunction(this, this.update); /* PIXI.keyboardManager.on('pressed', (key) => { if (key == PIXI.keyboard.Key.SPACE) { new Bullet(this.sprite.x, this.sprite.y - 30, 1); } });*/ } update(dt: number): void { let move: CG.Base.geom.Point = new CG.Base.geom.Point(0, 0); if (PIXI.keyboardManager.isDown(PIXI.keyboard.Key.RIGHT)||PIXI.keyboardManager.isDown(PIXI.keyboard.Key.D)) { move.x = 1; } if (PIXI.keyboardManager.isDown(PIXI.keyboard.Key.LEFT)||PIXI.keyboardManager.isDown(PIXI.keyboard.Key.A)) { move.x = -1; } if (PIXI.keyboardManager.isDown(PIXI.keyboard.Key.UP)||PIXI.keyboardManager.isDown(PIXI.keyboard.Key.W)) { move.y = -1; } if (PIXI.keyboardManager.isDown(PIXI.keyboard.Key.DOWN)||PIXI.keyboardManager.isDown(PIXI.keyboard.Key.S)) { move.y = 1; } move.normalize(dt * this.speed); let edge: number = 20; let position: CG.Base.geom.Point = CG.Base.geom.Point.fromPIXIPoint(this.sprite.position); position.x = position.x + move.x; position.y = position.y + move.y; if (position.x < edge) { position.x = edge; } else if (position.x > CG.Base.pixi.stageWidth - edge) { position.x = CG.Base.pixi.stageWidth - edge; } edge = 30; if (position.y < edge) { position.y = edge; } else if (position.y > CG.Base.pixi.stageHeight - edge) { position.y = CG.Base.pixi.stageHeight - edge; } this.sprite.position.set(position.x, position.y); }sprite: SpritesheetMovieClip; speed: number = 0.1; constructor() { this.sprite = CG.Base.resourceManager.createSpritesheetMovieClip('zombieGame.person'); this.sprite.pivot.set(this.sprite.width / 2, this.sprite.height / 2); this.sprite.position.set(CG.Base.pixi.stageWidth / 2, CG.Base.pixi.stageWidth - 100); CG.Base.pixi.root.addChild(this.sprite); this.sprite.scale.set(3, 3); CG.Base.addUpdateFunction(this, this.update); /* PIXI.keyboardManager.on('pressed', (key) => { if (key == PIXI.keyboard.Key.SPACE) { new Bullet(this.sprite.x, this.sprite.y - 30, 1); } });*/ } update(dt: number): void { let move: CG.Base.geom.Point = new CG.Base.geom.Point(0, 0); if (PIXI.keyboardManager.isDown(PIXI.keyboard.Key.RIGHT)||PIXI.keyboardManager.isDown(PIXI.keyboard.Key.D)) { move.x = 1; } if (PIXI.keyboardManager.isDown(PIXI.keyboard.Key.LEFT)||PIXI.keyboardManager.isDown(PIXI.keyboard.Key.A)) { move.x = -1; } if (PIXI.keyboardManager.isDown(PIXI.keyboard.Key.UP)||PIXI.keyboardManager.isDown(PIXI.keyboard.Key.W)) { move.y = -1; } if (PIXI.keyboardManager.isDown(PIXI.keyboard.Key.DOWN)||PIXI.keyboardManager.isDown(PIXI.keyboard.Key.S)) { move.y = 1; } move.normalize(dt * this.speed); let edge: number = 20; let position: CG.Base.geom.Point = CG.Base.geom.Point.fromPIXIPoint(this.sprite.position); position.x = position.x + move.x; position.y = position.y + move.y; if (position.x < edge) { position.x = edge; } else if (position.x > CG.Base.pixi.stageWidth - edge) { position.x = CG.Base.pixi.stageWidth - edge; } edge = 30; if (position.y < edge) { position.y = edge; } else if (position.y > CG.Base.pixi.stageHeight - edge) { position.y = CG.Base.pixi.stageHeight - edge; } this.sprite.position.set(position.x, position.y); }sprite: SpritesheetMovieClip; speed: number = 0.1; constructor() { this.sprite = CG.Base.resourceManager.createSpritesheetMovieClip('zombieGame.person'); this.sprite.pivot.set(this.sprite.width / 2, this.sprite.height / 2); this.sprite.position.set(CG.Base.pixi.stageWidth / 2, CG.Base.pixi.stageWidth - 100); CG.Base.pixi.root.addChild(this.sprite); this.sprite.scale.set(3, 3); CG.Base.addUpdateFunction(this, this.update); /* PIXI.keyboardManager.on('pressed', (key) => { if (key == PIXI.keyboard.Key.SPACE) { new Bullet(this.sprite.x, this.sprite.y - 30, 1); } });*/ } update(dt: number): void { let move: CG.Base.geom.Point = new CG.Base.geom.Point(0, 0); if (PIXI.keyboardManager.isDown(PIXI.keyboard.Key.RIGHT)||PIXI.keyboardManager.isDown(PIXI.keyboard.Key.D)) { move.x = 1; } if (PIXI.keyboardManager.isDown(PIXI.keyboard.Key.LEFT)||PIXI.keyboardManager.isDown(PIXI.keyboard.Key.A)) { move.x = -1; } if (PIXI.keyboardManager.isDown(PIXI.keyboard.Key.UP)||PIXI.keyboardManager.isDown(PIXI.keyboard.Key.W)) { move.y = -1; } if (PIXI.keyboardManager.isDown(PIXI.keyboard.Key.DOWN)||PIXI.keyboardManager.isDown(PIXI.keyboard.Key.S)) { move.y = 1; } move.normalize(dt * this.speed); let edge: number = 20; let position: CG.Base.geom.Point = CG.Base.geom.Point.fromPIXIPoint(this.sprite.position); position.x = position.x + move.x; position.y = position.y + move.y; if (position.x < edge) { position.x = edge; } else if (position.x > CG.Base.pixi.stageWidth - edge) { position.x = CG.Base.pixi.stageWidth - edge; } edge = 30; if (position.y < edge) { position.y = edge; } else if (position.y > CG.Base.pixi.stageHeight - edge) { position.y = CG.Base.pixi.stageHeight - edge; } this.sprite.position.set(position.x, position.y); }ddddddddddddd # zombieGame One Paragraph of project description goes here ## Getting Started These instructions will get you a copy of the project up and running on your local machine for development and testing purposes. See deployment for notes on how to deploy the project on a live system. ```typescript Give examples ``` ## Versioning We use [SemVer](http://semver.org/) for versioning. ## Authors * **[tonyo3o3](/profile/tonyo3o3)** ## Acknowledgments * Hat tip to anyone who's code was used * Inspiration * etc

# CgEventsDemo1 One Paragraph of project description goes here ## Getting Started <a href="cg://source/CG.CgEventsDemo1/twgame.events" class="mat-raised-button mat-primary">編輯事件表</a> ## Versioning We use [SemVer](http://semver.org/) for versioning. ## Acknowledgments * Hat tip to anyone who's code was used * Inspiration * etc ## Authors **[Haskasu](/profile/Haskasu)**

# CSSTutorial One Paragraph of project description goes here ## Getting Started These instructions will get you a copy of the project up and running on your local machine for development and testing purposes. See deployment for notes on how to deploy the project on a live system. ```typescript Give examples ``` ## Versioning We use [SemVer](http://semver.org/) for versioning. ## Acknowledgments * Hat tip to anyone who's code was used * Inspiration * etc ## Authors **[Haskasu](/profile/Haskasu)**

# 【C.G同人陣】足球小遊戲 仿Messenger的足球小遊戲 ## C.G同人陣介紹 C.G同人陣可說是光暈同人陣的升級版本，C.G同人陣保留了原有的遊戲設計的特色之外， 同時大大增加了自由度，您可以自行做不同的遊戲，不論是RPG還是mini-game，在這也可以實現！ 除此之外，您還可以自行加入不同的檢查、動作，讓你的遊戲不再受限於框架，沒有那個動作，就自己加入那個動作； 你還可以使用自己的資源，包括圖片、音樂等等，千變萬化！ ## 遊戲玩法 開始遊戲時，畫面會出現一個足球，玩家需要點擊足球，讓足球不會掉下來。 ## Versioning We use [SemVer](http://semver.org/) for versioning. ## Authors * **[gamtable](https://code.gamelet.com/dev/profile/gamtable)** ## 注意 本遊戲在電腦和手機上也可以遊玩。開發時以手機為設計藍本，因此很多設計也是基於手機。

# HtmlTutorial2 One Paragraph of project description goes here ## Getting Started These instructions will get you a copy of the project up and running on your local machine for development and testing purposes. See deployment for notes on how to deploy the project on a live system. ```typescript Give examples ``` ## Versioning We use [SemVer](http://semver.org/) for versioning. ## Acknowledgments * Hat tip to anyone who's code was used * Inspiration * etc ## Authors **[Haskasu](/profile/Haskasu)**

# HtmlTutorial One Paragraph of project description goes here ## Getting Started These instructions will get you a copy of the project up and running on your local machine for development and testing purposes. See deployment for notes on how to deploy the project on a live system. ```typescript Give examples ``` ## Versioning We use [SemVer](http://semver.org/) for versioning. ## Acknowledgments * Hat tip to anyone who's code was used * Inspiration * etc ## Authors **[Haskasu](/profile/Haskasu)**

# ReactMaterial React components that implement Google's Material Design. Integrated with Code.Gamelet. ## Getting Started ### Usage Open a pre-defined dialog: ```typescript // Alert Dialog CG.ReactMaterial.dialogs.openAlertDialog({ title: 'Alert!!!', message: 'Something is happening.', onClose: () => { console.log('dialog is closed'); }; // Confirm Dialog CG.ReactMaterial.dialogs.openConfirmDialog({ title: 'Delete File', message: 'Are you sure?', onConfirm: () => { console.log('user confirmed'); }; // Input Dialog CG.ReactMaterial.dialogs.openInputDialog({ title: 'What\'s your name?', message: 'Your name will be shown in the highscore board.', onConfirm: (value: string) => { console.log('name = ' + value); }; ``` To write your own React element: ```typescript CG.React.renderElement( <div> <materialUI.TextField id="name" label="Name" margin="normal" /> <materialUI.Button variant="contained" color="primary" size="small" className={classes.button}> Send <materialUI.Icon>send</materialUI.Icon> </materialUI.Button> </div> ); ``` ## Versioning We use [SemVer](http://semver.org/) for versioning. ## Authors **[Haskasu](/profile/Haskasu)**

# Fingertip Star (指尖明星) 快點擊你的鍵盤，成為fingertip star 的一員！ <br> ## BGM1 "Cheery Monday" Kevin MacLeod (incompetech.com)<br> Licensed under Creative Commons: By Attribution 3.0 License<br> http://creativecommons.org/licenses/by/3.0/<br> ## BGM2 "Laser Groove" Kevin MacLeod (incompetech.com)<br> Licensed under Creative Commons: By Attribution 3.0 License<br> http://creativecommons.org/licenses/by/3.0/<br>