Carleton Connect 4

During the development of the game Connect 4, since most of the needed functions and layout were already designed when working on Gomoku, there was more time to focus on front-end development. Aside from the designing of the new board and tokens, there were also some adjustments to the size of the board and the number of tokens needed to be aligned to win the game. Other forms of development include aligning the playable spaces onto the board (which are divs and hold information about which tokens exist within it), changing the playable spaces from squares to circles, and making the slide animation look nice. Finally, the game was in a presentable state. Aside from adding an edge case where the game ties when there are no spaces left on the board, there was also some work done on the connect function. Initially, the connect function worked fine, but through a change in the algorithm, it simplified the function while still allowing it to work.

Gallery