diff options
| author | Divay Prakash <divayprakash3@gmail.com> | 2018-11-17 19:32:06 +0530 | 
|---|---|---|
| committer | Divay Prakash <divayprakash3@gmail.com> | 2018-11-17 19:32:06 +0530 | 
| commit | e3dcdb24d1f822f3057887e092965c1731a34820 (patch) | |
| tree | fd554a8bdcd4708449a4c8673efe0cfed2f49ad0 | |
| parent | fc741ca8d500a9075ecd3aafae22d8f2f34509b3 (diff) | |
Various style fixes
| -rw-r--r-- | processing.html.markdown | 18 | 
1 files changed, 8 insertions, 10 deletions
| diff --git a/processing.html.markdown b/processing.html.markdown index c68c5f3b..22b831b1 100644 --- a/processing.html.markdown +++ b/processing.html.markdown @@ -4,6 +4,7 @@ filename: learnprocessing.pde  contributors:      - ["Phone Thant Ko", "http://github.com/phonethantko"]  --- +  ## Introduction  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     --------------------------------------- - */ +*/  // 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++. @@ -205,11 +206,12 @@ noLoop(); // only allows it to run once.  redraw(); // runs the draw() method once more.  exit(); // This stops the program. It is useful for programs with draw() running continuously.  ``` +  ## 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.  ``` -  /* ------     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.  filter(shader); // Processing supports several filter functions for image manipulation.  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.    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  // 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.  // Import statement can be written as below at the top of the source code.  import processing.something.*; -  ``` +  ## DTC?  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.  ``` -  // 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.  // Retrieved from: (https://www.openprocessing.org/sketch/559769) @@ -380,8 +382,6 @@ void draw() {  } - -  void branch(float len) {    col=map(len, 0, 90, 150, 255);    fill(col, 0, 74); @@ -390,7 +390,6 @@ void branch(float len) {    ellipse(0, -len, 3, 3);    len *= 0.7; -    if (len>30) {      pushMatrix();      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 @@ -415,7 +413,7 @@ the program flow.  However, that does not apply when you introduce external libraries, packages and even your own classes.  (Trust me! Processing projects can get real humongous...)   -## Some useful resources: +## Some useful resources   - [Processing Website](http://processing.org)   - [Processing Sketches](http://openprocessing.org) | 
