COORDINATE GEOMETRY FOR GRAPHICS By carefully incrementing the X and/or Y values of our set of lines, we can create a game board for a boat game. Lines that go from left to right are called horizontal lines and lines that go up and down are called vertical lines.
Coordinate Geometry for Graphics. By carefully incrementing the X and/or Y values of our set of lines, we can create a game board for a boat game. Lines that go from left to right are called horizontal lines and lines that go up and down are called vertical lines. . Making a Lined Grid. - PowerPoint PPT Presentation
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
COORDINATE GEOMETRY FOR GRAPHICS By carefully incrementing the X
and/or Y values of our set of lines, we can create a game board for a boat game.
Lines that go from left to right are called horizontal lines and lines that go up and down are called vertical lines.
MAKING A LINED GRID//horizontal gridline(0,50,800,50);line(0,100,800,100);line(0,150,800,150);line(0,200,800,200);line(0,250,800,250);
MAKING AN EXPLOSION GRAPHICnoStroke();fill(100,0,0);ellipse(225,225,35,35);fill(155,0,0);ellipse(225,225,25,25);fill(255,0,0);ellipse(225,225,15,15);
PRACTICE 1, 20% Create a playing field grid that
accurately expands upon the given patterns to fill the canvas.
Create improved versions of the boat and explosion graphics.
REVIEW Coordinate Geometry for Graphics Making a grid line Making an explosion graphic Practice 1, 20%
ELLIPTICAL PATTERN GRAPHICS By placing large circles or ellipses,
we can create a rainbow effect across the screen.
Remember to start in the background first and have the smaller shapes go later in the code so that the graphic will have the smaller shapes appear on top or inside of the larger.
FILL() AND ELLIPSE() CODE//search for RGB color codes to find some
examples of colors for fill()fill(0,150,0);ellipse(0,0,160,160);fill(0,100,0);ellipse(0,0,140,140);
Practice 2, 20% Create a set of circular or elliptical
shapes to encompass the entire canvas.
Set aesthetically pleasing colors for the different shapes in the fill and/or the stroke commands.
Elliptical Pattern Graphics Canvas Setup Code fill() and ellipse() code Practice 2, 20%
Stick Figure Returns!In this part of our project, we will be using
lines and ellipses to make stick figure people.The arms are usually drawn as two separate lines with an upper arm and a lower arm so that the figure can Flex their muscles.
SETTING UP THE STICK FIGURE CANVASsize(800, 600);//gray backgroundbackground(100,100,100);//black linesstroke(0,0,0);//10 pixel thick linesstrokeWeight(10);
DRAWING THE FIGURE//headellipse(200,200,80,80);//bodyline(200,240,200,340);//legsline(200,340,175,460);line(200,340,250,460);//upper armline(200,240,170,300);
PRACTICE 2: STICK FIGURE 20% Follow the pattern started in the
example to finish the stick figure. The stick figure is lonely. Create some
family and/or friends for him on the same canvas.
Stick Figure Returns Setting up the Stick Figure Canvas Drawing the Figure Practice 2: Stick Figure 20%
MAKING SPACE ON OUR CANVAS
Some times it is a good idea to explore our games beyond the planet Earth and reach out into the beyond.
In this unit we will be making start, orbital patterns, and planets.
MAKING THE STARS //starsstroke(255,255,255);ellipse(random(1,800),random(1,500),1,1)
;ellipse(random(1,800),random(1,500),1,1)
;ellipse(random(1,800),random(1,500),1,1)
;
SOLAR SYSTEM//sunfill(255,255,00);ellipse(400,255,100,100);