# TwelvedA Homework 6 [Class Notes](https://docs.google.com/presentation/d/1c37HNRwSuSKdFmi2EvyLbL57E2719f49gKMzRkfH4Ys/edit?usp=sharing) ## Subject Write a function that accepts two numbers as parameters, and return the distance between them. ## Directions 1. Write the codes in app.ts 1. Don't forget to call the function and see if the result is as expected. <a href="cg://source/app.ts" class="mat-raised-button mat-primary">Start Coding</a>

# 無差別五子棋 五子棋是中國古老的棋藝之一，發展至今天有日本的連珠(Renju)、歐洲的五目(Gomoku)、以及Gamelet的無差別五子棋。棋友們不打不相識，歡迎大家進來互相切磋棋藝吧。 這款使用Code.Gamelet.com平台製作的多人連線遊戲除了Online對弈模式可在線上找棋友單挑之外，還有單人模式，讓玩家可以輕鬆讓站長設計的人工智慧培養你的實力。 單人模式可以選擇下「篤姬五子棋」、「德川家定將軍五子棋」、還有可愛的「女僕五子棋」，每個人都有不同的個性，若是新手請選擇女僕五子棋喔！ ## 規則 遊戲中和玩家對弈的部分有六種規則可以選擇： 1. **無差別**：沒有職業棋賽的各種繁複規則，只要玩家能湊出五個子連成一線就算贏。後手贏得比賽所得到的分數是先手贏得到分數的1.5倍喔。 1. **三手交換**：黑白雙方輪流落子，盤上第三手棋後，後手白子有權選擇交換，或不交換直接下第四手。若後手白子於第三手選擇交換，則棋盤上黑白子交換，並由黑子繼續下子。長連不禁也不判勝。 1. **黑子禁手**：先手黑子不能下禁手棋，包括雙活三、雙四和長連。 1. **山口規則**：(Yamaguchi Rule) 2009世界盃開始採用的職業規則。 1. **索索夫規則**: (Soosõrv Rule) 2017世界盃開始採用的職業規則。 1. **六子棋**: 雙方輪流各下兩子，連成六子（或以上）者獲勝。 開局的玩家一定是持白子後手，遊戲結束後，如果兩人選擇再玩一次，那麼先手和後手就會交換順序，讓贏的人變後手！ 自認是高手的朋友們，快進來開局等人來挑戰吧！ ## 作者 **[小哈片刻](/profile/113321052805704333314@google)**

# LittleBirdHunting Demo for CG classwork. ## Design <a href="cg://source/CG.LittleBirdHunting/game.events" class="mat-raised-button mat-primary">Edit Events</a> ## Author **[Haskasu](/profile/113321052805704333314@google)**

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

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

# CG Server This library gives apps the tools to access the powerful game server that provided by code.gamelet.com. The server provides the abilities listed below: 1. Player managements including login, profile, password etc. 1. A database that can do score leaderboard, individual player status, and more. 1. Multiplayer online connections (powered by socket.io). ## GLT Server A Database server. <a href="cg://source/CG.Server/GLT_README.md" class="mat-raised-button mat-primary">GLT Server Readme</a> ## MSG Server A realtime socket server. <a href="cg://source/CG.Server/MSG_README.md" class="mat-raised-button mat-primary">MSG Server Readme</a> ## 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)**

# TwilightWarsEvents 使用光暈戰記的遊戲引擎 + 同人陣的任務制作 = TwilightWarsEvents ## Getting Started ```typescript // app.ts export class App { constructor() { CG.TwilightWarsLib.initialize() .then(() => { CG.TwilightWarsLib.events.startEvents('CG.projectCode/your_mission.events') }); } } export const APP = new App(); ``` ## Authors **[Haskasu](/profile/Haskasu)**

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