DELIVER: collision.pde

Check out Aziza’s deliver blog post here!


I am extremely proud of this game that Aziza and I worked on. We took our time and both had the chance to input both of our ideas in this game. The programming was kind of hard but at the same time, it was easy enough for the both of us. 

My partner Aziza and I had worked on the code together equally. We would suggest, plan out, and then put our thoughts and ideas into actions. Most of the time in class when we were working on the project, we exchanged ideas and often changed them because of the sake of time. I am grateful that I was able to have a partner who is determined and willing spend days trying to understand something. It was honestly a great experience to work with someone who had a clear idea and how to go about it. 

What was most challenging for us was trying to code a star into processing by using the star() function on their website. (click here).

The star function was very complicated because we didn’t understand half of the things that were in the function. We tried to figure it out honestly but we resulted in starting our game all over and using our buttonFly programs as a outline for final collision program. We also decided to just use an image of a star because it was something we both knew how to do and it only took a day for it to work. Whereas we were still trying to figure out the star function for almost a week. 

For the future of this game, we would love to have sound effects, a portal leading to the winning screen of the game, an actual start and ending game screen, and adding a health bar for the star to make it a more enjoyable game. 


DEVELOP: collision.pde

For the design post for collision.pde go to Aziza’s blog

User feedback from 2 students in our video game programming class: 


Since our last version of the program before was 7, we were working on fixing the cloaking for the second flower (pink flower) in our program. We used the feedback to change the speed up the rose (red flower) in our game.

P.S. We didn’t have enough time to finish off the game completely and add all of our other ideas such as a health bar, which was suggested, and also more restrictions and levels in the game. 

version 7 title

In version 7, we added the following effects to our game. If the white flower collided with the star (flower 2) then the background color would change. During this version we had it set to red and kept it the same. 


By also having the individual effects for the flowers we also included the orbiting affect for both flowers 1 and 2 so that it is more challenging for the star to escape the circle. We did this in version 7 by creating new variables. 

orbiting effect

In version 7 we had the speed of the third flower  (red rose) at .5 which was slower than 1. We did this only for testing purposes but in version 7.5 we changed it to 1. 

version 7 spd

version 7_5 spd

In version 7 we had a problem where our cloaking was not working for only the pink flower. We noticed our mistake easily when our teacher pointed it out to us. 


We had the tint at the bottom of our draw. This meaning that it went through everything (our sprites) and tinted everything instead of just doing flower one (the pink one). We fixed this in version 7.5 by simply adding a noTint(); for everything else that is not flower 1. 

version 7_5


DEFINE: collision.pde

*For the discover post for this project go to Aziza’s blog * 

Aziza and I will be using different objects and resources for our game which will include the following

  • User star
    • User star name (uStar)
    • X and Y position variables (starX, starY)
    • Rotation (sine and cosine needed to do this) ( starRot)
    • Motion variables (mvSX, mvSY)
    • Speed of star (spdStar)
    • Color of star (starCol)
  • Flower 1
    • pf1
    • Image name (F1)
    • X and Y position of image (f1X, f1Y)
    • Rotation of image (f1Rot)
    • Motion variables (mvF1X, mvF1Y)
    • Angle of image (f1Ang)
    • Speed of image (spdF1)
  •  Flower 2
    • pf2
    • Image name (F2)
    • X and Y position of image (f2X, f2Y)
    • Rotation of image (f2Rot)
    • Motion variables (mvF2X, mvF2Y)
    • Angle of image (f2Ang)
    • Speed of image (spdF2)
  • Flower 3
    • pf3
    • Image name (F3)
    • X and Y position of image (f3X, f3Y)
    • Rotation of image (f3Rot)
    • Motion variables (mvF3X, mvF3Y)
    • Angle of image (f3Ang)
    • Speed of image (spdF3)


Additional Variable(s) that will be needed in our program: 

  • We will be using the arrow keys to control the user star
  • colorBump
    • This will be changing the color by increasing the RGB value.
  • bG
    • Background color for game


For the design post for the project check out Aziza’s blog