Initial Commit

This commit is contained in:
plane000
2018-04-20 10:15:15 +01:00
parent 49150ccfe4
commit 62101e8e61
2870 changed files with 520122 additions and 0 deletions

View File

@@ -0,0 +1,37 @@
/**
* Coordinates.
*
* All shapes drawn to the screen have a position that is
* specified as a coordinate. All coordinates are measured
* as the distance from the origin in units of pixels.
* The origin [0, 0] is the coordinate is in the upper left
* of the window and the coordinate in the lower right is
* [width-1, height-1].
*/
// Sets the screen to be 640 pixels wide and 360 pixels high
size(640, 360);
// Set the background to black and turn off the fill color
background(0);
noFill();
// The two parameters of the point() method each specify coordinates.
// The first parameter is the x-coordinate and the second is the Y
stroke(255);
point(width * 0.5, height * 0.5);
point(width * 0.5, height * 0.25);
// Coordinates are used for drawing all shapes, not just points.
// Parameters for different functions are used for different purposes.
// For example, the first two parameters to line() specify
// the coordinates of the first endpoint and the second two parameters
// specify the second endpoint
stroke(0, 153, 255);
line(0, height*0.33, width, height*0.33);
// By default, the first two parameters to rect() are the
// coordinates of the upper-left corner and the second pair
// is the width and height
stroke(255, 153, 0);
rect(width*0.25, height*0.1, width * 0.5, height * 0.8);

View File

