User Tools

Site Tools


spcs:summer2014:d3

This is an old revision of the document!


Day 3

Row 1: Penny, Jeni, Will, Jove, Alix, Anastasia

Afternoon Teams: (Penny, Jeni), (Will, Jove), (Alix, Anastasia), (Raymond, Ed), (Zuri, Emily), (Clair, Ellie), (Mei-Ling, Angel), (Float, Andrew, Fang),

Topics

Assignment


Part 0 - Housekeeping

Deliverable: Clean up your blog! The changes you need to make are here.

Deliverable: Make sure you have a copy of anything you've worked on in your own github, That means you should Fork it, if it's not in your directory.


Part 1 - Post about yesterday's JS Interactive Fiction (IF)

Deliverable: Show me at least a screenshot of your IF. Describe to me how you designed it and what the experience is about. You don't have to write a lot.


Part 2 - Post about Data Structures

Deliverable: A blog post about the 4 Data Structures we talked about in class. With diagrams.

Note: The famous game designer, Stone Librande, is coming on Friday to talk about design documents. This assignment is to help you with visual design. Use the design book for reference.

Open PowerPoint Program:

  • Use the boxes, arrows and text boxes to explain what these data structures are.
  • Feel free to use Google or Wikipedia (or simplewikipedia).
    • Some of you already know enough to go ahead and create them
  • You MUST draw your own diagrams. No stealing!
  • You will make 4 different diagrams, one for each Data Structure

Here is an example of the data structure, Linked List, which we did not talk much about.

The 4 Data Structures are

  • Array
  • Stack
  • Queue
  • Binary Tree

Use the snip tool to put 4 images in this post. One for each Data Structure. (These are called “vector” diagrams, but more on that later).


Part 3 - Twine IF (Teams)

Read this to learn about Twine: http://www.auntiepixelante.com/twine/

Deliverable: What was the most important lesson from the lock activity we did outside, yesterday. Design an IF that is inspired by your experiences in the lock activity and what was learned. It can be silly, serious, or both!

Step 1: Open up MS Word and create a design document before you start making the game. Spend about 20 minutes designing the story. Use the snip tool and build diagrams in PowerPoint, if you'd like. Save the doc as a PDF

Step 2: Download twine: http://twinery.org/

Step 3: Make your IF

Step 4: Put everything in one directory (folder) and check it into Github. You will need to create a new Repo for it. Make sure to add COLLABORATORS. Make sure you use gh-pages, so I can play it. The folder must have the following

  • Design Doc ← YOU MUST HAVE THIS, OR ELSE!!!
  • YOURstory.html
  • make sure you have both PDF and docx versions of your design doc

Part 4 - JS Mole Game (Teams)

Deliverable: Learn the next chapter of the Cookbook. You and your partner should get the game up and running.

Chapter 3


Game Design Challenge - OPTIONAL (Teams)

Deliverable: Make another row of holes that will have moles inside. These holes should have 4 different keys assigned to them, instead of ASDF. There should be 8 holes total. You may have to resize things to fit them.

  1. Note: Your web browser has debugger tools. Use them!
  2. Note: …In Chrome, it's in the menu. It's under [View] » [Developer] » [JavaScript Console]

Part 5 - If you are eager to learn more about Processing (Team)

Mouse drawing preview

This application draws a rectangle based on your mouse’s X and Y position. When you click on the mouse, the color of the rectangle changes color. This type of application allows you to create unique drawing effects.

Can you make this program?

Do the exercises here:

https://dl.dropboxusercontent.com/u/3235343/Teaching/GettingStartedWithProcessing.pdf

(start with Exercise 2-2)

Use this for reference: http://processing.org/reference/


Feedback!

/soe/sherol/.html/teaching/data/attic/spcs/summer2014/d3.1405554462.txt.gz · Last modified: 2014/07/16 16:47 by ffpaladin