A) Create a smooth animation of an animal as it moves (the way it moves naturally). You can create a hypothetical animal (not currently existing) animal for this exercise.
or
B) Create at least 2 image-processing pixel transformations that we have not covered (assume that we've covered edge detection). For ideas, go to Photoshop or Gimp (free image-processing software).
Deliverables to be submitted to the homework server
1) Zip of the project directory
2) PDF of documentation and possibly instructions on how to view the project. Comment on the problems you had in creating the project, and what you learned in the process.
Pixel-based tranformations
- grayscale
- horizontal shift
- fadeout
Here is my version of shift.
- You can do this by using the delay() function at the end of the draw() function. delay(milliseconds) can stop the draw() function from terminating for a number of milliseconds, and therefore going on to the next executiong of draw() and the next frameCount.
Here's an example: Slides.zip
I'd like to take a look at what you come up with (this is the "creativity" part of the course) when I get back.
Personally, I have a lot of fun thinking up cool animation ideas and trying my hand with them. Remind me to show a few of them.
Homework, due Wed. 1/5 midnight
And also pushMatrix() to "bookmark" a coordinate system and popMatrix() to "restore to previous bookmark"
Transforming homework.
Maze Solver and displayer are due Thurs, 12/23 midnight.
Each move consists of just coloring one block.
The problem that makes this a dynamic array is that we don't know how many moves it will take to solve the maze.
However, you can put an upper limit on that number: what is that upper limit?
Here is the code for the Move and MoveList classes...
Take a look at them -- we'll discuss them tomorrow.
The complete Maze Solver is due on Thurs night. Zip up the MazeSolver directory and therefore all of its subdirectories and submit them to the homework server.
In the Comments-to-Teacher, please talk to me about this assignment, how hard it was, how it could be made better for next year.
Here is my MazeDisplay. Of course, you'll need a Block class and data directory with the text files for the mazes.
Work on solving the maze, or debug the maze displayer that was due yesterday....
Maze solving:
pseudo-code of recusive Solver() function:
call Solver(row, col):
// we're on the current block
if this block is End: return true
if this block is bad (Wall, Path or Visited), then return false
set this block to Path
// call solver with block to the north:
if solver(row-1,col) == true: return true
//otherwise call solver to the east
if solver(row,col+1) == true: return true
// etc for south and west:
if solver(row+1,col) == true: return true
if solver(row,col-1) == true: return true
// all right, if we've gotten this far, then there is no going further, so
set this block to VISITED
return false
MazePhase1: read the layout text file and display the starting state of the maze
Create the sketch MazeSolver and put the Block class into a separate code file, creating the following directory structure:
MazeSolver
--- MazeSolver.pde
--- Block.pde
--- data
---- simple-dw.txt
---- medium-dw.txt
---- hard-dw.txt
For homework, Zip your MazeSolver directory and submit it.
Due, Tues 12/14 midnight
Here's a short exercise on 2D arrays...
Upload your .PDE file to the homework server
The next (and last, for now) sort algorithm that you'll code is the Selection sort. It's very similar to the Insertion sort.
Here's a quick tutorial on Selection sort.
Remember, the target is to integrate both sorts (Insertion and Selection) into the Sorting sketch, so the user can select which algorithm to invoke at any time.
Once you're done and it all works in the Sorting sketch, Zip the Sorting directory and submit it to the homework server. Write any comments about the difficult of creating these sorting algorithms into the Comments-to-Teacher.
- Sorting will create data files and submit them to one of your sorting algorithms (BubbleSort, InsertionSort or SelectionSort), which will manufacture the right type of output data file for use as input into SortDisplay, and even place it into SortDisplay's data directory.
- the BubbleSort algorithm is already coded.
- your job is to code and debug the Insertion and Selection sort algorithms.
Here's documentation on the intermediate files created by the Sorting sketch for digestion by the SortDisplay sketch.
There are already a couple of files (ins-10-random.txt and sel-10-random.txt) in the SortDisplay data folder that you can view through SortDisplay showing Insertion and Selection sorts.
- Insertion Sort: here's video from GeeksforGeeks
BubbleSortData.zip (BTW, if you use SortDisplay to animate the file bubble30.txt, you can see, toward the end, the BubbleSort algorithm terminate early because it detects that there's nothing left to do.)
/* Demo code to create a file called "george.txt" in the current directory
(the same directory as this sketch) containing the two lines:
First line
Second line
*/
PrintWriter harry;
harry = createWriter("george.txt");
harry.println("First line");
harry.println("Second line");
harry.flush();
harry.close(); It contains a displayer of sorting algorithms in action. And shows the format of the data files that the displayer can digest (in its data subdirectory). These particular files were created using a (slightly incorrect) BubbleSort algorithm.
- If duo, put the names of the both authors into the Comments-to-Teacher. Both authors must submit to the homework server.
- This will consist of a sketch and webpage(s) describing the sketch and how to use the controls (if not obvious).
- You'll have a folder with the processing sketch file, the template (text) file, the BRC_Utilities.pde file and the webpages. ZIP the actual directory (not just it's contents) and upload that to the homework server.
- I'm interested in your experience with working with BRC --put your comments about it into the Comments-to-Teacher while you are uploading the ZIP file.
- Creativity will be a criterion in grading.
http://www.micromind.com/processing/brc
Please see all 3 videos on this site.
And provide feedback about how well this website introduces the capabilities to add controls to Processing, and how well it teaches the introductory user to use it successfully.
Please email me if you'd be willing to beta test this product.
You should have a class called "Palette" that will draw the color box and will have a method which will detect whether the mouse is inside it.
Also, here is my way of listing the colors that the Palettes should contain:
String[] colorStrings = {"R","G","B","RG","Rg","RB","Rb","rG","GB","Gb","rB","gB",""};
...where R = Red at 255, and "r" is red at 180, etc.
Here is my answer code.
Here's my answer code.
Mike is able to come on Tuesday or Wednesday of next week. He can do an after school presentation starting at 3:45pm and/or one during 8th period on either day. The 8th period talk would have to be shorter.
Try out the sketch in the link above, and understand the code that runs it.
Work with the Ball code provided and I'll take a look at it on Wed. in class.
Then fill in the move() and display() methods.
Change the constructors to add color to the balls' interiors.
Watch the following YouTube videos in class, by
a) turning on Closed Captioning (CC at the bottom of the window) and turning off the sound, or
b) if you have headphones, try to see if you can plug them into the class machines and listen.
c) No, you can't use your smartphones (sorry), although you can use your own laptop if you have one.
8.1: What is Object-Oriented Programming in Processing:
8.2: Defining a Class Part I - Processing Tutorial
8.3: Defining a Class Part II - Processing Tutorial
8.4: Constructor Arguments - Processing Tutorial
Homework due Mon, 10/25, 8:00a
Here are portions of the code.
Here's the beginning of the code...
Here's what it should look like...
2) In the Comments-to-Teacher, indicate whether or not you'd like it shown to the class (we'll have a show-all if we get a working projector). If you don't reply, I'll assume that you want it shown.
Create a working analog clock that displays the current time, like or better than this: analog_clock.mp4
This is a graded assignment. If you create a clock that looks and works like this, the grade is 88.
If you make more attractive and/or a fancier clock, your grade will rise.
Among other things, you can add markers around the circumference to mark the hour positions. You can make fancier hands. If you want a challenge, make a rectangular or elliptical clock, with hands that stretch. Use your imagination.
Upload your .pde file (do not copy the code into the Comments-to-Teacher).
size(400,400)
Radius of clock face: 150
1. Look at the docs for the functions hour(), minute() and second().
2. Work on the tricky code first: controlling the hands correctly.
There will be a number of angle transformations you'll need to get right.
You might want to do your work in degrees, and then, at the last minute, convert to radians when inserting the angle into the sin() or cos() functions.
This way, you can use println() to check the angles that you've calculated incorrectly, and you'll see them in degrees, and hopefully recognize how to correct them.
Here is my answer...
My answer is here.
Richard Lee's answer is here.
Here are the answers to the Looping Exercises.
Here is the (still developing) Processing Cribsheet.
Do the following CodingBat problems:
- sleepIn
- diff21
- nearHundred
- hasTeen
- close10
- monkeyTrouble
- parrotTrouble
Instructions -- please follow these exactly:
- Go to CodingBat.com: https://codingbat.com/java
- At the top-right: Create an Account (if you already have one from last year, skip this step)
- After creating the account, log out and log back in, to make sure that you can.
- At the top-right, click on Prefs, then fill in the "Share to" box with pbrooks@stuy.edu and press Share
- Go back to Prefs and fill in the "Memo" box with: f2021, your period #, last name, first name. Sample: f2021,3,Brooks,Peter. Make sure there are commas and no spaces. Press Update Memo
Use variables for the center of the targets, and for the small. medium and large circles' colors. Do not write your own functions.
Drawing of a person.
Due Tues morning 8:00a
Upload your .pde file to the homework server.
- Go to the main class link page (http://bert.stuy.edu/pbrooks)
- Click on the Homework/Grade server link (or use the one at the bottom of this webpage)
- Choose the Profile menu item
- Choose your period and name
- Log in with your OSIS number as your password
- Fill out your email address and preferred first name only, DO NOT CHANGE YOUR PASSWORD YET.
- Save: (press Change Profile button)...
- (optional, but recommended): now you should change your password for this Homework server:
- Go back to the Profile page, create a password and press the Change Password button.
- REMEMBER this password!
You MUST include your name in the subject line or body of the message, otherwise I won't know who it's from.
