ICM Final Project Documentation

 Interactive Rhythm Game

Inspiration: Making a rhythm game was purely indulgent, as I greatly enjoy rhythm games and really enjoyed the process of making my own. However, this time I wanted to make something for someone else and the last time we spoke my brother-in-law was really excited about playtesting it, so I used a remix of a song from one of his favorite games and the entire aesthetic is inspired by the game as well. Having a specific inspiration made it a lot easier to work on the aesthetic rather than trying to create something generically pleasing to look at.

Sample Screenshots:

 
 
 
 
Gameplay: As you can see in the images above, the gameplay consists of a center stage where the markers indicate where you are supposed to hit the notes as they come in. The "notes" (colored circles) move towards the center from the outside. If they reach the center without being hit, they disappear and it counts as a miss. The red circle in the middle is the moveable piece (using WASD) that you use to hit the notes once they are in a good range.

I referenced two of my previous sketches for this: my first rhythm game and my visualizer.

Reflection: The goal was to build upon what I learned from these previous sketches to improve on my game-making abilities. I feel happy with how this turned out as I believe it shows a clear improvement over the first iteration of the rhythm game. The biggest success was finding a method to map out the time markers in the song when I wanted a note to spawn. The failure that I didn't predict was that this would be too much for a browser to run and that it lags in fullscreen, and thus throws the whole timing off. Although, it doesn't seem to have any problems running in the editor.

In the future, if I were to continue this project I would like to implement an intro screen, more song choices and a selection screen, and find a way to fullscreen it without lag (perhaps by hosting it on another website).

 


Comments

Post a Comment

Popular posts from this blog

Feeling Patterns Assignment #1

 P5.js code I wanted to explore patterns that aren't really repetitive in an obvious pattern way but that we still try to make sense of. Specifically, I remember someone mentioning raindrops on a window as one of the patterns they noticed and it stuck out to me because raindrops on a window isn't really a repetitive sound. The size of the drops, the amount, and the time between drops all vary every time. So why then does it stand out as a pattern? Probably because we try to make sense of the new pattern as the sound evolves and over time it all starts to sound the same. It is consistent in it's inconsistency.  For this project, I decided to play around with the sound of raindrops and specifically creating patterns and then breaking them with new patterns. Each segment is composed of a pattern. For example, short length clips spaced out evenly, but then layered with more short length clips spaced out evenly but at a different start point and some long length clips spaced out
Read more

Hypercinema Week #4

ArtLine: This creates line art from an image. I found this model interesting immediately. I think it has potential for a lot of reasons. It could be used to expedite the animation process by creating amazing line art from real photos. It'd be good way to incorporate real locations or people into animation easily. I also think it could be interesting as a way for non-artists to convert their pictures into a drawing. It could also be used as a learning tool for artists to better see what parts of an image to emphasize in line art and where to shade. For my concept, I would upload a series of images from a piece of media and create a manga style page with the results in illustrator or photoshop. It'd be cool to see how quickly and easily we could make things like that with this. Style2Paints: This automatically colorizes line art. I think this would be an interesting part 2 to the ArtLine model. I would put a set of photos through ArtLine to create line art and then put those gene
Read more

PhysComp Week #1

     I started the labs with the setting up of the breadboard. I successfully inserted the wires portrayed in the first image (Figure 8) but I wasn't really sure why I was doing these things specifically so I asked for guidance from my partner who has also taken some physical computing classes. With his help, I was able to understand what the wires are doing and why it's important to properly ground circuits. Once I finished the initial setup, I moved on to powering the breadboard. I ordered all the components on the Basic Parts and Tools BOM on Sparkfun but they hadn't arrived in time for this lab, and I was unable to find the parts I needed on the floor, so instead of using a DC powerjack to power the breadboard, I connected the arduino to the breadboard and then to my computer with the provided cord. I proceeded to setup the LED lab and learn more about currents and the relationship between supplying power and then grounding it.       I also have yet to obtain the multi
Read more