TypeScript Games

www.typescriptgames.com

• Canvas Multiline Textfield
• Part 1 - Rendering an Image to HTML Canvas
• Part 2 - Texture Atlas Tutorial
• Part 3 - Animated Sprite Tutorial
• What I'm working on now
• Free Texture Atlas Generator

TypesScriptGames.com is now a part of gamemug.com. I'm hoping to add more Typscript game development tutorials very soon.

Enter TypeScript

Game Development is a lot easier with OOP. JavaScript has objects, but isn't an OOP in a traditional sense. TypeScript allows developers to use both classes and types which are very helpful. TypeScript also compiles (transpiles) your code into JavaScript. This basically gives you all of the advantages of JavaScript, without many of the problems that come along with an interpreted language.

Visual Studio Code

I've recently transitioned from Visual Studio Community to Visual Studio Code. Visual Studio Code is a great lightweight development environment that can be easily set up for typescript development. My early tutorials were done using Visual Studio Community, which comes with all the tools you need for TypeScript set up, but is a bit less flexable than using VS Code.

TypeScript HTML5 Game Tutorials

Here are some TypeScript HTML 5 Game Dev Tutorials:

• Canvas Basics
• Keyboard Input and more Canvas Basics
• Basic Collision Detection
• Advanced Collision Detection
• Separating Axis Theorem
• Basic Mouse Input
• Render an Image to the Canvas
• Particle Systems
• Asteroid Shooter Game

Video Tutorials

• TypeScript Canvas Basics
• Basic Collision Detection in TypeScript
• Basic Keyboard Input