Ms. Culhane's Class Website
  • Home
  • Grades
    • K
    • 1st Grade
    • 2nd Grade
    • 3rd Grade >
      • Dance Mat Typing
    • 4th Grade >
      • Scratch for Beginners
    • 5th/6th Technology >
      • Scratch for Beginners
      • Scratch for Intermediate Users
      • More Scratch Projects
    • Bison Beat Class >
      • Veteran's Day Projects
      • Editing Resources
      • Multimedia Resources
      • Do Now
      • iMovie--How to use it
      • Interview Videos
      • Camera Presentation
      • Digital Storytelling Examples
    • MS Technology >
      • Tech Bytes
      • Do Now For Tech Class
      • Game Design Major
      • Processing
      • 3D Printing
      • MS Tech Steam Challenges
      • APP Design
      • Code Combat
      • Arduino Programming
  • Bison Beat News Show
  • Approved Sites
    • Technology Resources
    • Typing Programs
    • Ms. Culhane's Tech Corner
  • Performances
  • Bison Beat Special Shows
  • Power Session 2015
    • Power Session Websites
  • Alex's Tribute Video
  • Bison Beat Shows
    • Plastic Bag Recycling Challenge
  • Talent Show
  • Film Festival Submissions
  • 5th Grade Bison Beat
  • MS Occupation & Budgeting
  • Robotics
    • Simulink for Vex Robotics
  • Extra Curricular
    • Power Session 2013 - 2014 >
      • Power Session 2012 - 2013
    • Talent Show 2014
  • Power Camp Innovation
  • Processing
  • 3D Printer 2x Maintainence
  • Vista Peak Digital Badging
    • Invention Summit Badge >
      • Forecast Journey Badge
      • Innovation Journey Badge
      • Creation Journey Badge
      • Simulation Journey Badge
  • Scratch
  • Earth Month
  • Online Resources for the Break
  • Monday Message

Task 1:  Examples of Processing


Watch 1 minutes of the video.

Task 2:  Processing Program download



​Task 3:  Watch the tutorials called  Shapes.
​
              a.  Make 1 change to the rectangle.
                   (Tutorial: rect(250,300,150, 100);
              b.  Move the rectangle in a different direction.
              c.  Make the rectangle in the front and the ellipse in the back. 
              d.  Take a screen shot of each of these tasks and put in Weebly.



​Task 4:  Draw your own picture made of ellipses and rectangles!
                 Make sure you watched
 the tutorials called  Shapes. 
                 a.  Draw a different picture than the one on the video or add something                            to it to make it unique. 
                 b.  Take a screen shot of each and the code of these tasks and                                             put in Weebly. 
                c.  Make sure you get all of these checked off by Ms. Culhane                                             for a grade.
 
For example, you could make a self-portrait, an alien creature, or something more abstract. It'll just be black and white for now, we'll get to color in the next video. You can work on your own pace, but we recommend approximately ten minutes on this assignment before moving on. Reminders
To draw a rectangle: rect(a,b,c,d);
To draw an ellipse: ellipse(a,b,c,d);
a — X (horizontal) location of the shape's upper-left corner
b — Y (vertical) location of the shape's uppper-left corner
c — width of the shape
d — height of the shape For more, check out the rectangle and ellipse pages on processing.org.Task 4:  Make your own design using different shapes.

Vocab:  X axis, Y axis, height, width, rectangle, ellipse


  
​Task 5:
 Creating Color in your drawing  Watch the tutorial called Color.
                a.  Create a rectangle and pick any color to fill it. Pick a different color for                        the outline.  Take a screen shot of the shape and the code.
                 b.  Create a background color.  Take a screen shot of the shape and the                             code.

​Add color to your design! You can build off the example below or add to your previous design by selecting "My Code from Last Lesson" under the "Code" menu below. You can work on your own pace, but we recommend approximately ten minutes on this assignment before moving on. Reminders
Set the background color: background(r,g,b);
Set the outline color: stroke(r,g,b);
Set the interior color: fill(r,g,b);

Don't forget, you need to call stroke() and fill() before you draw the shape!
r — amount of red, from 0 (none) to 255 (maximum)
g — amount of green, from 0 (none) to 255 (maximum)
b — amount of blue, from 0 (none) to 255 (maximum)


Vocab: background, stroke, fill

 


Task 6:  Watch the tutorial called Interact 

Animate your program using mouseX and mouseY! You can build off the example below or add to your previous design by selecting "My Code from Last Lesson" below. You can work on your own pace, but we recommend approximately ten minutes on this assignment before moving on. If you forget the syntax for setup() and draw(), here is a reminder! 

Vocab:  Void, Setup, Draw, Mouse X, Mouse Y


​Task 7:  Look at the gallery and find an interesting program
a.  Take that drawing and make changes to it.


Task 8:  Light Speed Effect and Change Line Colors
      a.  Click on this link for the different tutorial Fun Programming Link
             


​Task 9:  Moving a White Line
               a.  Click on this link for the tutorial.

Task 10:  Animating Colorful Lines
              a. Click on this link for animating colorful lines


Task 11:  Creating Blinking Stars
               a.  Click on this link for blinking star tutorial

Task 12: Animating Your Own Photo
            a. Click on this link for animating your own photo

Task 13:  Create your own animation using 3 of the elements you have learned

 kaculhane@aurorak12.org
Man’s mind, once stretched by a new idea, never regains its original dimensions.  ~Oliver Wendell Holmes, Jr.
Proudly powered by Weebly