This shows you the differences between two versions of the page.
Both sides previous revision Previous revision Next revision | Previous revision | ||
spcs:summer2014:d5 [2014/07/21 11:59] ffpaladin [Topics] |
spcs:summer2014:d5 [2014/07/22 17:30] (current) ffpaladin [Part 1: Blog Posts - All of them] |
||
---|---|---|---|
Line 52: | Line 52: | ||
</code> | </code> | ||
- | Seurat/Blotches Mario | + | Seurat/Blotches Mario (in Java) |
<code java> | <code java> | ||
Line 139: | Line 139: | ||
====== Assignments ====== | ====== Assignments ====== | ||
- | ==== Part 1: Blog Posts - All of them ==== | + | ===== Part 1: Blog Posts - All of them ===== |
* Write Blog Posts about: | * Write Blog Posts about: | ||
Line 151: | Line 151: | ||
===== Part 2: Processing Intro (Do this individually or with your partner) ===== | ===== Part 2: Processing Intro (Do this individually or with your partner) ===== | ||
- | (Each person will try it on their own computer, but the team members should help each other out. Please still sit together.Afternoon groups listed at the top) | + | (Each person will try it on their own computer, but the team members should help each other out. Please still sit together. Afternoon groups listed at the top.) |
Install the Processing program (if it's not there already): http://processing.org/ | Install the Processing program (if it's not there already): http://processing.org/ | ||
Line 348: | Line 348: | ||
In processing, write a program that paints images like this: | In processing, write a program that paints images like this: | ||
- | (Remember, to look at your references: https://www.processing.org/reference/ and look under the Pixel heading) | + | (Remember, to look at your references: https://www.processing.org/reference/ and look under the Pixel heading. Animations require a draw() function.) |
{{:spcs:summer2014:screen_shot_2014-07-07_at_11.50.58_am.png|}} | {{:spcs:summer2014:screen_shot_2014-07-07_at_11.50.58_am.png|}} | ||
Line 354: | Line 354: | ||
Now, see if you can figure out how to get the code to run in a browser!) | Now, see if you can figure out how to get the code to run in a browser!) | ||
- | <code java> | + | <code html> |
<html> | <html> | ||
Line 364: | Line 364: | ||
Read this for reference: http://processingjs.org/articles/jsQuickStart.html#quickstart | Read this for reference: http://processingjs.org/articles/jsQuickStart.html#quickstart | ||
+ | |||
+ | Put everything into a Github Repo in the gh-pages branch! | ||
---- | ---- | ||
- | ==== Part 4: Visual Sorting I (TEAM) ==== | + | ===== Part 4: Visual Sorting I (TEAM) ===== |
(Afternoon groups listed at the top) | (Afternoon groups listed at the top) | ||
Line 397: | Line 399: | ||
.... Do whatever makes more sense to you. (Try searching for "Processing Random Numbers"). | .... Do whatever makes more sense to you. (Try searching for "Processing Random Numbers"). | ||
- | Next, use the print function and a for-loop to see if you can print out the numbers. | + | - Next, use the print function and a for-loop to see if you can print out the numbers. |
+ | - Once you can see the numbers printed out, see if you can draw the numbers as rectangles. | ||
+ | - When you've gotten this far, you should try to write out the sort. Pick your favorite one. Try to sort the numbers with for-loops first. | ||
+ | - When you've successfully sorted the numbers, you'll need to sort the numbers WITHOUT using the for-loop. (Using just the draw loop). | ||
- | Once you can see the numbers printed out, see if you can draw the numbers as rectangles. | + | Once you can sort them, try to draw them on the screen and animate them. Like these: http://www.sorting-algorithms.com/ |
- | When you've gotten this far, you should try to write out the sort. Try to sort the numbers in your setup function first (the function that runs only once). | + | If you finish this early, you should either try another sort OR.. help Mousey learn the http://en.wikipedia.org/wiki/Sieve_of_Eratosthenes with another computer animation. |
+ | ---- | ||
- | Next pick your favorite sort and sort those numbers. You may need to create a swap function. | + | ===== Part 5 - Cookbook JS Tile Game (Team) (Optional) ===== |
- | Once you can sort them, try to draw them on the screen and animate them. Like these: http://www.sorting-algorithms.com/ | + | Get the Tile Game up and running. Please continue to try and learn from the code and reading. |
- | If you finish this early, you should either try another sort OR.. help Mousey learn the http://en.wikipedia.org/wiki/Sieve_of_Eratosthenes. | + | This is for people who finish early and have nothing to do. |
- | + | ||
- | Try to get your project blog online, if you have time. Also, don't forget to link your design doc in the blog. | + | |
---- | ---- | ||
+ | |||
+ | ===== Part 6 - Two Feedback Forms ===== | ||
+ | |||
+ | |||
+ | [[https://docs.google.com/forms/d/1nNvgtxwBtGiDMfe_jjx1PH8MzwJlOR7jIAaEdLZ-sZI/viewform|Anonymous Daily Feedback Form]] | ||
+ | |||
+ | and... | ||
+ | |||
+ | <html> | ||
+ | |||
+ | <iframe src="https://docs.google.com/forms/d/1YCb9i2OT46VIZmzbunqjMVXwbdBHRJd-8zrE17NJFOM/viewform?embedded=true" width="760" height="2000" frameborder="0" marginheight="0" marginwidth="0">Loading...</iframe> | ||
+ | |||
+ | </html> | ||