The gallery project took a while to complete, as it had several challenges associated with it. For one, it had to use three different methods of arranging HTML elements. There had to be a page using flexboxes, one using floats, and one using a grid layout. This was rather tricky, as floats aren’t great for arranging whole pages and we had just learned about grid layouts. Nevertheless, I was able to complete each page and make it look consistent.
The most annoying and tedious part of the whole project was the fact that this was a gallery of images by Chip Davenport. We had to download each image individually from another website and then put them into the files of our websites, which took ages.
In hindsight, this wasn’t that difficult of a project, but it was repetitive and time consuming thanks to all those images, and confusing when trying to get certain layout methods to look consistent with the others.
The Breakout project required the use of Javascript to recreate the classic game of Breakout. It was divided into three parts. Part one was getting the bricks at the top of the screen to appear. It involved some loops and simple math, alongside a list of colors and constants for sizes and spaces to spawn multiple bricks of different colors at equal distances across the top of the screen.
Part two was getting the ball and paddle to simply move. It wasn’t too difficult, all that was needed was to create the objects and tell them how to move. The paddle constantly changes its X position to that of the mouse. The ball starts moving in a direction and starts bouncing off the walls (And more in the next step).
Part three was the most interesting. It involved getting the ball to bounce off of the paddle and bricks and making the bricks disappear. I also made the ball fall down the bottom a limited number of times before it was game over, made the bricks give points for being destroyed, made the game not start until the ball was clicked, and added a hidden cheat code menu that caused various things to happen when you entered one of Link’s abilities from The Legend of Zelda: Tears of the Kingdom in all caps. AUTOBUILD summons extra bricks all over the screen in the same green that objects built from Autobuild would be. ASCEND makes the ball fly upwards and never come back. I recall this was in reference to a bug I created when trying to fix another bug. Speaking of recall, RECALL would cause the ball to bounce in the opposite direction it should have on certain surfaces. FUSE makes the ball stick to a brick instead of destroying it. ULTRAHAND causes the ball to follow the mouse.
