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

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

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

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

# PixiWidget Everything is widget! Including animation! 在PixiWidget這個library，你將會運用全新的方法去設計UI，PixiWidget提供了一切的基本UI元件，包括scroll bar，drawer等等，讓你可以快速建立可用的介面。 <br/><br/> 在這個基礎上，你可以客製化你的UI，使UI更有個人特色。 <br/><br/> 在設計這個library時，設計者會盡量彈性設計，這個可以使用 extends 來擴展原有的功能。 # API reference ## 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)**

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

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

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

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

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

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

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

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

# TutSpaceShooterBasic 在這兒寫下一段簡短的文字介紹你的遊戲吧。 ## 開始設計 <a href="cg://source/CG.TutSpaceShooterBasic/game.events" class="mat-raised-button mat-primary">編輯遊戲事件表</a> ## 完整的遊戲專案在此 https://code.gamelet.com/edit/Tut_SpaceShooter ## 作者 **[Haskasu](/profile/113321052805704333314@google)**

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

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

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

# PixiGif Add [GIF](https://en.wikipedia.org/wiki/GIF) 89a (animated GIF) support for pixi.js. ## Getting Started Add GIF image alias to resourceManager as regular resources, and create a GifSprite by CG.PixiGif.createGifSprite(); ```typescript let resourceAlias = 'PixiGif.anim'; CG.Base.resourceManager.addAppResource(alias); CG.Base.resourceManager.load(() => { CG.Base.pixi.initialize(300, 300); // create a GifSprite, attach to pixi.root and play the animation let sprite = CG.PixiGif.createGifSprite(resourceAlias); CG.Base.pixi.root.addChild(sprite); sprite.play(); }); ``` You can setup custom sequences by any combination of frames. ```typescript let sprite = CG.PixiGif.createGifSprite(resourceAlias); sprite.addSequence('jump', [1,3,5]); // define a sequence named jump sprite.setSequence('jump', true); // set jump as the current sequence, and play ``` You can listen to events from GifSprite ```typescript let sprite = CG.PixiGif.createGifSprite(resourceAlias); sprite.on('frameChanged', (sp) => console.log('the frame is just changed')); sprite.on('complete', (sp) => console.log('the animation is complete and stopped')); sprite.on('play', (sp) => console.log('just starts playing the animation')); sprite.on('stop', (sp) => console.log('the animation is stopped')); sprite.on('end', (sp) => console.log('the animation plays to the end of the sequence')); ``` #### References - [GIF reader by Dean McNamee](https://github.com/deanm/omggif) - [GIF Format](http://www.onicos.com/staff/iz/formats/gif.html)

# Tut_SpaceShooter A Space shooter game. Avoid astroids, and shoot as many monster as you can. For more info, go [here](https://code.gamelet.com/edit/Tut_SpaceShooter) ## Controls WASD to accelerate Mouse to shoot ## Edit Game <a href="cg://source/CG.Tut_SpaceShooter/game.events" class="mat-raised-button mat-primary">Edit Game Events Sheet</a>

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