HitTestTutorial \ 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 * **[Haskasu](/profile/Haskasu)** ## Acknowledgments * Hat tip to anyone who's code was used * Inspiration * etc

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

# 數據庫模組(firebase) 一個讓用戶可以應用firebase功能的模組。</br>(本版本和rapid中的firebase功能一樣，已加載rapid的用戶可以不用加載這個。) # 什麼是firebase? firebase是一個由Google提供的開發程式應用，申請了firebase之後，你就可以使用線上數據庫的功能，也可以進行帳號驗證的功能等等。</br> <a href = 'https://firebase.google.com/'>(firebase官網)</a> # 教學影片 沒有經驗的人可以看著影片來做： <iframe width="560" height="315" src="https://www.youtube.com/embed/DXbsAiJdfHk?rel=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe> ## Getting Started 1.請先根據上方影片的教學來申請firebase(免費)。</br> 2.輸入下方的程式碼就可以使用！ ```typescript var config = { //請在你的project複製 }; CG.firebase.FireBase.initialize(config); CG.firebase.FireBase.load(() => { //你的程式碼 }); ``` ## Authors * **[gamtable](https://code.gamelet.com/dev/profile/gamtable)** ## 其他教學 <iframe width="560" height="315" src="https://www.youtube.com/embed/8J2iPPIG67E?rel=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>

# RpgWalkerHaska A tutorial that create a girl animation from a grid spritesheet. ## Getting Started 1. add and load resources 1. parse grid spritesheet 1. add sequences into spritesheet info 1. control spritesheet movieclip ## Authors * **[Haskasu](/profile/Haskasu)**

# RpgWalkerHaska A tutorial that create a girl animation from a grid spritesheet. ## Getting Started 1. add and load resources 1. parse grid spritesheet 1. add sequences into spritesheet info 1. control spritesheet movieclip ## Authors * **[Haskasu](/profile/Haskasu)**

實作遊戲，不專業請見諒 遊戲音樂來源: #http://freemusicarchive.org/music/Yung_Kartz/October_2018/DemonFL #https://www.freesoundeffects.com/free-track/scream3-466426/

# LoopingBackgroundDemo 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 * **[Haskasu](/profile/Haskasu)** ## Acknowledgments * Hat tip to anyone who's code was used * Inspiration * etc

# HaskaAnimationDemo 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 * **[Haskasu](/profile/Haskasu)** ## Acknowledgments * Hat tip to anyone who's code was used * Inspiration * etc

# BlockyRun 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 * **[Haskasu](/profile/Haskasu)** ## Acknowledgments * Hat tip to anyone who's code was used * Inspiration * etc

# SpritesheetDemo Demostrate how to take a spritesheet to create a movieclip, and play animation. ## Websites that host free spritesheets to download - [OpenGameArt](https://opengameart.org/content/2d-complete-characters) - [Game Art 2D](https://www.gameart2d.com/freebies.html) - [Spriters Resource](https://www.spriters-resource.com) ## Spritesheet tools - [Texture Packer](https://www.codeandweb.com/texturepacker) - Pack animation sprites into one textures. - [Alferd Spritesheet](http://www.alferdspritesheetunpacker.forkandbeard.co.uk/forkandBeard/apps/AlferdSpritesheetUnpacker/Download.aspx) - Converts an animation spritesheet into individual frames.

# DemoBreakout 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 * **[Haskasu](/profile/Haskasu)** ## Acknowledgments * Hat tip to anyone who's code was used * Inspiration * etc

# tester *魔法少女路過....* This is a testing file for me to learn the funtion of this website. This file is only for test and learn, not a gaming file at all. If I can understand how it works, maybe I will try to produce new games in future. Whatever, you can see how I learn new staff if you keep watching this file. *簡單來說就是個人學習用檔案* ## 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 * **[R.T.Ghost](/profile/R.T.Ghost)** (這是筆名, 還是叫魔法少女比較好w) ## Acknowledgments * Hat tip to anyone who's code was used * Inspiration * etc

# CodeSample 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 * **[Haskasu](/profile/Haskasu)** ## Acknowledgments * Hat tip to anyone who's code was used * Inspiration * etc

# 找碴 ## 前言 沒有音效，只有一關，還有BUG。 詳情就請看app.ts內的註解吧 看之前請先看小哈的教學影片 遊戲結構很亂，搞不太清楚函式到底怎麼呼叫、變數的位置，app.ts亂成一團 還請各位官人海涵 ## 求教 小人目前尚未能dispose掉circle 剩餘時間的顯示 更好的計時方式 全域變數的掌控 ## Getting Started 用滑鼠點不一樣的地方 ## Versioning 1.5 ## Authors * **[113062734721768859895@google](/profile/113062734721768859895@google)** ㄎㄎㄎㄎ ## Acknowledgments * Hat tip to anyone who's code was used 參考小哈的project和五子棋的project. * Inspiration 想說來做做看 * ps 科號 點到為止 好不好

# SimpleShooter 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 * **[Haskasu](/profile/Haskasu)** ## Acknowledgments * Hat tip to anyone who's code was used * Inspiration * etc

# SudTest 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 * **[Haskasu](/profile/Haskasu)** ## Acknowledgments * Hat tip to anyone who's code was used * Inspiration * etc

# React React is a JavaScript library for building interactive interfaces with HTML tags. This project integrate React.js into CG environment, and offer utilities to fast build React apps. ## Getting Started You need to import the latest build of this project before using it. ```typescript Give examples ``` ## Versioning We use [SemVer](http://semver.org/) for versioning. ## Authors * **[Haskasu](/profile/Haskasu)** ## Links and resources * [React Homepage](https://reactjs.org/) * [React@github](https://github.com/facebook/react) * [從零開始學 ReactJS](https://www.gitbook.com/book/kdchang/react101/details)

# SoccerDemoYeah 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 * **[Haskasu](/profile/Haskasu)** ## Acknowledgments * Hat tip to anyone who's code was used * Inspiration * etc

# CG.Box2D Provide a set of tools and classes to easily create box2d world and a complete game flow. #### Key features include: 1. use LevelBuilder to load xml and create objects 1. provide basic interfaces for splash and game over

# HaskaSoccer 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 * **[Haskasu](/profile/Haskasu)** ## Acknowledgments * Hat tip to anyone who's code was used * Inspiration * etc