Projects
Chaos Game
Choose a random point inside the square as your starting point. Roll a die or use a random number generator to select one of the vertices of the geometric shape. Move halfway from the current point to the selected vertex and plot a new point at that location. Repeat steps 3 and 4, using the newly plotted point as the current point, until the desired number of points have been plotted. Connect the points to create a fractal pattern. Using the Canvas Api I draw an intial shape and allow a user to click on the canvas to select a starting point When the user clicks the " Start Game " button I use Request Animation Frame Method attached to the Window object to quickly iterate through the game logic while displaying the iterations in real-time I also added in the ability for a user to enter " Vertice Mode " where they are allowed to add or remove vertices creating new shapes and subsequent fractal patterns This is all built with react functional components and a combination of the useRef, useEffect, and useState hooks Learn more about React Hooks I did not research existing coding implementations of this game, deciding to build out the game using only the reference video and my own understanding the Canvas Api
A mathematical game that involves repeatedly adding points to a cartesian plane by following a set of simple rules. I was inspired to create this game after watching a numberphile video on the topic.
Click Here for a brief overview of the rules:
Click Here for details on my implementation: