Connect Four Game

August 9, 2018 comments 89 Reads

In this JavaScript tutorial, we create the game Connect Four using the HTML5 canvas element and a game loop using the function requestAnimationFrame(). We create a blue frame, red and yellow pieces for the players, and automate the computer player to play like a beast! (Well, almost).
Feel free to download the code below and create your own Connect Four game!
JAVASCRIPT TEMPLATE
https://drive.google.com/open?id=1W8vbBTBFf7gBTnZ04bNSy6ywRgRSSeQN
FINAL CODE
https://drive.google.com/open?id=10dKxV0sMCi-Zmrag73u2Tvla_atQmprt
USEFUL LINKS
HTML Colours:
https://htmlcolorcodes.com/color-names/
Visual Studio Code:
https://code.visualstudio.com/
FIND US ON FACEBOOK
https://www.facebook.com/MountfordStudios/