HOME
|
PROJECTS
|
ABOUT ME
|
JOURNAL
|
Codesketch 1: Sun to Moon SquareThis is my first codesketch! I used the rotate transformation when you hover over the square, background-images and colors to create this. |
Codesketch 2: Square ArtThis codesketch uses user input to determine how many squares can be places around the screen. This codesketch helped me focus in on placing divs when the mouse is clicked and placing it on this screen. |
Codesketch 3: Animal PairingsThis codesketch uses an array! When the box is clicked, it retrieves the information as listed in the array, given the number generated from your click! Starting this codesketch, I already had a couple of animals that came to mind, which I ended up drawing for this! |
Codesketch 4: Fall JamsCodesketch 4 is my Thanksgiving Project! It uses tables and hovering features. I learned how to insert music into a codesketch through this process. The family tab is finished! The friends tab is not done yet. |
Codesketch 5: Holiday SongsCodesketch 5 is a holiday/Christmas themed project! I used music features which I learned in codesketch 4. I used arrays and event listeners in this codesketch. Listen and enjoy!. |
Codesketch 6: For LoopsCodesketch 6 was a group effort made by me, Will, and Haeon! In the console it also includes a challenge which prints "fizz" and "buzz" whenever the number is divisible by either 3 or 5. This codesketch also has a fun color scheme to it :) |
Codesketch 7: DotsFor this codesketch, I used for loops, a randomizer, an array, and click and scroll event listeners. I made this codesketch to make a section for my next music codesketch. Also as a fun component, when you click any one of the dots, it will randomize the color of the dot to one of the three colors! |
Codesketch 8: Color ScrollFor this scroll codesketch, I used event listeners along the page to make the background change color. I made this codesketch also for the music data codesketch to get accustomed to the specific event listener. |
The Music Data codesketch is STILL IN PROGRESS, but feel free to browse what I have (you easily access the music part if you click the button on the top right) |
|
CS1: End of Class SlideshowThis slideshow uses reveal.js and is a presentation about a story relating to this class! Because you are browsing just the slideshow with no presentation, make sure to check out the subslides (on some slides you can press the down arrow key to see it). |