mirror of
https://github.com/adambard/learnxinyminutes-docs.git
synced 2024-12-23 17:41:41 +00:00
Various style fixes
This commit is contained in:
parent
fc741ca8d5
commit
e3dcdb24d1
@ -4,6 +4,7 @@ filename: learnprocessing.pde
|
|||||||
contributors:
|
contributors:
|
||||||
- ["Phone Thant Ko", "http://github.com/phonethantko"]
|
- ["Phone Thant Ko", "http://github.com/phonethantko"]
|
||||||
---
|
---
|
||||||
|
|
||||||
## Introduction
|
## Introduction
|
||||||
|
|
||||||
Processing is a programming language for creation of digital arts and multimedia content, allowing non-programmers to
|
Processing is a programming language for creation of digital arts and multimedia content, allowing non-programmers to
|
||||||
@ -29,7 +30,7 @@ The language is statically typed, and also comes with its official IDE to compil
|
|||||||
/* ---------------------------------------
|
/* ---------------------------------------
|
||||||
Writing and Running Processing Programs
|
Writing and Running Processing Programs
|
||||||
---------------------------------------
|
---------------------------------------
|
||||||
*/
|
*/
|
||||||
|
|
||||||
// In Processing, your program's entry point is a function named setup() with a void return type.
|
// In Processing, your program's entry point is a function named setup() with a void return type.
|
||||||
// Note! The syntax looks strikingly similar to that of C++.
|
// Note! The syntax looks strikingly similar to that of C++.
|
||||||
@ -205,11 +206,12 @@ noLoop(); // only allows it to run once.
|
|||||||
redraw(); // runs the draw() method once more.
|
redraw(); // runs the draw() method once more.
|
||||||
exit(); // This stops the program. It is useful for programs with draw() running continuously.
|
exit(); // This stops the program. It is useful for programs with draw() running continuously.
|
||||||
```
|
```
|
||||||
|
|
||||||
## Drawing with Processing
|
## Drawing with Processing
|
||||||
|
|
||||||
Since you will have understood the basics of the language by now, we will now look into the best part of Processing; DRAWING.
|
Since you will have understood the basics of the language by now, we will now look into the best part of Processing; DRAWING.
|
||||||
|
|
||||||
```
|
```
|
||||||
|
|
||||||
/* ------
|
/* ------
|
||||||
Shapes
|
Shapes
|
||||||
------
|
------
|
||||||
@ -326,10 +328,11 @@ stroke(255, 255, 255, 200); // stroke colour set to yellow with transparency set
|
|||||||
// Processing can render images and use them in several ways. Mostly stored as PImage datatype.
|
// Processing can render images and use them in several ways. Mostly stored as PImage datatype.
|
||||||
filter(shader); // Processing supports several filter functions for image manipulation.
|
filter(shader); // Processing supports several filter functions for image manipulation.
|
||||||
texture(image); // PImage can be passed into arguments for texture-mapping the shapes.
|
texture(image); // PImage can be passed into arguments for texture-mapping the shapes.
|
||||||
|
|
||||||
```
|
```
|
||||||
|
|
||||||
If you want to take things further, there are more things Processing is powered for. Rendering models, shaders and whatnot.
|
If you want to take things further, there are more things Processing is powered for. Rendering models, shaders and whatnot.
|
||||||
There's too much to cover in a short documentation, so I will leave them out here. Shoud you be interested, please check out the references.
|
There's too much to cover in a short documentation, so I will leave them out here. Shoud you be interested, please check out the references.
|
||||||
|
|
||||||
```
|
```
|
||||||
// Before we move on, I will touch a little bit more on how to import libraries
|
// Before we move on, I will touch a little bit more on how to import libraries
|
||||||
// so you can extend Processing's functionality to another horizon.
|
// so you can extend Processing's functionality to another horizon.
|
||||||
@ -342,8 +345,8 @@ There's too much to cover in a short documentation, so I will leave them out her
|
|||||||
// The power of Processing can be further visualized when we import libraries and packages into our sketches.
|
// The power of Processing can be further visualized when we import libraries and packages into our sketches.
|
||||||
// Import statement can be written as below at the top of the source code.
|
// Import statement can be written as below at the top of the source code.
|
||||||
import processing.something.*;
|
import processing.something.*;
|
||||||
|
|
||||||
```
|
```
|
||||||
|
|
||||||
## DTC?
|
## DTC?
|
||||||
|
|
||||||
Down To Code? Let's get our hands dirty!
|
Down To Code? Let's get our hands dirty!
|
||||||
@ -352,7 +355,6 @@ Let us see an example from openprocessing to visualize how much Processing is ca
|
|||||||
Copy the code below into your Processing IDE and see the magic.
|
Copy the code below into your Processing IDE and see the magic.
|
||||||
|
|
||||||
```
|
```
|
||||||
|
|
||||||
// Disclaimer: I did not write this program since I currently am occupied with internship and
|
// Disclaimer: I did not write this program since I currently am occupied with internship and
|
||||||
// this sketch is adapted from openprocessing since it shows something cool with simple codes.
|
// this sketch is adapted from openprocessing since it shows something cool with simple codes.
|
||||||
// Retrieved from: (https://www.openprocessing.org/sketch/559769)
|
// Retrieved from: (https://www.openprocessing.org/sketch/559769)
|
||||||
@ -380,8 +382,6 @@ void draw() {
|
|||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
void branch(float len) {
|
void branch(float len) {
|
||||||
col=map(len, 0, 90, 150, 255);
|
col=map(len, 0, 90, 150, 255);
|
||||||
fill(col, 0, 74);
|
fill(col, 0, 74);
|
||||||
@ -390,7 +390,6 @@ void branch(float len) {
|
|||||||
ellipse(0, -len, 3, 3);
|
ellipse(0, -len, 3, 3);
|
||||||
len *= 0.7;
|
len *= 0.7;
|
||||||
|
|
||||||
|
|
||||||
if (len>30) {
|
if (len>30) {
|
||||||
pushMatrix();
|
pushMatrix();
|
||||||
translate(0, -30);
|
translate(0, -30);
|
||||||
@ -406,7 +405,6 @@ void branch(float len) {
|
|||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
```
|
```
|
||||||
|
|
||||||
Processing is easy to learn and is particularly useful to create multimedia contents (even in 3D) without
|
Processing is easy to learn and is particularly useful to create multimedia contents (even in 3D) without
|
||||||
@ -415,7 +413,7 @@ the program flow.
|
|||||||
However, that does not apply when you introduce external libraries, packages and even your own classes.
|
However, that does not apply when you introduce external libraries, packages and even your own classes.
|
||||||
(Trust me! Processing projects can get real humongous...)
|
(Trust me! Processing projects can get real humongous...)
|
||||||
|
|
||||||
## Some useful resources:
|
## Some useful resources
|
||||||
|
|
||||||
- [Processing Website](http://processing.org)
|
- [Processing Website](http://processing.org)
|
||||||
- [Processing Sketches](http://openprocessing.org)
|
- [Processing Sketches](http://openprocessing.org)
|
||||||
|
Loading…
Reference in New Issue
Block a user