In this assignment we'll practice using OOP (Object Oriented Programming) techniques. We'll create a class to model what a single die has and does, and then we will create at least 9 instances of that class arranged in a grid shape. Note that for full credit your program must display the total of all the dice and draw the dice with dots or similar marks. Also, you must customize the title, header and footer of index.html. You may find the first 66 slides of the OOP--Classes slide presentation helpful, as well as the Nested Loops, and the Math.random worksheets.
- Start by forking this repository. Clone down the folder and open it in Sublime. Open the pde file and you should see the following code:
void setup()
{
noLoop();
}
void draw()
{
//your code here
}
void mousePressed()
{
redraw();
}
class Die //models one single dice cube
{
//member variable declarations here
Die(int x, int y) //constructor
{
//variable initializations here
}
void roll()
{
//your code here
}
void show()
{
//your code here
}
}- Write the member variable declarations for the
Dieclass - Then, write code in the constructor to initialize the member variables
- Next, complete the
draw()function. For now it should:- clear the screen
- declare and initialize one instance of the
Dieclass - Call the
show()function for thatDie(even though we won't see anything yet)
- Now lets work on the
show()function.- Notice that the constructor takes arguments. We'll use those arguments to position the individual die cubes. Don't worry about the dots at first, just get the shape of the dice on the screen for now.
- Once you like the shape of your die, go back to
show()and add someifstatements to check how many dots you need to put on the die. Start by "forcing" the die to always roll a one. Check to see that you can get one dot where it is suppose to be, and move on to two, and so on. If you are clever, you can combine some of the ifs and avoid duplicate code.
- Now, use nested loops to display at least nine instances of the
Dieclass. This is the power of OOP. It's not that much more work to make 1000 dice as it is to make one. Make sure the dots are on the dice. Yourshow()function will need to position the dots by adding some small amount to the x and y coordinates of therect()of theDie - Finally, add code to the
draw()function so that your program displays the total for the roll to the screen. You may find theCoinandTokenprograms on the slide presentation helpful.
The steps above are only a suggestion. Your program needs to:
- Use a
classto model a singleDiecube - The
Dieconstructor needs to use the two arguments to position the x and y coordinates of theDiecube - Create at least 9 instances of the
Dieclass - Use
Math.random()for all random numbers in the assignment - Display the total of all the dice and draw the dice with dots or similar marks
- Personalize the title, header and footer of
index.html
Other than that, your dice program doesn't have to work or look like any other. Have fun and be creative!
For a challenge, you might see how many legible dice you can fit on the screen. You can also keep track of the rolls. You could display the average roll, or maybe a graph that shows how often each of the numbers from 2 to 12 have come up. This is useful in some dice games like Settlers of Catan. Check the links below for examples of other students work
Joshua
Fred
Richard
Thomas
Ethan
Jalen
Akira
Celina
Emma
David
Esther
Sean
Caitlin
Brendan
Mia
Andy
Alexis
Jason
Calvin
Mampu
Lolita
Gee
Cappillen
Brendan
Michael
Alvin
Dylan
David
Michael
Racine
William
Andrew
Mariko
Amy
Andy
Ethan
Jessie
Peter
David
Daniel
Vicky
Brandon
Lu-Aung
Wesley
Carmen
Marisa
Willis
Marvin
Zachary
Katie
Wilson
Josephine
Kris
Jessie
Domonic
Lena
Emi
Lancy
Mandy
Brian
Kelvin
Jing
Emil
Kelly
Chanel
Emma
Jeffrey
Emily
Albert
Connie
Andrew
Cynthia
James
Linus
Lily
Alexander
Oona
Alexander
Tristan
Victor
Karlee
Emily
Clarisse
Chase
Kevin
Maryann
Jeffrey
Michelle
Justin
Ben
Jeffrey
Vincent
Jonathan
Ryan
Rolland
Bryce