User Tools

Site Tools


spcs:2015:day5

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Next revision
Previous revision
Last revision Both sides next revision
spcs:2015:day5 [2015/07/09 02:31]
ffpaladin
spcs:2015:day5 [2015/07/10 05:38]
ffpaladin [Homework]
Line 21: Line 21:
       - **Make a Game** - To make a game, give it interactions and a winning condition (Ludus and Paida).       - **Make a Game** - To make a game, give it interactions and a winning condition (Ludus and Paida).
   - **Github** - You can store your processing projects directly there and run them with Processing.js - Read: http://​processingjs.org/​articles/​jsQuickStart.html (Similar to yesterday)   - **Github** - You can store your processing projects directly there and run them with Processing.js - Read: http://​processingjs.org/​articles/​jsQuickStart.html (Similar to yesterday)
-  - **Piskel**: Make an animation with Piskel: www.piskelapp.com +  - **FEEDBACK FORM**: Please fill out feedback form... 
-    - Export your file and save the link to the source in a blog post! +    - https://​docs.google.com/​forms/​d/​1Q-qo1Nt9Jkjn90ldtsMC30zcICHnOf9_Ra-r1M1hKWM/​viewform
-    ​You can try to use the art in your simulation or game +
-  ​**Perler Beads**: Make a sprite with perler beads+
 ===== Homework ===== ===== Homework =====
  
   * **Blog Post**: Every project should have a post. If you made 3 projects, then there are 3 posts. Have images for what you did. Link to the github.io website online so people can see each program. ​   * **Blog Post**: Every project should have a post. If you made 3 projects, then there are 3 posts. Have images for what you did. Link to the github.io website online so people can see each program. ​
-  * **Blog Post**: ​Make post about all the artwork you did. +  * **Blog Post**: ​What is design. Why is it important? How to you make good design document? 
-  * **Blog Post**: What are Algorithms? Why are they important? Name some algorithms ​and explain how they run.+  * **BIG DESIGN DOC** - Make the poster ​and have it done by MONDAY! Bring it in!
   * **Improve your past work**: Double check your work, and make sure your blog is complete. Make sure you have completed all blogs. Finish anything you didn't get to do today. Improve anything that you can! Lots of pictures!!!   * **Improve your past work**: Double check your work, and make sure your blog is complete. Make sure you have completed all blogs. Finish anything you didn't get to do today. Improve anything that you can! Lots of pictures!!!
-  * **Blog Post**: Game Review - But that was yesterday - jayisgames.com/​games/​but-that-was-yesterday/​+  * **Blog Post**: Game Review - But that was yesterday - http://jayisgames.com/​games/​but-that-was-yesterday/​
 Note: From now on ALL game reviews must address Ludus, Paida, and Narrative. Note: From now on ALL game reviews must address Ludus, Paida, and Narrative.
 +  * **ASK YOUR PARENTS IF THEY CAN MAKE FOOD TO BRING FOR PARTY ON FRIDAY. ALSO ASK THEM IF THEY WANT TO COME TO FINAL PRESENTATIONS AT THE END OF THE CLASS.**
  
 ===== Feedback to class ===== ===== Feedback to class =====
Line 40: Line 39:
   * Be better at asking for help   * Be better at asking for help
   * Be more willing to help   * Be more willing to help
 +  * Participate and take more risks
 +  * Be more social with the guest speakers
 +
 +<code java>
 +
 +color c = color(0);
 +float x = 0;
 +float y = 100;
 +float speed = 1;
 +
 +void setup() {
 +  size(200,​200);​
 +}
 +
 +void draw() {
 +  background(255);​
 +  move();
 +  display();
 +}
 +
 +void move() {
 +  x = x + speed;
 +  if (x > width) {
 +    x = 0;
 +  }
 +}
 +
 +void display() {
 +  fill(c);
 +  rect(x,​y,​30,​10);​
 +}
 +
 +</​code>​
 +
 +<code java>
 +
 +
 +// Example: Two Car objects
 +Car myCar1;
 +Car myCar2; // Two objects!
 +
 +void setup() {
 +  size(200,​200);​
 +  // Parameters go inside the parentheses when the object is constructed.
 +  myCar1 = new Car(color(255,​0,​0),​0,​100,​2); ​
 +  myCar2 = new Car(color(0,​0,​255),​0,​10,​1);​
 +}
 +
 +void draw() {
 +  background(255);​
 +  myCar1.drive();​
 +  myCar1.display();​
 +  myCar2.drive();​
 +  myCar2.display();​
 +}
 +
 +// Even though there are multiple objects, we still only need one class. ​
 +// No matter how many cookies we make, only one cookie cutter is needed.
 +class Car { 
 +  color c;
 +  float xpos;
 +  float ypos;
 +  float xspeed;
 +
 +  // The Constructor is defined with arguments.
 +  Car(color tempC, float tempXpos, float tempYpos, float tempXspeed) { 
 +    c = tempC;
 +    xpos = tempXpos;
 +    ypos = tempYpos;
 +    xspeed = tempXspeed;
 +  }
 +
 +  void display() {
 +    stroke(0);
 +    fill(c);
 +    rectMode(CENTER);​
 +    rect(xpos,​ypos,​20,​10);​
 +  }
 +
 +  void drive() {
 +    xpos = xpos + xspeed;
 +    if (xpos > width) {
 +      xpos = 0;
 +    }
 +  }
 +}
 +
 +</​code>​
 +
 +<code java>
 +
 +int x, y;
 +void setup() ​
 +{
 +  size (500,500);
 +}
 +
 +void draw()
 +{
 +  ellipse(x,​y,​20,​20); ​
 +  if ((key == '​d'​) && (keyPressed))
 +  {
 +    x++;
 +  }
 +  else if (key == '​s'​)
 +  {
 +    y++;
 +  }  ​
 +  ​
 +}
 +
 +</​code>​
/soe/sherol/.html/teaching/data/pages/spcs/2015/day5.txt · Last modified: 2015/07/11 01:34 by ffpaladin