Tag Archives: Black & White Exercise #2

Conference Project Post #1: Come and Play

For my conference project, I decided to keep working on the game I’d started working on for the Black & White Exercise #2 assignment. I wanted to expand on the game and make it more interactive and playable. photo 2 (4)photo (24) I want this game to be more exploratory – I want the player to have multiple choices and goals and outcomes. Since I want the game to invite users to explore I’m titling the game “Come and Play.” (I also think that title is a little bit creepy, and I want this monster game to be a little creepy.)

Black & White Exercise #2: Monster in the Village

For the next lab I wanted my race to the end monster lab to be a simple game where you avoid objects moving up and down the screen to reach a safe zone. Basically it is the idea of the world’s hardest game. (if you don’t know what that it, google it and you’ll get the idea).  So for my game I had 4 elements. I had the player, a circular dragon (at the top of the screen), a town(bottom left of the screen), and a number of squares that would be bouncing from the dragon to the bottom of the screen. The goal is to get your player across the fire and into the town without being killed and then eaten by the dragon. And so after getting the interface down, the next part was motion. Getting the squares to move and bounce was simple and so it was time to get to collision. This is where I had the most trouble and still have trouble today. When I write the collision code in and I declare all of its necessities. The game just ends up lagging/going slower and the collision is still non existent. I am not sure what exactly I am doing wrong, but one thing is for sure and that is that there is no working collision in this game :/. c d

Black and White Exercise #2: Monster in the Village

monster For my second game I included a ‘monster’ and three ‘children’. The monster comes out at night and disappears in the day. At night it chases the children represented by circles and attempts to eat them. sketch1   There is an element of player choice insofar that they can choose when to instigate night. Clicking or tapping on the right side of the screen slowly transitions the screen to night and the monster appears. To reverse this and bring about daytime, the player taps and holds the left side of the screen.


To handle the monster eating the children. I had to add collision detection and constantly check for hits. In addition, mouse x values were necessary to trigger the transition from day to night.  the ‘children’ and Monster’s movement was handled by a bounce function which simply reversed the velocity when the object reached the edges of the screen. If I do add to the game, I think it would be interesting to have more ‘children’ and then when the player starts the night phase I could randomly select one of them to become the monster. It might also be interesting to play with the Monster’s movement and have a more aggressive but controlled area for it to patrol. Then the actual timing of night and day phases will matter more for the player.  

Black & White Exercise #2: A Monstrous Narrative

When I first approached the prompt for this exercise, I was stumped as to how I could possibly represent all the different events of the narrative using only simple shapes and little color. After tinkering with the code for quite some time, I ended up with a simple game that relies timer-driven animation to portray a narrative. I drew my ideal narration in my sketchbook: IMG_0055 IMG_0054 And from there, I made this game: Screen Shot 2014-11-03 at 7.38.53 AM State 1: Day Turns to Night The game actually begins with a totally white sky, rather than a light grey sky (as in the picture), but it’s been hard to screen shot the white “day” background before it begins to change color. Each second after the game starts, the sky darkens until, on the fourth second, the sky reaches its darkest grey. Screen Shot 2014-11-03 at 7.36.11 AM State 2: The Monster and the Moon Appear After the sky has stopped changing color – and also after the fourth second – the Monster appears from within the village, and the Moon descends from the sky. You can just see the Moon peaking out of the top of the screen in this picture, and the curve of the Monster traveling through the village. Screen Shot 2014-11-03 at 7.49.53 AM State 3: The Moon Becomes Moveable Once the Monster has reached a certain point on the screen (about two thirds of the way across), it stops. The Moon also stops after its vertical descent. Once both objects have stopped moving, the player can move the Moon by touching the screen. This change is a timed event that happens sixteen seconds after the game begins. I’ve debated how to make the player aware of the movability of the Moon, but right now I’m relying on the player to find out just by playing with the interface a bit. Screen Shot 2014-11-03 at 7.59.54 AM State 4: The Monster Eats the Moon & Breathes Fire If the player moves the Moon inside of the Monster, both the Monster and the Moon become red, and the Monster spits out a fireball, which moves towards the village. Screen Shot 2014-11-03 at 7.59.38 AM State 5: The Monster Burns the Village Once the fireball reaches the village, the village buildings become red as the fireball passes through them… Screen Shot 2014-11-03 at 8.03.45 AM …until all the village is on fire, and the game is over. Eventually, I’d like to add more fireballs that each burn a building in the village separately, and a better win state. This prompt really inspired me to create a story, and I think that ultimately drove me to focus more on coding an animation, rather than a true game. I have four classes in the game: a Monster class, a Fireball class, a Moon class, and a Village class. I think that my next step will be to use the classes to create more objects and obstacles that make the goal of burning the village harder to accomplish. -Annie

Black & White Exercise #2: Monster Game

  Screen Capture #015   This is my monster game, The player is the monster which is represented with a big red circle. The player starts at the bottom of the screen and his goal is to reach the top while touching the white circles which are the moon children. Once you touch them and reach the top you accomplish the mission. White circles are bouncing around the screen and one of the circles is the determinant of day and night concept. Screen Capture #016 Once it is a red screen it means its day and that is why the player is unable to appear. It only comes at night and that is when it can eat all the moon children and win the game. While I was working on this game I  have created 2 classes and it was my first time dealing with them so it was a bit of a challenge. It was suppose to be just a black and white game but because I wanted to show that monster breaths fire so I decided to go with red which is also the color of day time on my game. I added a timer as well so that player can see it. It was also my first time using timer as well.  

Black & White Exercise #2: Moon Dragon

There is a village: Screen Shot 2014-10-27 at 11.49.02 PM The monster comes out at night: Screen Shot 2014-10-27 at 11.48.48 PM The monster eats moon children: Screen Shot 2014-10-27 at 11.48.36 PM   This ‘game’ is really a few-second long cutscene, because despite numerous attempts, I was never completely able to get gameplay working with the cutscene, and I liked the story the cutscene told way too much to end up scraping it. I created a representation of the village with a single home, which I created by placing a triangle on top of a square. I deliberately made the roof a little asymmetrical in order to try to give the village a bit of a Nightmare Before Christmas/German Expressionism-y vibe. The sun “sets” by slowly taking the background from bright white to black, at which point a moon appears to represent nightfall. The moon then breaks into pieces in order to represent ‘moon children.’ The monster is a block-y creature, in order to visually distinguish it from the rotund moon children, plus I kind of like the 8-bit vibe that it lends to the game. Finally, I represented fire-breathing by making the square that creates the monster’s mouth toggle back and forth between black and white several times in quick succession.

Black & White Exercise #2: Son of Thomas

The Son of Thomas was originally based on me naming the first square that I coded, Thomas. However, as the story goes, the square coded as Thomas is actually a monster that shoots out fire that can hit the real Thomas, or his son, which are at the bottom of the screen (the monster is at the top). Thomas’s son bounces along the x axis, and Thomas is controlled by the mouseX coordinates of the player, with a fixed Y value. When Thomas collides with his son, the son bounces against him, and gains a small value of movement speed. As the game progresses, Thomas’s son gets more frightened, and runs quicker and quicker. The monster first shot fire out of only one x location, at 400, but I coded it to shoot at a random position, and then an approximation close to Thomas and his son. If the fire hits Thomas or his son, the score counter stops, and the game ends.