@@ -0,0 +1,34 @@
/**
* Create Graphics.
*
* The createGraphics() function creates an object from the PGraphics class
* PGraphics is the main graphics and rendering context for Processing.
* The beginDraw() method is necessary to prepare for drawing and endDraw() is
* necessary to finish. Use this class if you need to draw into an off-screen
* graphics buffer or to maintain two contexts with different properties.
*/
PGraphics pg;
void setup() {
size(640, 360);
pg = createGraphics(400, 200);
}
void draw() {
fill(0, 12);
rect(0, 0, width, height);
fill(255);
noStroke();
ellipse(mouseX, mouseY, 60, 60);
pg.beginDraw();
pg.background(51);
pg.noFill();
pg.stroke(255);
pg.ellipse(mouseX-120, mouseY-60, 60, 60);
pg.endDraw();
// Draw the offscreen buffer to the screen with image()
image(pg, 120, 60);
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.7 KiB

View File

@@ -0,0 +1,29 @@
/**
* Functions.
*
* The drawTarget() function makes it easy to draw many distinct targets.
* Each call to drawTarget() specifies the position, size, and number of
* rings for each target.
*/
void setup() {
size(640, 360);
background(51);
noStroke();
noLoop();
}
void draw() {
drawTarget(width*0.25, height*0.4, 200, 4);
drawTarget(width*0.5, height*0.5, 300, 10);
drawTarget(width*0.75, height*0.3, 120, 6);
}
void drawTarget(float xloc, float yloc, int size, int num) {
float grayvalues = 255/num;
float steps = size/num;
for (int i = 0; i < num; i++) {
fill(i*grayvalues);
ellipse(xloc, yloc, size - i*steps, size - i*steps);
}
}

View File

@@ -0,0 +1,39 @@
/**
* Loop.
*
* The loop() function causes draw() to execute
* continuously. If noLoop is called in setup()
* the draw() is only executed once. In this example
* click the mouse to execute loop(), which will
* cause the draw() the execute continuously.
*/
float y = 100;
// The statements in the setup() function
// run once when the program begins
void setup() {
size(640, 360); // Size should be the first statement
stroke(255); // Set stroke color to white
noLoop();
y = height * 0.5;
}
// The statements in draw() are run until the
// program is stopped. Each statement is run in
// sequence and after the last line is read, the first
// line is run again.
void draw() {
background(0); // Set the background to black
line(0, y, width, y);
y = y - 1;
if (y < 0) {
y = height;
}
}
void mousePressed() {
loop();
}

View File

@@ -0,0 +1,34 @@
/**
* No Loop.
*
* The noLoop() function causes draw() to only
* execute once. Without calling noLoop(), the
* code inside draw() is run continually.
*/
float y;
// The statements in the setup() function
// execute once when the program begins
void setup()
{
size(640, 360); // Size should be the first statement
stroke(255); // Set line drawing color to white
noLoop();
y = height * 0.5;
}
// The statements in draw() are executed until the
// program is stopped. Each statement is executed in
// sequence and after the last line is read, the first
// line is executed again.
void draw()
{
background(0); // Set the background to black
y = y - 1;
if (y < 0) { y = height; }
line(0, y, width, y);
}

View File

@@ -0,0 +1,28 @@
/**
* Recursion.
*
* A demonstration of recursion, which means functions call themselves.
* Notice how the drawCircle() function calls itself at the end of its block.
* It continues to do this until the variable "level" is equal to 1.
*/
void setup() {
size(640, 360);
noStroke();
noLoop();
}
void draw() {
drawCircle(width/2, 280, 6);
}
void drawCircle(int x, int radius, int level) {
float tt = 126 * level/4.0;
fill(tt);
ellipse(x, height/2, radius*2, radius*2);
if(level > 1) {
level = level - 1;
drawCircle(x - radius/2, radius/2, level);
drawCircle(x + radius/2, radius/2, level);
}
}

View File

@@ -0,0 +1,35 @@
/**
* Redraw.
*
* The redraw() function makes draw() execute once.
* In this example, draw() is executed once every time
* the mouse is clicked.
*/
float y;
// The statements in the setup() function
// execute once when the program begins
void setup() {
size(640, 360); // Size should be the first statement
stroke(255); // Set line drawing color to white
noLoop();
y = height * 0.5;
}
// The statements in draw() are executed until the
// program is stopped. Each statement is executed in
// sequence and after the last line is read, the first
// line is executed again.
void draw() {
background(0); // Set the background to black
y = y - 4;
if (y < 0) { y = height; }
line(0, y, width, y);
}
void mousePressed() {
redraw();
}

View File

@@ -0,0 +1,29 @@
/**
* Setup and Draw.
*
* The code inside the draw() function runs continuously
* from top to bottom until the program is stopped.
*/
int y = 100;
// The statements in the setup() function
// execute once when the program begins
void setup() {
size(640, 360); // Size must be the first statement
stroke(255); // Set line drawing color to white
frameRate(30);
}
// The statements in draw() are executed until the
// program is stopped. Each statement is executed in
// sequence and after the last line is read, the first
// line is executed again.
void draw() {
background(0); // Clear the screen with a black background
y = y - 1;
if (y < 0) {
y = height;
}
line(0, y, width, y);
}

View File

@@ -0,0 +1,20 @@
/**
* Statements and Comments.
*
* Statements are the elements that make up programs.
* The ";" (semi-colon) symbol is used to end statements.
* It is called the "statement terminator."
* Comments are used for making notes to help people better understand programs.
* A comment begins with two forward slashes ("//").
*/
// The size function is a statement that tells the computer
// how large to make the window.
// Each function statement has zero or more parameters.
// Parameters are data passed into the function
// and are used as values for telling the computer what to do.
size(640, 360);
// The background function is a statement that tells the computer
// which color (or gray value) to make the background of the display window
background(204, 153, 0);

View File

@@ -0,0 +1,22 @@
/**
* Width and Height.
*
* The 'width' and 'height' variables contain the width and height
* of the display window as defined in the size() function.
*/
void setup() {
size(640, 360);
}
void draw() {
background(127);
noStroke();
for (int i = 0; i < height; i += 20) {
fill(129, 206, 15);
rect(0, i, width, 10);
fill(255);
rect(i, 0, 10, height);
}
}