CKColin Kiamaincolinkiama.hashnode.dev·Jul 8, 2023 · 7 min readMaking Four-In-A-Row Using JavaScript - Part 9: Play AgainIntro In the previous blog post, you added the status area to the game. Players and spectators now clearly understand what's happening at any time during gameplay. In this post, you'll add the ability to restart the game without having to refresh you...00
CKColin Kiamaincolinkiama.hashnode.dev·Jul 7, 2023 · 7 min readMaking Four-In-A-Row Using JavaScript - Part 8: Status UpdatesIntro Welcome back! In the previous blog post, you drew the game board and made the game playable by clicking on board columns. In this post, you'll be adding the status area component to your four-in-a-row game. Breaking Down The Status Area Compone...00
CKColin Kiamaincolinkiama.hashnode.dev·Jun 28, 2023 · 12 min readMaking Four-In-A-Row Using JavaScript - Part 7: Drawing The BoardIntro Welcome back! In the previous blog post, you set up the canvas and created drawings on it. Now in this post, you'll draw the game board. Game Objects What Is A Game Object? The game features multiple drawings on the canvas. These distinct drawi...00
CKColin Kiamaincolinkiama.hashnode.dev·May 26, 2023 · 6 min readMaking Four-In-A-Row Using JavaScript - Part 6: Blank CanvasIntro First of all, great job following along with this series! You've completed the first 50% of this tutorial so far! In the previous blog post, you reorganised the project in preparation for work on the front end of the game. This is the post wher...00
CKColin Kiamaincolinkiama.hashnode.dev·May 13, 2023 · 2 min readMaking Four-In-A-Row Using JavaScript - Part 5: ReorganisationIntro In the previous blog post, you checked for wins and draws in FourInARowGame. Now you'll be reorganising the work you've done so far in preparation the the HTML5 Canvas front-end that you'll be creating for the game. Creating The Game Logic Dire...00