Where skillset meets mindset.

  • Home
  • Projects
    • Project Summaries
    • Planning
  • Students
    • A High Tech High Student
    • Featurettes
  • Sponsorship & Donations
  • General Resources
    • Shop Tools
      • Hand Tools
      • Power Tools
      • Tool Safety
    • Radio Control Hobbies
    • Laser Cutting
    • Automata
    • Gears & Mechanisms
    • Machining
    • Physics Resources
    • Stained Glass
    • Tips & Guides
    • Electronics
      • Paper Circuits
      • General Electronics
      • Arduino Hardware
    • Coding
      • Processing
      • Arduino
      • Google Apps Script
      • Troubleshooting
  • Educator Resources
    • Project Design Guide
    • Musings
    • Project Ideas
  • GRITLab
    • General
    • Adversity by Design
    • GRITLab Media
    • GRIT Case Study
    • GRITLab Expansion Plan
  • MAKESafe
  • About
    • Scott Swaaley
    • HTH Cover Letter
    • Professional Resume
    • Professional Projects

Processing

General Resources:

  • Official downloads, tutorials, and documentation: https://processing.org/
  • Official code reference: https://processing.org/reference/
  • Buy a book:
    • Learning Processing: A Beginner’s Guide to Programming Images, Animation, and Interaction by Daniel Shiffman | http://amzn.com/0123736021

Tutorials & Guides

  • A more structured tutorial: https://www.khanacademy.org/computing/computer-programming/programming
  • Official Processing Tutorials: https://processing.org/tutorials/
  • Short examples of different programs: https://processing.org/examples/
  • An interesting reference: http://www.codingforart.com/category/technical/

Cool Examples

sdfs
Visualizing Text
Screenshot 2015-03-28 16.10.21
Visualizing Photographic Data
Music Visualization
Music Visualization
Neat Mathematical Visualization
Math Visualization

Inspiration

  • Coding for Art: http://www.codingforart.com/category/designing-with-code/
  • Random Numbers: http://natureofcode.com/book/introduction/
  • Modeling Nature: http://natureofcode.com/book/

Processing Basics

The following program takes  an ellipse and moves it across the screen. Please take a look at it’s overall structure.

Processing Diagrams - New Page (2)





Processing – Getting Started

  • Remember, this process is about collecting and defining what you don’t know. Then making that list smaller.

Examples to Try

  • Open the Processing program in class and run an example. See what happens. Ask for help if it doesn’t work.
  • Check out this page and/or this video, then start to goof around in processing. Try altering the code they provide and see what happens. Then do Exercise #2 on this page and show your teacher the results
  • Review Processing Section 2 (including actively reading and fiddling with code), then exactly copy Example 1 and 2 below. Note: sometimes the browser-embedded processing messes up mouse position.
  • Create a character that meets all of the following characteristics: looks awesome, visually responds in some way to the press of a key, visually responds in some way to the click of a mouse, and can print out a greeting to the console (hint). See Example 4 for what I made. Extra karma if you include if statements or variables.

Example 1

Example 2

Example 3

Example 4

Print Friendly, PDF & Email
  • About GRITLab
  • Contact

Copyright © 2023 · Altitude Pro Theme on Genesis Framework · WordPress · Log in

 

Loading Comments...