In this series, we will go over how to create a reusable TypeScript class that can be used to build the game Connect Four, and in a future series we will see how we can use this library to create implementations of the Connect Four game for the CLI and the web.
Previously, in part 2 , we added the initial game initialization logic, the ability to reset the game state, and we then learned how we could test our code using the uvu framework.
In this series, we will go over how to create a reusable TypeScript class that can be used to build the game Connect Four, and in a future series we will see how we can use this library to create implementations of the Connect Four game for the CLI and the web.
Previously, in
part 1
, we reviewed the rules and game play of the game Connect Four and we started to build out the initial ConnectFour class by adding the properties and methods that will be needed.
In this series, we will go over how to create a reusable TypeScript class that can be used to build the game Connect Four, and in a future series we will see how we can use this library to create implementations of the Connect Four game for the CLI and the web.
In part 1 of this series, we are going to review the rules and game play of the game Connect Four and we will start to build out the initial ConnectFour class by adding the properties and methods that will be needed.
Before we start learning about HTML5 Canvas and start writing any code, the first thing we need to do is setup a development environment that will allow us to easily edit our files, serve our static files on a local web server, and view our changes in real time as we make them.
For this series, we will be trying to keep things as simple as possible, so we will not be using things like node, npm, webpack, vite, etc. The tools are fantastic, and they can be used to make certain things easier and simpler, like bundling your source code, installing project dependencies, minifying your code, and much more. However, for this series we will only need two things:
Today, I wanted to introduce a new series that I will begin working on that will be focusing on creating games with pure JavaScript and rendered on HTML using the HTML Canvas element . This series will focus on step by step tutorials for learning the basics of working with the HTML Canvas elements for game development and then we will move on to creating games.
As we progress through the series, we will be building blocks of re-usable code that you will be able to use to create your own games. Finally, with the knowledge you gain here, you should be able to pick any JavaScript game framework and use that framework for your projects, since they just build on the basics you will be learning here.
This week I decided to participate in the Clicker Jam Summer 2022 game jam. The goal of this game jam is to create an idle clicker game in 7 days.
If you are interested in checking out the final version of my game, you can see the game on Itchio here: Idle Programmer.
I hope you enjoy the new content! Please feel free to post any questions or comments below.
This week I decided to participate in the Clicker Jam Summer 2022 game jam. The goal of this game jam is to create an idle clicker game in 7 days. For this game jam I decided to share my daily updates via video dev logs.
If you are interested in checking out the game that I am making, you can see the game on Itchio here: Idle Programmer.
You can watch my video dev log here on YouTub: Clicker Jam Summer 2022 - Dev Log - Last Day
This week I decided to participate in the Clicker Jam Summer 2022 game jam. The goal of this game jam is to create an idle clicker game in 7 days. For this game jam I decided to share my daily updates via video dev logs.
If you are interested in checking out the game that I am making, you can see the game on Itchio here: Idle Programmer.
You can watch my video dev log here on YouTub: Clicker Jam Summer 2022 - Dev Log - Day 5
This week I decided to participate in the Clicker Jam Summer 2022 game jam. The goal of this game jam is to create an idle clicker game in 7 days. For this game jam I decided to share my daily updates via video dev logs.
If you are interested in checking out the game that I am making, you can see the game on Itchio here: Idle Programmer.
You can watch my video dev log here on YouTub: Clicker Jam Summer 2022 - Dev Log - Day 4
This week I decided to participate in the Clicker Jam Summer 2022 game jam. The goal of this game jam is to create an idle clicker game in 7 days. For this game jam I decided to share my daily updates via video dev logs.
If you are interested in checking out the game that I am making, you can see the game on Itchio here: Idle Programmer.
You can watch my video dev log here on YouTub: Clicker Jam Summer 2022 - Dev Log - Day 3