UCHS CS1 - Unit 3: Software Engineering - Processing
Grades for this Unit...
REMEMBER! take photos to include on your website! |
CheckList...
✳️ Activity 0: Getting Started
- Download a pdf of the book The Sparkfun Guide to Programming and begin your journey.
- You will be following the chapters from the above book.
- Download the Processing program.
- Tour the environment, understand how errors are displayed, and learn how to make changes to the preferences.
- Write your first "Hello World" program, in this case, a line! :)
- You will need to start a list of all Processing commands, and what they do. You can do this in your notebook, tiny index cards, in a spreadsheet, or in a word document using a table. Keep this handy to refer to as you learn the syntax. This document will be turned in for a grade for this unit.
- Read about the anatomy of a sketch.
- Note the differences in the coordinate plane in mathematics and computer science.
✳️ Activity 1: Pixel Art
- Project 1 in book. Gather your material. Mrs. Davis will show you where the graph paper and colored pencils are.
- Draft your pixel art onto graph paper.
- Make a table of rectangles to draw, sorted by color.
- Translate your sketch into code. READ AHEAD - if you multiply your numbers by 10, you will get a larger picture.
- Learn about the color codes, and where to find the color selector under TOOLS.
- Test and finalize your program. Don't forget to add new commands to your running list, and TAKE PICTURES to add to your website portfolio.
- See my pixel art below. :)
✳️ Activity 2: Holiday Card
- Project 2 in book. Learn code for making ellipses, lines and line thickness.
- Practice making quadrilaterals and triangles. You may need graph paper, so keep it handy.
- Program your digital collage! (snowman) Make yours a little unique. Add some more elements. YOU SHOULD USE YOUR OWN SHAPE SIZES AND CALCULATIONS! Don't just use the author's code.
- Test and finalize your program. Don't forget to add new commands to your running list, and TAKE PICTURES to add to your website portfolio. Show Mrs. Davis your code and final picture.
- See my snowman collage below. :)
✳️ Activity 3: A First Dynamic Sketch
- Project 3 in book. Take notes on variables and logic.
- Take notes on conditional statements and relational operators.
- Follow the directions to create your own "bouncing" red ball.
- Try the challenge at the top of page 59, and make a pulsating ball. If you can figure it out, show Mrs. Davis! :)
- Make trails of color using multiple variables.
- Test and finalize your program. Don't forget to add new commands to your running list, and TAKE PICTURES to add to your website portfolio.
- See my Dynamic Sketch below.
✳️ Activity 4: Interactive Time-Based Art
- Project 4 in the book. Read and take notes about the build-in values in processing.
- Create a rectangle that changes color with time.
- Create the first clock, then work spice it up by working on the modified abstract clock.
- Test and finalize your program. Don't forget to add new commands to your running list, and TAKE PICTURES to add to your website portfolio.
- See my Dynamic Sketch below. I played around with the colors.
✳️ Activity 5: Enter the Matrix
- Project 5 in the book. Read and take notes about what a matrix is and how to "push and pop" them.
- Create your 3 ellipses and translate them.
- Try the rotated revised code, and make some flowers.
- Now use mouseX and mouseY to translate and watch the magic! Work with blue ellipses outside the matrix to see what happens.
- Hack your snowman code by copying the code from that project into the new project that creates a moving snowman.
- Test and finalize your program. Don't forget to add new commands to your running list, and TAKE PICTURES to add to your website portfolio.
✳️ Activity 6: Image Processing with a Collage
- Project 6 in the book. Read and take notes. Import an imaged into your sketch and center it.
- Transform the image using scale and the map() function, as directed.
- Add more images and play with scale and rotate - see my collage example below.
- Change your collage with tint() and filter().
- Be sure to take good notes on processing OBJECTS - a very important CS concept.
- Create your Andy Warhol collage.
- Test and finalize your program. Don't forget to add new commands to your running list, and TAKE PICTURES to add to your website portfolio.
✳️ Activity 7: Playing with Text
- Project 7 in the book. Read and take notes on char and String data types.
- Create your first sketch with the text() function and then learn the text modifiers.
- Create a font, load it and make a simple typewriter. I had to play around with display, and still couldn't get it to not repeat some numbers!
- Work on the data dashboard, and time and mouse coordinates.
- Test and finalize your program. Don't forget to add new commands to your running list, and TAKE PICTURES to add to your website portfolio.
✳️ Activity 8: Two Drawing Programs
- Project 8 in the book. Read and take notes on event functions.
- Work on making rainbow doodles, using mouseDragged(). See my drawing below. :) Add the mousePressed() function to add an erase.
- Create a simple painting program with a color-changing feedback box and learn how to change the pen color.
- Test and finalize your program. Don't forget to add new commands to your running list, and TAKE PICTURES to add to your website portfolio.
✳️ Activity 9 - Show What you know! Complete your required assignments for this unit.
- Complete pages of website portfolio under Unit 3: Processing. Include photos of each project you completed and a reflection on the learning experience.
- Upload or hand-in your Processing Command notes or flashcards.
- Using one of these ideas - choose a project to SHOW WHAT YOU KNOW. Projects will be graded on content completeness, relevance, originality and accuracy.
- Hints: Don't get in over your head! The objective is a working project. Watch your time.