Limits each channel of the image to the number of colors specified as the parameter. The parameter can be set to values between 2 and 255, but results are most noticeable in the lower ranges.
BLUR
-Executes a Guassian blur with the level parameter specifying the extent of the blurring. If no parameter is used, the blur is equivalent to Guassian blur of radius 1. Larger values increase the blur.
+Executes a Gaussian blur with the level parameter specifying the extent of the blurring. If no parameter is used, the blur is equivalent to Gaussian blur of radius 1. Larger values increase the blur.
ERODE
Reduces the light areas. No parameter is used.
diff --git a/content/api_en/PImage_loadPixels.xml b/content/api_en/PImage_loadPixels.xml index 23c5f9730..a9c353f84 100644 --- a/content/api_en/PImage_loadPixels.xml +++ b/content/api_en/PImage_loadPixels.xml @@ -34,8 +34,6 @@ void draw() {
-Certain renderers may or may not seem to require loadPixels() or updatePixels(). However, the rule is that any time you want to manipulate the pixels[] array, you must have previously called loadPixels(), and after changes have been made, call updatePixels(). Even if the renderer may not seem to use this function in the current Processing release, this will always be subject to change. ]]>
Before accessing this array, the data must loaded with the loadPixels() method. Failure to do so may result in a NullPointerException. After the array data has been modified, the updatePixels() method must be run to update the content of the display window. ]]>
-Certain renderers may or may not seem to require loadPixels() or updatePixels(). However, the rule is that any time you want to manipulate the pixels[] array, you must first call loadPixels(), and after changes have been made, call updatePixels(). Even if the renderer may not seem to use this function in the current Processing release, this will always be subject to change. -
-Currently, none of the renderers use the additional parameters to updatePixels(), however this may be implemented in the future. ]]>
+Expands a one-dimensional array by one element and adds data to the new position. The datatype of the element parameter must be the same as the datatype of the array.
When using an array of objects, the data returned from the function must be cast to the object array's data type. For example: SomeClass[] items = (SomeClass[]) append(originalArray, element) ]]>
-
-There are three ways to draw an arc; the rendering technique used is defined by the optional seventh parameter. The three options, depicted in the above examples, are PIE, OPEN, and CHORD. The default mode is the OPEN stroke with a PIE fill.
-
+Draws an arc to the screen. Arcs are drawn along the outer edge of an ellipse defined by the a, b, c, and d parameters. The origin of the arc's ellipse may be changed with the ellipseMode() function. Use the start and stop parameters to specify the angles (in radians) at which to draw the arc. The start/stop values must be in clockwise order. +
+There are three ways to draw an arc; the rendering technique used is defined by the optional seventh parameter. The three options, depicted in the above examples, are PIE, OPEN, and CHORD. The default mode is the OPEN stroke with a PIE fill. +
In some cases, the arc() function isn't accurate enough for smooth drawing. For example, the shape may jitter on screen when rotating slowly. If you're having an issue with how arcs are rendered, you'll need to draw the arc yourself with beginShape()/endShape() or a PShape. ]]>
The simplified version with only two arguments — arrayCopy(src, dst) — copies an entire array to another of the same size. It is equivalent to arrayCopy(src, 0, dst, 0, src.length).
-Using this function is far more efficient for copying array data than iterating through a for() loop and copying each element individually. This function only copies references, which means that for most purposes it only copies one-dimensional arrays (a single set of brackets). If used with a two (or three or more) dimensional array, it will only copy the references at the first level, because a two dimensional array is simply an "array of arrays". This does not produce an error, however, because this is often the desired behavior. Internally, this function calls Java's System.arraycopy() method, so most things that apply there are inherited. +Using this function is far more efficient for copying array data than iterating through a for() loop and copying each element individually. This function only copies references, which means that for most purposes it only copies one-dimensional arrays (a single set of brackets). If used with a two (or three or more) dimensional array, it will only copy the references at the first level, because a two dimensional array is simply an "array of arrays". This does not produce an error, however, because this is often the desired behavior. Internally, this function calls Java's System.arraycopy() method, so most things that apply there are inherited. ]]> diff --git a/content/api_en/attrib.xml b/content/api_en/attrib.xml new file mode 100644 index 000000000..3d21bc538 --- /dev/null +++ b/content/api_en/attrib.xml @@ -0,0 +1,63 @@ + +
-BLEND - linear interpolation of colours: C = A*factor + B
+BLEND - linear interpolation of colors: C = A*factor + B
ADD - additive blending with white clip: C = min(A*factor + B, 255)
SUBTRACT - subtractive blending with black clip: C = max(B - A*factor, 0)
-DARKEST - only the darkest colour succeeds: C = min(A*factor, B)
+DARKEST - only the darkest color succeeds: C = min(A*factor, B)
-LIGHTEST - only the lightest colour succeeds: C = max(A*factor, B)
+LIGHTEST - only the lightest color succeeds: C = max(A*factor, B)
DIFFERENCE - subtract colors from underlying image.
diff --git a/content/api_en/blendMode.xml b/content/api_en/blendMode.xml index 26e3285a2..a3c309cb1 100755 --- a/content/api_en/blendMode.xml +++ b/content/api_en/blendMode.xml @@ -35,17 +35,17 @@ line(75, 25, 25, 75);
-BLEND - linear interpolation of colours: C = A*factor + B. This is the default blending mode.
+BLEND - linear interpolation of colors: C = A*factor + B. This is the default.
ADD - additive blending with white clip: C = min(A*factor + B, 255)
SUBTRACT - subtractive blending with black clip: C = max(B - A*factor, 0)
-DARKEST - only the darkest colour succeeds: C = min(A*factor, B)
+DARKEST - only the darkest color succeeds: C = min(A*factor, B)
-LIGHTEST - only the lightest colour succeeds: C = max(A*factor, B)
+LIGHTEST - only the lightest color succeeds: C = max(A*factor, B)
DIFFERENCE - subtract colors from underlying image.
diff --git a/content/api_en/clear.xml b/content/api_en/clear.xml index d71f240d8..4db47b198 100644 --- a/content/api_en/clear.xml +++ b/content/api_en/clear.xml @@ -15,23 +15,25 @@ PGraphics pg; void setup() { size(200, 200); - pg = createGraphics(100, 100); + pg = createGraphics(width, height); } void draw() { background(204); - pg.beginDraw(); - pg.stroke(0, 102, 153); - pg.line(0, 0, mouseX, mouseY); - pg.endDraw(); - image(pg, 50, 50); -} - -// Click to clear the PGraphics object -void mousePressed() { - pg.beginDraw(); - pg.clear(); - pg.endDraw(); + + // Clear the PGraphics when the mouse is pressed + if (mousePressed == true) { + pg.beginDraw(); + pg.clear(); + pg.endDraw(); + } else { + pg.beginDraw(); + pg.stroke(0, 102, 153); + pg.line(width/2, height/2, mouseX, mouseY); + pg.endDraw(); + } + + image(pg, 0, 0); } ]]> diff --git a/content/api_en/createGraphics.xml b/content/api_en/createGraphics.xml index c817adad6..2eb84e5bc 100755 --- a/content/api_en/createGraphics.xml +++ b/content/api_en/createGraphics.xml @@ -34,9 +34,9 @@ Creates and returns a new PGraphics object. Use this class if you need to
It's important to consider the renderer used with createGraphics() in relation to the main renderer specified in size(). For example, it's only possible to use P2D or P3D with createGraphics() when one of them is defined in size(). Unlike Processing 1.0, P2D and P3D use OpenGL for drawing, and when using an OpenGL renderer it's necessary for the main drawing surface to be OpenGL-based. If P2D or P3D are used as the renderer in size(), then any of the options can be used with createGraphics(). If the default renderer is used in size(), then only the default, PDF, or SVG can be used with createGraphics().
-It's important to call any drawing functions between beginDraw() and endDraw() statements. This is also true for any functions that affect drawing, such as smooth() or colorMode().
+It's important to run all drawing functions between the beginDraw() and endDraw(). As the exception to this rule, smooth() should be run on the PGraphics object before beginDraw(). See the reference for smooth() for more detail.
-The createGraphics() function should almost never be used inside draw() because of the memory and time needed to set up the graphics. One-time or occasional use during draw() are acceptable, but code that calls createGraphics() at 60 frames per second will run out of memory or freeze your sketch.
+The createGraphics() function should almost never be used inside draw() because of the memory and time needed to set up the graphics. One-time or occasional use during draw() might be acceptable, but code that calls createGraphics() at 60 frames per second might run out of memory or freeze your sketch.
Unlike the main drawing surface which is completely opaque, surfaces created with createGraphics() can have transparency. This makes it possible to draw into a graphics and maintain the alpha channel. By using save() to write a PNG or TGA file, the transparency of the graphics object will be honored. ]]>
When using an array of objects, the data returned from the function must be cast to the object array's data type. For example: SomeClass[] items = (SomeClass[]) expand(originalArray) ]]>
-
-If the pixel requested is outside of the image window, black is returned. The numbers returned are scaled according to the current color ranges, but only RGB values are returned by this function. For example, even though you may have drawn a shape with colorMode(HSB), the numbers returned will be in RGB format.
-
-If a width and a height are specified, get(x, y, w, h) returns a PImage corresponding to the part of the original PImage where the top left pixel is at the (x, y) position with a width of w a height of h.
-
+Reads the color of any pixel or grabs a section of an image. If no parameters are specified, the entire image is returned. Use the x and y parameters to get the value of one pixel. Get a section of the display window by specifying additional w and h parameters. When getting an image, the x and y parameters define the coordinates for the upper-left corner of the image, regardless of the current imageMode(). +
+If the pixel requested is outside of the image window, black is returned. The numbers returned are scaled according to the current color ranges, but only RGB values are returned by this function. For example, even though you may have drawn a shape with colorMode(HSB), the numbers returned will be in RGB format. +
+If a width and a height are specified, get(x, y, w, h) returns a PImage corresponding to the part of the original PImage where the top left pixel is at the (x, y) position with a width of w a height of h. +
Getting the color of a single pixel with get(x, y) is easy, but not as fast as grabbing the data directly from pixels[]. The equivalent statement to get(x, y) using pixels[] is pixels[y*width+x]. See the reference for pixels[] for more information. ]]>
An ArrayList is a resizable-array implementation of the Java List interface. It has many methods used to control and search its contents. For example, the length of the ArrayList is returned by its size() method, which is an integer value for the total number of elements in the list. An element is added to an ArrayList with the add() method and is deleted with the remove() method. The get() method returns the element at the specified position in the list. (See the above example for context.)
-For a list of the numerous ArrayList features, please read the Java reference description. +For a list of the numerous ArrayList features, please read the Java reference description. ]]>
-For a list of the numerous HashMap features, please read the Java reference description. +For a list of the numerous HashMap features, please read the Java reference description. ]]>
-There are more string methods than those linked from this page. Additional documentation is located online in the official Java documentation. +There are more string methods than those linked from this page. Additional documentation is located online in the official Java documentation. ]]>
+Doc comments may be converted into browseable documentation using external editors and tools such as the command line javadoc, doc generators such as Doxygen, or IDEs such as Eclipse, Netbeans, or IntelliJ IDEA. ]]>
+
+Note that when comparing String objects, you must use the equals() method instead of ==. See the reference for String or the troubleshooting note for more explanation.
-Note that when comparing String objects, you must use the equals() method instead of == to compare their contents. See the reference for String or the troubleshooting note for more explanation. ]]>
Floats are not precise, so adding small values (such as 0.0001) may not always increment precisely due to rounding errors. If you want to increment a value in small intervals, use an int, and divide by a float value before using it. (See the second example above.)
-Floating-point numbers can be as large as 3.40282347E+38 and as low as -3.40282347E+38. They are stored as 32 bits (4 bytes) of information. The float data type is inherited from Java; you can read more about the technical details here and here.
+Floating-point numbers can be as large as 3.40282347E+38 and as low as -3.40282347E+38. They are stored as 32 bits (4 bytes) of information. The float data type is inherited from Java; you can read more about the technical details here and here.
Processing supports the double datatype from Java as well. However, none of the Processing functions use double values, which use more memory and are typically overkill for most work created in Processing. We do not plan to add support for double values, as doing so would require increasing the number of API functions significantly. ]]> diff --git a/content/api_en/hint.xml b/content/api_en/include/hint.xml similarity index 88% rename from content/api_en/hint.xml rename to content/api_en/include/hint.xml index 7068ab8c8..a48311069 100644 --- a/content/api_en/hint.xml +++ b/content/api_en/include/hint.xml @@ -6,7 +6,27 @@
+Converts any value of a primitive data type (boolean, byte, char, color, float, int, or long) or String to its integer representation.
When an array of values is passed in, then an int array of the same length is returned. ]]>
+There are more features of PSurface documented in the Processing JavaDoc. +]]>
+There are more features of PSurface documented in the Processing JavaDoc. +]]>
+There are more features of PSurface documented in the Processing JavaDoc. +]]>
The keys included in the ASCII specification (BACKSPACE, TAB, ENTER, RETURN, ESC, and DELETE) do not require checking to see if the key is coded; for those keys, you should simply use the key variable directly (and not keyCode). If you're making cross-platform projects, note that the ENTER key is commonly used on PCs and Unix, while the RETURN key is used on Macs. Make sure your program will work on all platforms by checking for both ENTER and RETURN.
-For those familiar with Java, the values for UP and DOWN are simply shorter versions of Java's KeyEvent.VK_UP and KeyEvent.VK_DOWN. Other keyCode values can be found in the Java KeyEvent reference. +For those familiar with Java, the values for UP and DOWN are simply shorter versions of Java's KeyEvent.VK_UP and KeyEvent.VK_DOWN. Other keyCode values can be found in the Java KeyEvent reference.
There are issues with how keyCode behaves across different renderers and operating systems. Watch out for unexpected behavior as you switch renderers and operating systems and you are using keys are aren't mentioned in this reference entry. +
+If you are using P2D or P3D as your renderer, use the NEWT KeyEvent constants. ]]> diff --git a/content/api_en/loadJSONArray.xml b/content/api_en/loadJSONArray.xml index d7b7444ac..da22530e9 100755 --- a/content/api_en/loadJSONArray.xml +++ b/content/api_en/loadJSONArray.xml @@ -13,24 +13,26 @@
pixels[] array. This function must always be called before reading from or writing to pixels[]. Subsequent changes to the display window will not be reflected in pixels until loadPixels() is called again.
-
-Certain renderers may or may not seem to require loadPixels() or updatePixels(). However, the rule is that any time you want to manipulate the pixels[] array, you must have previously called loadPixels(), and after changes have been made, call updatePixels(). Even if the renderer may not seem to use this function in the current Processing release, this will always be subject to change.
+Loads the pixel data of the current display window into the pixels[] array. This function must always be called before reading from or writing to pixels[]. Subsequent changes to the display window will not be reflected in pixels until loadPixels() is called again.
]]>
diff --git a/content/api_en/match.xml b/content/api_en/match.xml
index 1db3a9f3a..92d1b2fdf 100755
--- a/content/api_en/match.xml
+++ b/content/api_en/match.xml
@@ -51,7 +51,7 @@ To use the function, first check to see if the result is null. If the result is
If there are groups (specified by sets of parentheses) in the regular expression, then the contents of each will be returned in the array. Element [0] of a regular expression match returns the entire matching string, and the match groups start at element [1] (the first group is [1], the second [2], and so on).
-The syntax can be found in the reference for Java's Pattern class. For regular expression syntax, read the Java Tutorial on the topic.
+The syntax can be found in the reference for Java's Pattern class. For regular expression syntax, read the Java Tutorial on the topic.
]]>
diff --git a/content/api_en/matchAll.xml b/content/api_en/matchAll.xml
index 56feb6b5b..4f0345fbe 100644
--- a/content/api_en/matchAll.xml
+++ b/content/api_en/matchAll.xml
@@ -33,7 +33,7 @@ To use the function, first check to see if the result is null. If the result is
If there are groups (specified by sets of parentheses) in the regular expression, then the contents of each will be returned in the array. Assuming a loop with counter variable i, element [i][0] of a regular expression match returns the entire matching string, and the match groups start at element [i][1] (the first group is [i][1], the second [i][2], and so on).
-The syntax can be found in the reference for Java's Pattern class. For regular expression syntax, read the Java Tutorial on the topic.
+The syntax can be found in the reference for Java's Pattern class. For regular expression syntax, read the Java Tutorial on the topic.
]]>
diff --git a/content/api_en/mouseWheel.xml b/content/api_en/mouseWheel.xml
index 02c01cd7a..0a2344176 100755
--- a/content/api_en/mouseWheel.xml
+++ b/content/api_en/mouseWheel.xml
@@ -26,7 +26,7 @@ void mouseWheel(MouseEvent event) {
mouseWheel() function returns positive values when the mouse wheel is rotated down (toward the user), and negative values for the other direction (up or away from the user). On OS X with "natural" scrolling enabled, the values are opposite.
+The code within the mouseWheel() event function is run when the mouse wheel is moved. (Some mice don't have wheels and this function is only applicable with mice that have a wheel.) The getCount() function used within mouseWheel() returns positive values when the mouse wheel is rotated down (toward the user), and negative values for the other direction (up or away from the user). On OS X with "natural" scrolling enabled, the values are opposite.
Mouse and keyboard events only work when a program has draw(). Without draw(), the code is only run once and then stops listening for events.
]]>
diff --git a/content/api_en/nf.xml b/content/api_en/nf.xml
index f1e6123dd..295db43ac 100755
--- a/content/api_en/nf.xml
+++ b/content/api_en/nf.xml
@@ -26,11 +26,16 @@ String se = nf(e, 5, 3);
println(se); // Prints "00040.200"
String sf = nf(f, 3, 5);
println(sf); // Prints "009.01200"
+
+String sf2 = nf(f, 0, 5);
+println(sf2); // Prints "9.01200"
+String sf3 = nf(f, 0, 2);
+println(sf3); // Prints "9.01"
]]>
As shown in the above example, nf() is used to add zeros to the left and/or right of a number. This is typically for aligning a list of numbers. To remove digits from a floating-point number, use the int(), ceil(), floor(), or round() functions. +Utility function for formatting numbers into strings. There are two versions: one for formatting floats, and one for formatting ints. The values for the digits and right parameters should always be positive integers. The left parameter should be positive or 0. If it is zero, only the right side is formatted.
As shown in the above example, nf() is used to add zeros to the left and/or right of a number. This is typically for aligning a list of numbers. To remove digits from a floating-point number, use the int(), ceil(), floor(), or round() functions. ]]>
+When the pixel density is set to more than 1, it changes all of the pixel operations including the way get(), set(), blend(), copy(), and updatePixels() all work. See the reference for pixelWidth and pixelHeight for more information. +
To use variables as the arguments to pixelDensity() function, place the pixelDensity() function within the settings() function. There is more information about this on the settings() reference page. - ]]>
+The pixels[] array contains the values for all the pixels in the display window. These values are of the color datatype. This array is defined by the size of the display window. For example, if the window is 100 x 100 pixels, there will be 10,000 values and if the window is 200 x 300 pixels, there will be 60,000 values. When the pixel density is set to higher than 1 with the pixelDensity() function, these values will change. See the reference for pixelWidth or pixelHeight for more information. +
Before accessing this array, the data must loaded with the loadPixels() function. Failure to do so may result in a NullPointerException. Subsequent changes to the display window will not be reflected in pixels until loadPixels() is called again. After pixels has been modified, the updatePixels() function must be run to update the content of the display window. ]]>
Use stroke() to set the color of a point(). +
+Point appears round with the default strokeCap(ROUND) and square with strokeCap(PROJECT). Points are invisible with strokeCap(SQUARE) (no cap). +
+Using point() with strokeWeight(1) or smaller may draw nothing to the screen, depending on the graphics settings of the computer. Workarounds include setting the pixel using set() or drawing the point using either circle() or square(). ]]> diff --git a/content/api_en/shorten.xml b/content/api_en/shorten.xml index 82961260a..41746c5ad 100755 --- a/content/api_en/shorten.xml +++ b/content/api_en/shorten.xml @@ -20,7 +20,7 @@ println(sa2); // 'sa2' now contains OH, NY
When using an array of objects, the data returned from the function must be cast to the object array's data type. For example: SomeClass[] items = (SomeClass[]) shorten(originalArray) ]]>
-
-With the P2D and P3D renderers, smooth(2) is the default, this is called "2x anti-aliasing." The code smooth(4) is used for 4x anti-aliasing and smooth(8) is specified for 8x anti-aliasing. The maximum anti-aliasing level is determined by the hardware of the machine that is running the software, so smooth(4) and smooth(8) will not work with every computer.
-
-The default renderer uses smooth(3) by default. This is bicubic smoothing. The other option for the default renderer is smooth(2), which is bilinear smoothing.
-
+Draws all geometry with smooth (anti-aliased) edges. This behavior is the default, so smooth() only needs to be used when a program needs to set the smoothing in a different way. The level parameter increases the amount of smoothness. This is the level of over sampling applied to the graphics buffer. +
+With the P2D and P3D renderers, smooth(2) is the default, this is called "2x anti-aliasing." The code smooth(4) is used for 4x anti-aliasing and smooth(8) is specified for "8x anti-aliasing." The maximum anti-aliasing level is determined by the hardware of the machine that is running the software, so smooth(4) and smooth(8) will not work with every computer. +
+The default renderer uses smooth(3) by default. This is bicubic smoothing. The other option for the default renderer is smooth(2), which is bilinear smoothing. +
With Processing 3.0, smooth() is different than before. It was common to use smooth() and noSmooth() to turn on and off antialiasing within a sketch. Now, because of how the software has changed, smooth() can only be set once within a sketch. It can be used either at the top of a sketch without a setup(), or after the size() function when used in a sketch with setup(). The noSmooth() function also follows the same rules. +
+When smooth() is used with a PGraphics object, it should be run right after the object is created with createGraphics(), as shown in the Reference in the third example. ]]> diff --git a/content/api_en/strokeCap.xml b/content/api_en/strokeCap.xml index f74330d4b..6308605ad 100755 --- a/content/api_en/strokeCap.xml +++ b/content/api_en/strokeCap.xml @@ -23,6 +23,8 @@ line(20, 70, 80, 70);
+To make point() appear square, use strokeCap(PROJECT). Using strokeCap(SQUARE) (no cap) causes points to become invisible. ]]>
+Using point() with strokeWeight(1) or smaller may draw nothing to the screen, depending on the graphics settings of the computer. Workarounds include setting the pixel using set() or drawing the point using either circle() or square(). ]]>
-Certain renderers may or may not seem to require loadPixels() or updatePixels(). However, the rule is that any time you want to manipulate the pixels[] array, you must first call loadPixels(), and after changes have been made, call updatePixels(). Even if the renderer may not seem to use this function in the current Processing release, this will always be subject to change. -
-Currently, while none of the renderers use the additional parameters to updatePixels(), this may be implemented in the future. ]]>
Books. Processing books cove
 |
@@ -12,13 +11,13 @@ |||||||||||
|
+ |
+ ||||||||||
 |
+ Coding Art: The Four Steps to Creative Programming with the Processing Language + Yu Zhang, Mathias Funk. + Published January 2021, Apress. 280 pages. Paperback. + » Order from Apress + » Order from Amazon + + + The authors write, "Finally, a book on creative programming, written directly for artists and designers! Rather than following a computer science curriculum, this book is aimed at creatives who are working in the intersection of design, art, and education. In this book you'll learn to apply computation into the creative process by following a four-step process, and through this, land in the cross section of coding and art, with a focus on practical examples and relevant work structures. You'll follow a real-world use case of computation art and see how it relates back to the four key pillars, and addresses potential pitfalls and challenges in the creative process. All code examples are presented in a fully integrated Processing example library, making it easy for readers to get started." + |
+ ||||||||||
|
+ |
+ ||||||||||
 |
+ Pro Processing for Images and Computer Vision with OpenCV + Bryan WC Chung. + Published 2017, APress. Paperback, eBook. + » Order from APress + + The Publisher writes, "Pro Processing for Images and Computer Vision with OpenCV is a step-by-step training tool that guides you through a series of worked examples in linear order. Each chapter begins with a basic demonstration, including the code to recreate it on your own system. Then comes a creative challenge by which to engage and develop mastery of the chapter’s topic. The book also includes hints and tips relating to visual arts, interaction design, and industrial best practices. This book is intended for any developer of artistic and otherwise visual applications, such as in augmented reality and digital effects, with a need to manipulate images, and to recognize and manipulate objects within those images. The book is specifically targeted at those making use of the Processing language that is common in artistic fields, and to Java programmers because of Processing’s easy integration into the Java programming environment." + |
+ ||||||||||
|
+ |
+ ||||||||||
 |
+ Programming 101: The How and Why of Programming Revealed Using the Processing Programming Language + Jeanine Meyer. + Published 2018, APress. Paperback, eBook. + » Order from Apress + + The Publisher writes, "Understand the importance of programming, even if you’ve never programmed before! This book will teach you the basics of programming using the Processing programming language. You will create your own Processing sketches, using personal images, themes, or hobbies that you enjoy. The chapters in the book will demonstrate the process of programming, starting with formulating an idea, planning, building on past projects, and refining the work, similar to writing an essay or composing a song. This approach will guide you to make use of logic and mathematics to produce beautiful effects. The term for program in Processing is sketch, though the sketches featured in this book are far more than static drawings; they incorporate interaction, animation, video, audio, and accessing files on the local computer and on the Web. Technical features are introduced and explained in the context of complete examples: games (Snake, Hangman, jigsaw, slingshot), making a collage of family images and video clips, preparing directions for folding an origami model, rotating objects in 3D, and others." + |
+ ||||||||||
|
|
||||||||||
|
|
@@ -154,14 +204,14 @@ Generative Design Hartmut Bohnacker, Benedikt Gross, Julia Laub, and Claudius Lazzeroni. August 2012, Princeton Architectural Press. 472 pages. - Originally published in German November 2009, Schmidt Hermann Verlag. 500 pages. + Originally published in German November 2009, Schmidt Hermann Verlag. 500 pages. » Order from Amazon.com 
This book is extraordinary; the design is clear and the production quality is fantastic. This is the design book about Processing that we've hoped for. Unlike most other Processing books, it doesn't discuss programming basics so it's free to start with exciting examples. The publisher promotes, "Generative design is a revolutionary new method of creating artwork, models, and animations from sets of rules, or algorithms. By using accessible programming languages such as Processing, artists and designers are producing extravagant, crystalline structures that can form the basis of anything from patterned textiles and typography to lighting, scientific diagrams, sculptures, films, and even fantastical buildings. Opening with a gallery of thirty-five illustrated case studies, Generative Design takes users through specific, practical instructions on how to create their own visual experiments by combining simple-to-use programming codes with basic design principles. A detailed handbook of advanced strategies provides visual artists with all the tools to achieve proficiency. Both a how-to manual and a showcase for recent work in this exciting new field, Generative Design is the definitive study and reference book that designers have been waiting for." More information about buying this book in German, as well as the complete source code for the examples, are at the book's website. - |
+
|||||||||
 |
+ alt="Processing: An Introduction to Programming"/>
Processing: An Introduction to Programming Jeffrey L. Nyhoff, Larry R. Nyhoff. Published May 2017, CRC Press. 544 pages. eBook, Paperback. » Order from CRC Press » Order from Amazon.com - + The publisher writes, "The book uses Processing’s capabilities for graphics and interactivity in order to create examples that are simple, illustrative, interesting, and fun. It is designed to appeal to a broad range of readers, including those who want to learn to program to create digital art, as well as those who seek to learn to program to process numerical information or data. It can be used by students and instructors in a first course on programming, as well as by anyone eager to teach them self to program." The publisher lists: @@ -215,7 +265,7 @@ Books. Processing books cove |
+
||||||||||
|
|
||||||||||
 |
Processing: Creative Coding and Computational Art (Foundation) @@ -279,11 +327,10 @@ Books. Processing books cove
|
||||||||||
|
|
||||||||||
+ | |
- Programming Interactivity + | Programming Interactivity Joshua Noble. Published January 2012, O'Reilly. 728 pages. Paperback. » Order from Amazon.com 
- The O'Reilly website says, "Make cool stuff. If you're a designer or artist without a lot of programming experience, this book will teach you to work with 2D and 3D graphics, sound, physical interaction, and electronic circuitry to create all sorts of interesting and compelling experiences -- online and off. Programming Interactivity explains programming and electrical engineering basics, and introduces three freely available tools created specifically for artists and designers: Processing, Arduino, and OpenFrameworks." |
- ||||||||
|
@@ -348,7 +394,6 @@ |||||||||||
|
@@ -369,15 +414,12 @@ |||||||||||
|
|
||||||||||
@@ -387,20 +429,16 @@ Books. Processing books cove
Andrew Richardson. |
|||||||||||
|
|
||||||||||
|
|
|
-
+
+
+ |||||||||
 |
+ O Código Transcendente: Uma Introdução Prática à Programação e Arte Gerativa + Mateus Berruezo. + Published December 2019. 270 pages. PDF, Web. + Text in Portuguese. + » Download + » Read online + + + Este livro é um guia de programação com enfoque prático considerando o contexto da arte gerativa e do pensamento computacional. Ele conta com explicações e exemplos visuais cuidadosamente projetados para serem de valor tanto para programadores quanto artistas. As aplicações e estudos de caso foram direcionados para a linguagem Processing cuja própria filosofia segue o princípio da exploração do artístico através do código. + |
+ ||||||||||
|
+ |
+ ||||||||||
 |
Einführung ins Programmieren mit Processing - Matthias Wolf. - Published August 2013. 178 pages. PDF, Paperback. - Text in German. - » Order Print/EBook from lulu.com - - Die eigenständige Programmiersprache Processing basiert auf Java und ähnelt diesem sehr, verbirgt aber gleichzeitig viel von dessen Komplexität. Dadurch ist Processing für den Programmieranfänger ideal geeignet, um sich Konzepte des Programmierens zu erschließen und bewahrt gleichzeitig die Möglichkeit eines späteren Umstiegs. Dennoch ist die Sprache keineswegs nur für triviale Anfängeraufgaben geeignet: speziell im Bereich der graphischen Datenverarbeitung spielt Processing seine Stärken aus. -Dieses Buch richtet sich in erster Linie an den Einsteiger, den es an die Bewältigung auch komplexerer Aufgaben heranführt, wobei grundlegende Konzepte der imperativen und der objektorientierten Programmierung vorgestellt werden. Auch notwendige theoretische Hintergründe kommen dabei nicht zu kurz. Ausführlich kommentierter Beispielcode erschließt Konzepte und Sprache. Aber auch der routinierte Programmierer, der sich "nur" eine neue Sprache erschließen will, wird fündig! -Aus dem Inhalt: Datentypen — Variablen — Arrays (ein- und mehrdiomensional) — Flusssteuerung — Methoden — Objektorientiertes Programmieren — 2D-Graphik — 3D-Graphik — Dateizugriff — PDF — QuickTimeTM — Arduino®-Mikrocontroller — Alphabetischer Index
+ Matthias Wolf. Die eigenständige Programmiersprache Processing basiert auf Java und ähnelt diesem sehr, verbirgt aber gleichzeitig viel von dessen Komplexität. Dadurch ist Processing für den Programmieranfänger ideal geeignet, um sich Konzepte des Programmierens zu erschließen und bewahrt gleichzeitig die Möglichkeit eines späteren Umstiegs. Dennoch ist die Sprache keineswegs nur für triviale Anfängeraufgaben geeignet: speziell im Bereich der graphischen Datenverarbeitung spielt Processing seine Stärken aus. +Dieses Buch richtet sich in erster Linie an den Einsteiger, den es an die Bewältigung auch komplexerer Aufgaben heranführt, wobei grundlegende Konzepte der imperativen und der objektorientierten Programmierung vorgestellt werden. Auch notwendige theoretische Hintergründe kommen dabei nicht zu kurz. Ausführlich kommentierter Beispielcode erschließt Konzepte und Sprache. Aber auch der routinierte Programmierer, der sich "nur" eine neue Sprache erschließen will, wird fündig! +Aus dem Inhalt: Datentypen — Variablen — Arrays (ein- und mehrdiomensional) — Flusssteuerung — Methoden — Objektorientiertes Programmieren — 2D-Graphik — 3D-Graphik — Dateizugriff — PDF — QuickTimeTM — Arduino®-Mikrocontroller — Alphabetischer Index |
||||||||||
|
- |
- ||||||||||
|
-
- Processing is also discussed through examples and projects in the following books:
-
- - - - - 10 PRINT CHR$(205.5+RND(1)); : GOTO 10  By Nick Montfort, Patsy Baudoin, John Bell, Ian Bogost, Jeremy Douglass, Mark C. Marino, Michael Mateas, Casey Reas, Mark Sample, Noah Vawter. Examples use Processing to explore a modern interpretation of a 1982 Commodore 64 program. - - - - Make: Getting Started with Arduino  By Massimo Banzi. Examples use Processing to communicate with an Arduino board. - - - - Building Wireless Sensor Networks: with ZigBee, XBee, Arduino, and Processing By Robert Faludi. Network examples use Processing. - - - - Physical Computing: Sensing and Controlling the Physical World with Computers - By Dan O'Sullivan and Tom Igoe. Examples using Processing for RS-232 communication and - computer vision. - - - - Aesthetic Computing. - Edited by Paul Fishwick. Casey Reas and Ben Fry contributed a chapter entitled - "Processing Code: Programming within the Context of Visual Art and Design." - - - - Hacking Roomba: ExtremeTech By Tod E. Kurt. Processing is introduced and used to design an application to control a Roomba (a robot vacuum cleaner). - - - Analog In, Digital Out By Brendan Dawes. Numerous projects created with Processing are illustrated and discussed. |
-
Download Processing. Process
- 3.5.3
- (3 February 2019)
+ 4.0b1
+ (9 August 2021)
@@ -27,12 +29,12 @@ Download Processing. Process
@@ -40,6 +42,22 @@ Download Processing. Process
Stable Releases
+
+ 4.0b1
+ (9 August 2021)
+ Windows 64
+ Linux 64
+ macOS
+
+
+ 3.5.4
+ (17 January 2020)
+ Win 32
+ Win 64
+ Linux 64
+ Mac OS X
+
+
3.4
(26 July 2018)
@@ -92,7 +108,6 @@ Stable Releases
Linux ARMv6hf
Mac OS X
-
-
- 3.0a9
- (19 May 2015)
- Win 32
- Win 64
- Linux 32
- Linux 64
- Mac OS X
-
-
- 3.0a8
- (17 May 2015)
- Win 32
- Win 64
- Linux 32
- Linux 64
- Mac OS X
-
-
- 3.0a7
- (26 April 2015)
- Win 32
- Win 64
- Linux 32
- Linux 64
- Mac OS X
-
-
- 3.0a6
- (25 April 2015)
- Win 32
- Win 64
- Linux 32
- Linux 64
- Mac OS X
-
+
+ 4.0 alpha 6
+ (10 July 2021)
+ Win 64
+ Linux 64
+ Mac OS X
+
-
- 3.0a5
- (16 November 2014)
- Win 32
- Win 64
- Linux 32
- Linux 64
- Mac OS X
-
+
+
+ 4.0 alpha 1
+ (18 January 2020)
+ Win 64
+ Linux 64
+ Mac OS X
+
+ -->
-
-
- The revisions cover incremental changes between releases, and are especially important to read for pre-releases.
+ The changes document covers incremental updates between 4.x releases, and is especially important to read for pre-releases.
diff --git a/content/static/handbook.html b/content/static/handbook.html
index e1fbca351..27ef76ed6 100644
--- a/content/static/handbook.html
+++ b/content/static/handbook.html
@@ -6,13 +6,13 @@ Processing: A Programming Handbook
Published December 2014, The MIT Press.
720 Pages. Hardcover.
- » Order from MIT Press
+ » Order from MIT Press
» Order from Amazon
» Download Examples
» Errata
- If you are an educator, you can request a desk/exam copy from the MIT Press website.
+ If you are an educator, you can request a desk/exam copy from the MIT Press website.
@@ -28,7 +28,7 @@
Processing: A Programming Handbook
- Interviews with SUE.C, Larry Cuba, Mark Hansen, Lynn Hershman Leeson, Jürg Lehni, LettError, Golan Levin and Zachary Lieberman, Benjamin Maus, Manfred Mohr, Ash Nehru, Josh On, Bob Sabiston, Jennifer Steinkamp, Jared Tarbell, Steph Thirion, and Robert Winter.
+ Interviews with SUE.C, Larry Cuba, Mark Hansen, Lynn Hershman Leeson, Jürg Lehni, LettError, Golan Levin and Zachary Lieberman, Benjamin Maus, Manfred Mohr, Ash Nehru, Josh On, Bob Sabiston, Jennifer Steinkamp, Jared Tarbell, Steph Thirion, and Robert Winter.
diff --git a/content/static/overview.html b/content/static/overview.html
index aa6831a91..d5d3d30ff 100644
--- a/content/static/overview.html
+++ b/content/static/overview.html
@@ -7,16 +7,12 @@ Overview. A short introducti
For the past sixteen years, Processing has promoted software literacy, particularly within the visual arts, and visual literacy within technology. Initially created to serve as a software sketchbook and to teach programming fundamentals within a visual context, Processing has also evolved into a development tool for professionals. The Processing software is free and open source, and runs on the Mac, Windows, and GNU/Linux platforms.
+
Processing continues to be an alternative to proprietary software tools with restrictive and expensive licenses, making it accessible to schools and individual students. Its open source status encourages the community participation and collaboration that is vital to Processing’s growth. Contributors share programs, contribute code, and build libraries, tools, and modes to extend the possibilities of the software. The Processing community has written more than a hundred libraries to facilitate computer vision, data visualization, music composition, networking, 3D file exporting, and programming electronics.
-
-
Education
diff --git a/content/static/people.html b/content/static/people.html
index fb88b37c2..d406b648c 100755
--- a/content/static/people.html
+++ b/content/static/people.html
@@ -6,25 +6,21 @@
People. Processing is a comm
- Lead Developers
+ Project Leads
Ben Fry and Casey Reas
started Processing in Spring 2001 and continue to obsessively work on it. In 2012, they started the Processing Foundation along with Dan Shiffman, who formally joined as a third project lead.
- Senior Developers
- Andres Colubri (Boston), OpenGL / Video
- Gottfried Haider (Los Angeles), Processing for Pi
- Florian Jenett (Frankfurt), Forum
- Elie Zananiri (Montreal), Contributed Libraries / Tools
- Scott Murray (San Francisco), Website / Reference / UI
+ Developers
+ Andres Colubri (Boston), OpenGL / Video
+ Elie Zananiri (New York), Contributed Libraries / Tools
+ Samuel Pottinger (San Francisco), Processing Core
-
+
-
- One way to donate is to become a Processing Foundation Member. Please become a member today to help us continue to provide access to quality, free, open-source software.
+
+ We need your help! Please support Processing by making a donation to the Processing Foundation. Your donation contributes to software development, education resources like code examples and tutorials, Fellowships, and community events.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
- The Processing Foundation was founded in 2012 after more than a decade of work with the original Processing software. The Foundation’s mission is to promote software literacy within the visual arts, and visual literacy within technology-related fields — and to make these fields accessible to diverse communities. Our goal is to empower people of all interests and backgrounds to learn how to program and make creative work with code, especially those who might not otherwise have access to these tools and resources.
-
+
+ The Processing Foundation was established in 2012 after more than a decade of work with the Processing software. The Foundation’s mission is to promote software literacy within the visual arts, and visual literacy within technology-related fields — and to make these fields accessible to diverse communities. Our goal is to empower people of all interests and backgrounds to learn how to program and make creative work with code, especially those who might not otherwise have access to these tools and resources. You can read more about the history of Processing in the short essay "A Modern Prometheus."
+
diff --git a/content/static/tutorials/arraylist/index.html b/content/static/tutorials/arraylist/index.html
index 613ffee6a..5f24a6ad5 100644
--- a/content/static/tutorials/arraylist/index.html
+++ b/content/static/tutorials/arraylist/index.html
@@ -1,4 +1,4 @@
-In truth, we could use a simple array to manage our Particle objects. Some particle systems might have a fixed number of particles, and arrays are magnificently efficient in those instances. Processing also offers expand(), contract(), subset(), splice() and other methods for resizing arrays. However, for these examples, the Java class ArrayList (found in the java.util package: http://download.oracle.com/javase/6/docs/api/java/util/ArrayList.html) will prove to be the best solution.
Using an ArrayList is conceptually similar to a standard array, but the syntax is different. Here is some code (that assumes the existence of a generic Particle class) demonstrating identical results: first with an array, and second with an ArrayList.
+In truth, we could use a simple array to manage our Particle objects. Some particle systems might have a fixed number of particles, and arrays are magnificently efficient in those instances. Processing also offers expand(), contract(), subset(), splice() and other methods for resizing arrays. However, for these examples, the Java class ArrayList (found in the java.util package: https://docs.oracle.com/javase/8/docs/api/java/util/ArrayList.html) will prove to be the best solution.
Using an ArrayList is conceptually similar to a standard array, but the syntax is different. Here is some code (that assumes the existence of a generic Particle class) demonstrating identical results: first with an array, and second with an ArrayList.
// THE STANDARD ARRAY WAY
int total = 10;
diff --git a/content/static/tutorials/data/index-old.html b/content/static/tutorials/data/index-old.html
index 0df744e1b..6221a4a80 100644
--- a/content/static/tutorials/data/index-old.html
+++ b/content/static/tutorials/data/index-old.html
@@ -17,7 +17,7 @@ Daniel Shiffman
Manipulating Strings
- In Strings and Drawing Text, we touched on a few of the basic functions available in the Java String class, such as charAt(), toUpperCase(), equals(), and length(). These functions are documented on the Processing reference page for Strings. Nevertheless, in order to perform some more advanced data parsing techniques, we'll need to explore some additional String manipulation functions documented in the Java API.
+ In Strings and Drawing Text, we touched on a few of the basic functions available in the Java String class, such as charAt(), toUpperCase(), equals(), and length(). These functions are documented on the Processing reference page for Strings. Nevertheless, in order to perform some more advanced data parsing techniques, we'll need to explore some additional String manipulation functions documented in the Java API.
@@ -518,7 +518,7 @@
Threads
Two examples that follow this methodology can be found under Topics --> Advanced Data in the Processing examples.
-While using the thread() function is a very simple way of getting an independent thread, it should be noted that it is somewhat limited. Being able to make a thread object is a great deal more powerful, and this can be done by extending the Java Thread class.
+While using the thread() function is a very simple way of getting an independent thread, it should be noted that it is somewhat limited. Being able to make a thread object is a great deal more powerful, and this can be done by extending the Java Thread class.
diff --git a/content/static/tutorials/data/index.html b/content/static/tutorials/data/index.html
index 40e99a6f9..ebafcce92 100644
--- a/content/static/tutorials/data/index.html
+++ b/content/static/tutorials/data/index.html
@@ -17,7 +17,7 @@ Daniel Shiffman
Manipulating Strings
- In Strings and Drawing Text, we touched on a few of the basic functions available in the Java String, such as charAt(), toUpperCase(), equals(), and length(). These functions are documented on the Processing reference page for Strings. Nevertheless, in order to perform some more advanced data parsing techniques, we'll need to explore some additional String manipulation functions documented in the Java API.
+ In Strings and Drawing Text, we touched on a few of the basic functions available in the Java String, such as charAt(), toUpperCase(), equals(), and length(). These functions are documented on the Processing reference page for Strings. Nevertheless, in order to perform some more advanced data parsing techniques, we'll need to explore some additional String manipulation functions documented in the Java API.
Let's take a closer look at the following two String functions: indexOf() and substring().
indexOf() locates a sequence of characters within a string. It takes one argument — a search string — and returns a numeric value that corresponds to the first occurrence of the search string inside of the String object being searched.
@@ -1404,6 +1404,34 @@
Threads
JSONObject json = loadJSONObject("http://time.jsontest.com/");
time = json.getString("time");
}
+
+
+class Timer {
+
+ int savedTime;
+ boolean running = false;
+ int totalTime;
+
+ Timer(int tempTotalTime) {
+ totalTime = tempTotalTime;
+ }
+
+ void start() {
+ running = true;
+ savedTime = millis();
+ }
+
+ boolean isFinished() {
+ int passedTime = millis() - savedTime;
+ if (running && passedTime > totalTime) {
+ running = false;
+ return true;
+ } else {
+ return false;
+ }
+ }
+
+}
APIs
diff --git a/content/static/tutorials/drawing/imgs/drawing-05.svg b/content/static/tutorials/drawing/imgs/drawing-05.svg
index 0f55e2269..44653c110 100644
--- a/content/static/tutorials/drawing/imgs/drawing-05.svg
+++ b/content/static/tutorials/drawing/imgs/drawing-05.svg
@@ -1,166 +1,210 @@
-
-
-
-
+
+
+
diff --git a/content/static/tutorials/electronics/imgs/fg39-16.svg b/content/static/tutorials/electronics/imgs/fg39-16.svg
index 46abb2371..92324f100 100644
--- a/content/static/tutorials/electronics/imgs/fg39-16.svg
+++ b/content/static/tutorials/electronics/imgs/fg39-16.svg
@@ -1,1112 +1,3907 @@
-
-
-
-
+
+
+
+
\ No newline at end of file
diff --git a/content/static/tutorials/electronics/index.html b/content/static/tutorials/electronics/index.html
index 9777b0f8f..02b31bdcc 100644
--- a/content/static/tutorials/electronics/index.html
+++ b/content/static/tutorials/electronics/index.html
@@ -635,9 +635,10 @@ Code
// Read data from the serial port and set the position of a servomotor
// according to the value
+#include <Servo.h>
Servo myservo; // Create servo object to control a servo
-int servoPin = 4; // Connect yellow servo wire to digital I/O pin 4
+int servoPin = 3; // Connect yellow servo wire to digital I/O pin 3 (must be PWM)
int val = 0; // Data received from the serial port
void setup() {
@@ -672,7 +673,12 @@ Code
noStroke();
frameRate(10);
// Open the port that the board is connected to and use the same speed (9600 bps)
- port = new Serial(this, 9600);
+ port = new Serial(this, 9600); // Comment this line if it's not the correct port
+ // If the above does not work uncomment the lines below to choose the correct port
+ // List all the available serial ports, preceded by their index number:
+ //printArray(Serial.list());
+ // Instead of 0 input the index number of the port you are using:
+ //port = new Serial(this, Serial.list()[0], 9600);
}
void draw() {
@@ -918,4 +924,4 @@ Resources
-
\ No newline at end of file
+
diff --git a/content/static/tutorials/index.html b/content/static/tutorials/index.html
index 17369c6a1..7434e5bbb 100644
--- a/content/static/tutorials/index.html
+++ b/content/static/tutorials/index.html
@@ -294,16 +294,21 @@ Text Tutorials. A collection
Level: Advanced
-
- 
-
Anatomy of a Program
- by J David Eisenberg
- How do you analyze a problem and break it down into steps that the computer can do?
- Level: Advanced
+
+
+
+
Anatomy of a Program
+ by J David Eisenberg
+ How do you analyze a problem and break it down into steps that the computer can do?
+ Level: Advanced
+
+
+
+
-
+
Electronics
diff --git a/content/static/tutorials/video/index.html b/content/static/tutorials/video/index.html
index fda2a4e29..22ccf759b 100644
--- a/content/static/tutorials/video/index.html
+++ b/content/static/tutorials/video/index.html
@@ -300,7 +300,7 @@ Recorded video
}
-Although Processing is by no means the most sophisticated environment for displaying and manipulating recorded video, there are some more advanced features available in the video library. There are function sfor obtaining the duration (length measured in seconds) of a video, for speeding it up and slowing it down, and for jumping to a specific point in the video (among others). If you find that performance is sluggish and the video playback is choppy, I would suggest trying the P2D or P3D renderers.
+Although Processing is by no means the most sophisticated environment for displaying and manipulating recorded video, there are some more advanced features available in the video library. There are functions for obtaining the duration (length measured in seconds) of a video, for speeding it up and slowing it down, and for jumping to a specific point in the video (among others). If you find that performance is sluggish and the video playback is choppy, I would suggest trying the P2D or P3D renderers.
Following is an example that makes use of jump() (jump to a specific point in the video) and duration() (returns the length of movie in seconds). In this example, if mouseX equals 0, the video jumps to the beginning. If mouseX equals width, it jumps to the end. Any other value is in between. The jump() function allows you to jump immediately to a point of time within the video. duration() returns the total length of the movie in seconds.
diff --git a/contrib_generate/build_listing.py b/contrib_generate/build_listing.py
index ee4dbd052..2c4a43b22 100755
--- a/contrib_generate/build_listing.py
+++ b/contrib_generate/build_listing.py
@@ -228,7 +228,7 @@ def missing_key(exports):
key = missing_key(exports)
if key:
- print 'Error reading', prop_url
+ print 'Error missing key', prop_url
print " No value for '%s'. Maybe it's a 404 page" % key
continue
# if no download is explicitly provided, use the default download url
diff --git a/contrib_generate/skipped.conf b/contrib_generate/skipped.conf
index f4e2bf989..fb4891e7a 100644
--- a/contrib_generate/skipped.conf
+++ b/contrib_generate/skipped.conf
@@ -1,6 +1,5 @@
007
039
-041
050
051
052
diff --git a/contrib_generate/sources.conf b/contrib_generate/sources.conf
index 88e950999..8fc82f839 100644
--- a/contrib_generate/sources.conf
+++ b/contrib_generate/sources.conf
@@ -1,10 +1,10 @@
-# Next ID: 241
+# Next ID: 273
# Increment after assigning ID to new contribution
[Library : 3D]
001 \ https://github.com/remixlab/proscene/releases/download/latest/proscene.txt
006 \ http://www.die-seite.ch/colladaloader/colladaLoader.txt
-009 \ http://www.wblut.com/hemesh/hemesh.txt
+# 009 \ http://www.wblut.com/hemesh/hemesh.txt
017 \ http://mrfeinberg.com/peasycam/peasycam.txt
# 022 \ http://fluidforms.eu/processing/fluid-forms-libs/download/FluidFormsLibs.txt
032 \ http://n.clavaud.free.fr/processing/library/picking/download/Picking.txt
@@ -22,6 +22,9 @@
195 \ http://culebra.technology/culebra.txt
196 \ https://github.com/jrc03c/queasycam/releases/download/latest/queasycam.txt
215 \ http://maxlfarrell.gitlab.io/extruder/extruder.txt
+244 \ http://giftedapprentice.com/ewbIK/ewbIK.txt
+245 \ https://github.com/VisualComputing/nub/releases/download/latest/nub.txt
+252 \ http://www.bdhont.net/lunar.txt
[Library : Animation]
001 \ https://github.com/remixlab/proscene/releases/download/latest/proscene.txt
@@ -33,6 +36,10 @@
095 \ https://dl.dropbox.com/u/87680069/frames.txt
219 \ https://teddavis.org/xyscope/download/XYscope.txt
231 \ http://objectstothinkwith.com/tracer/tracer.txt
+244 \ http://giftedapprentice.com/ewbIK/ewbIK.txt
+245 \ https://github.com/VisualComputing/nub/releases/download/latest/nub.txt
+253 \ https://ztdp.ca/projects/school/Green/Green.txt
+272 \ https://fox-gieg.com/patches/processing/libraries/tiltProcessing/tiltProcessing.txt
[Library : Compilation]
004 \ http://staff.city.ac.uk/~jwo/giCentre/utils/gicentreUtils.txt
@@ -43,7 +50,7 @@
[Library : Data]
008 \ http://www.saint-clair.net/download/gml4u/GML4U.txt
-011 \ http://www.shiffman.net/p5/libraries/sftp/sftp.txt
+011 \ https://github.com/shiffman/SFTP-Processing/releases/download/latest/sftp.txt
012 \ http://www.shiffman.net/p5/libraries/qrcode/qrcodeprocessing.txt
040 \ http://r-s-g.org/carnivore/download/carnivore_p5lib.txt
# 042 \ http://wyldco.com/romefeeder/download/romefeeder.txt
@@ -61,7 +68,7 @@
#404# 128 \ http://dasmithii.com/GNet.txt
133 \ https://raw.githubusercontent.com/nok/redis-processing/master/download/Redis.txt
135 \ https://temboo.com/files/temboo-processing.txt
-137 \ http://shiffman.net/p5/libraries/httprequests_processing/httprequests_processing.txt
+137 \ https://github.com/runemadsen/HTTP-Requests-for-Processing/releases/download/latest/httprequests_processing.txt
144 \ http://unfoldingmaps.org/Unfolding.txt
175 \ https://github.com/alexandrainst/processing_websockets/releases/download/latest/webSockets.txt
183 \ https://github.com/onlylemi/processing-android-capture/releases/download/latest/AndroidCaptureForProcessing.txt
@@ -71,6 +78,11 @@
208 \ https://github.com/gohai/processing-simpletweet/releases/download/latest/processing-simpletweet.txt
229 \ https://github.com/Shinhoo/Wooting-Keyboard-Library/releases/download/lastest/WootingKeyboard.txt
230 \ https://github.com/cansik/artnet4j/releases/download/latest/artnet4j.txt
+241 \ http://agathelenclen.fr/downloads/Squarify.txt
+248 \ https://github.com/runwayml/processing-library/releases/download/latest/RunwayML.txt
+262 \ https://github.com/SamuelAl/SQuelized-for-Processing/releases/latest/download/SQuelized.txt
+267 \ https://github.com/cansik/deep-vision-processing/releases/download/contribution/deepvision.txt
+270 \ https://ronghaoliang.page/Weka4P/download/Weka4P.txt
[Library : Fabrication]
# 078 \ http://s373.net/code/marchingcubes/download/marchingcubes.txt
@@ -86,6 +98,7 @@
214 \ http://www.garciadelcastillo.es/dashedlines/dashedlines.txt
231 \ http://objectstothinkwith.com/tracer/tracer.txt
237 \ http://gicentre.org/handy/handy.txt
+241 \ http://agathelenclen.fr/downloads/Squarify.txt
[Library : GUI]
001 \ https://github.com/remixlab/proscene/releases/download/latest/proscene.txt
@@ -97,13 +110,14 @@
180 \ http://interfascia.berg.industries/download/interfascia.txt
224 \ https://github.com/BillKujawa/meter/releases/download/latest/meter.txt
237 \ http://gicentre.org/handy/handy.txt
+256 \ https://github.com/Milchreis/uibooster-for-processing/releases/latest/download/UiBooster.txt
[Library : Hardware]
015 \ http://www.shiffman.net/p5/libraries/sms/sms.txt
024 \ https://github.com/firmata/processing/releases/download/latest/processing-arduino.txt
028 \ http://projects.formatlos.de/ambientlightsensor/download/AmbientLightSensor.txt
# 064 \ http://www.muvium.com/frappuccino/frappuccino.txt
-066 \ http://ketailibrary.org/ketai.txt
+066 \ http://ketai.org/ketai.txt
071 \ http://motscousus.com/stuff/2011-01_dmxP512/dmxP512.txt
090 \ https://dl.dropbox.com/u/87680069/LeapMotion.txt
# 102 \ http://s176381904.onlinehome.fr/processing/MoveLib/download/MoveLib.txt
@@ -115,21 +129,23 @@
188 \ http://developers.gausstoys.com/processing/GaussSense.txt
189 \ http://ciaron.net/hpglgraphics/download/hpglgraphics.txt
190 \ https://github.com/gohai/processing/releases/download/latest/io.txt
-197 \ https://github.com/sgeigers/Phidgets-For-Processing/releases/download/latest/PhidgetsForProcessing.txt
+# 197 \ https://github.com/sgeigers/Phidgets-For-Processing/releases/download/latest/PhidgetsForProcessing.txt
211 \ https://github.com/diwi/PS3Eye/releases/download/latest/PS3Eye.txt
218 \ https://github.com/cansik/sweep-processing/releases/download/latest/SweepProcessing.txt
219 \ https://teddavis.org/xyscope/download/XYscope.txt
224 \ https://github.com/BillKujawa/meter/releases/download/latest/meter.txt
-225 \ http://hci.soc.napier.ac.uk/GazeTrack/GazeTrack.txt
+225 \ http://web.tecnico.ulisboa.pt/augusto.esteves/GazeTrack/GazeTrack.txt
238 \ https://github.com/cansik/realsense-processing/releases/download/contributed/RealSenseProcessing.txt
239 \ http://skweezee.net/processing/download/SkweezeeForProcessing.txt
+266 \ https://github.com/sgeigers/SimplePhidgets/releases/download/latest/SimplePhidgets.txt
+268 \ http://github.com/jaysonh/Dmx4Artists/releases/latest/download/Dmx4Artists.txt
[Library : I/O]
001 \ https://github.com/remixlab/proscene/releases/download/latest/proscene.txt
016 \ http://www.silentlycrashing.net/ezgestures/files/ezgestures.txt
025 \ http://jorgecardoso.eu/processing/NXTComm/NXTComm.txt
026 \ http://jorgecardoso.eu/processing/MindSetProcessing/download/MindsetProcessing.txt
-039 \ https://github.com/codeanticode/tablet/releases/tag/latestv2/Tablet.txt
+039 \ https://github.com/codeanticode/tablet/releases/download/latestv2/Tablet.txt
060 \ https://dl.dropbox.com/u/87680069/gamepad.txt
067 \ http://www.graffitiresearchlab.de/wp-content/uploads/proJMS.txt
084 \ http://iddi.github.io/oocsi-processing/oocsi.txt
@@ -139,7 +155,7 @@
105 \ http://paulhertz.net/ignocodelib/download/IgnoCodeLib.txt
121 \ https://github.com/codeanticode/tablet/releases/download/latest/Tablet.txt
136 \ http://www.extrapixel.ch/processing/gifAnimation/gifAnimation.txt
-139 \ http://erniejunior.github.io/VSync-for-Processing/download/VSync.txt
+139 \ http://ernestum.github.io/VSync-for-Processing/download/VSync.txt
143 \ http://www.lagers.org.uk/processing/gamecontrol/GameControlPlus.txt
167 \ http://www.lagers.org.uk/processing3/gamecontrol/GameControlPlus.txt
168 \ http://transfluxus.github.io/SimpleHTTPServer/download/SimpleHTTPServer.txt
@@ -157,6 +173,9 @@
229 \ https://github.com/Shinhoo/Wooting-Keyboard-Library/releases/download/lastest/WootingKeyboard.txt
232 \ https://github.com/haschdl/pLaunchController/releases/download/latest/pLaunchController.txt
239 \ http://skweezee.net/processing/download/SkweezeeForProcessing.txt
+247 \ https://github.com/orgicus/image-sequence-player/releases/download/latest/ImageSequencePlayer.txt
+258 \ https://github.com/Transmedia-Gx/grab/releases/latest/download/Grab.txt
+269 \ http://augmenta-tech.com/libs/processing/Augmenta.txt
[Library : Language]
063 \ http://rednoise.org/rita/rita.txt
@@ -171,11 +190,13 @@
131 \ http://www.lagers.org.uk/processing/qscript/QScript.txt
156 \ http://www.lagers.org.uk/processing/jasmine/Jasmine.txt
203 \ https://github.com/OliverColeman/hivis/releases/download/latest/HiVis.txt
+251 \ https://github.com/pallav12/matrixMath-for-processing/releases/download/latest/MatrixMath.txt
[Library : Other]
093 \ http://www.lagers.org.uk/processing/pathfinder/Path_Finder.txt
157 \ http://www.lagers.org.uk/processing/steganos/Steganos.txt
185 \ http://softlab.pt/ptmx/ptmx.txt
+253 \ https://ztdp.ca/projects/school/Green/Green.txt
[Library : Simulation]
018 \ http://www.ricardmarxer.com/fisica/download/fisica.txt
@@ -194,6 +215,8 @@
195 \ http://culebra.technology/culebra.txt
201 \ https://github.com/diwi/PixelFlow/releases/download/latest/PixelFlow.txt
216 \ https://github.com/diwi/LiquidFunProcessing/releases/download/latest/LiquidFunProcessing.txt
+244 \ http://giftedapprentice.com/ewbIK/ewbIK.txt
+261 \ https://github.com/dennisppaul/teilchen/releases/latest/download/teilchen.txt
[Library : Sound]
153 \ https://github.com/processing/processing-sound/releases/download/latest/sound.txt
@@ -206,6 +229,10 @@
151 \ https://corajr.github.io/loom/download/loom.txt
170 \ https://github.com/shlomihod/cassette/releases/download/latest/cassette.txt
219 \ https://teddavis.org/xyscope/download/XYscope.txt
+254 \ http://www.kramann.info/ComposingForEveryone.txt
+260 \ https://github.com/sphaero/procmod/releases/latest/download/procmod.txt
+264 \ https://github.com/dennisppaul/wellen/releases/latest/download/wellen.txt
+271 \ https://www.robertesler.com/software/Pd4P3.txt
[Library : Utilities]
001 \ https://github.com/remixlab/proscene/releases/download/latest/proscene.txt
@@ -242,17 +269,23 @@
229 \ https://github.com/Shinhoo/Wooting-Keyboard-Library/releases/download/lastest/WootingKeyboard.txt
235 \ https://www.barkmin.eu/processing-library-scratch/download/scratch.txt
240 \ https://commonpike.github.io/nl.kw.processing.portmods/dist/PortMods.txt
+245 \ https://github.com/VisualComputing/nub/releases/download/latest/nub.txt
+246 \ https://github.com/federico-pepe/nice-color-palettes/releases/download/latest/NiceColorPalettes.txt
+248 \ https://github.com/runwayml/processing-library/releases/download/latest/RunwayML.txt
+255 \ https://bdhont.net/LiveBrush.txt
+257 \ https://rect.dev/processing/infinidecimal/GRInfinidecimalCanvas.txt
+258 \ https://github.com/Transmedia-Gx/grab/releases/latest/download/Grab.txt
[Library : Typography]
038 \ http://www.ricardmarxer.com/geomerative/geomerative.txt
088 \ https://raw.github.com/andreaskoller/Fontastic/master/download/Fontastic.txt
-116 \ https://github.com/prisonerjohn/NextText/releases/download/latest/NextText.txt
+# 116 \ https://github.com/prisonerjohn/NextText/releases/download/latest/NextText.txt
[Library : Video & Vision]
150 \ https://github.com/processing/processing-video/releases/download/latest/video.txt
013 \ http://shiffman.net/p5/libraries/openkinect_processing/openkinect_processing.txt
023 \ http://www.v3ga.net/processing/BlobDetection/blobDetection.txt
-041 \ https://github.com/Syphon/Processing/releases/download/latestv2/Syphon.txt
+041 \ https://github.com/Syphon/Processing/releases/latest/download/Syphon.txt
# 059 \ http://thomasdiewald.at/processing/libraries/dLibs_freenect/download/dLibs_freenect.txt
# 077 \ http://s373.net/code/flob/download/flob.txt
# 081 \ http://ubaa.net/shared/processing/opencv/download/opencv.txt
@@ -260,7 +293,7 @@
132 \ https://github.com/atduskgreg/opencv-processing/releases/download/latest/opencv_processing.txt
134 \ http://decoder.x10host.com/blobscanner/blobscanner.txt
146 \ http://boofcv.org/processing/boofcv_processing.txt
-148 \ https://github.com/Syphon/Processing/releases/download/latest/Syphon.txt
+# 148 \ https://github.com/Syphon/Processing/releases/download/latest/Syphon.txt
149 \ http://www.magicandlove.com/software/Kinect4WinSDK.txt
161 \ http://codigogenerativo.com/KinectPV2.txt
176 \ http://www.stefanobaldan.com/projects/ipcapture/download/IPCapture.txt
@@ -279,10 +312,13 @@
165 \ https://processing.org/handbook/handbook_2e.txt
166 \ https://processing.org/books/gswp_2e.txt
205 \ http://mad4j.github.io/book-mdpc/book-mdpc.txt
+265 \ https://codingart-book.github.io/examples/CodingArtBookExamples.txt
[Examples : ]
194 \ http://damellis.github.io/wovns-processing-examples/WOVNS.txt
226 \ https://github.com/Apress/processing-for-android/releases/download/latest/processing-for-android-examples.txt
+243 \ https://coding-creative.dringtech.com/examples/coding-creative-examples.txt
+249 \ https://github.com/jeremydouglass/rosetta_examples_p5/releases/latest/download/rosetta_examples_p5.txt
[Tool : ]
020 \ https://dl.dropboxusercontent.com/u/69944346/ColorSelectorPlus/ColorSelectorPlusTool.txt
@@ -304,6 +340,8 @@
228 \ https://perceptualcolor.org/distribution/PerceptualColorPicker/download/PerceptualColorPicker.txt
233 \ https://github.com/jaewhyun/GettingStarted/releases/download/latest/GettingStarted.txt
234 \ https://github.com/jaewhyun/ReferenceTool/releases/download/latest/ReferenceTool.txt
+242 \ https://jwilder4690.github.io/tools/ArtStation/ArtStation.txt
+263 \ http://jonathan.dahlberg.media/processing2js/Processing2JSTool.txt
[Mode : ]
070 \ http://bezier.de/processing/modes/CoffeeScriptMode.txt
@@ -315,4 +353,5 @@
162 \ https://github.com/joelmoniz/REPLmode/releases/download/latest/REPLMode.txt
169 \ https://py.processing.org/3/PythonMode.txt
199 \ https://github.com/fathominfo/processing-p5js-mode/releases/download/latest/p5jsMode.txt
-220 \ http://gaocegege.com/Processing.R/RLangMode.txt
+220 \ https://github.com/processing-r/Processing.R/releases/latest/download/RLangMode.txt
+250 \ https://github.com/Izza11/shader-mode/releases/download/latest/ShaderMode.txt
diff --git a/css/style.css b/css/style.css
index f7b639c5a..65fd77ba4 100755
--- a/css/style.css
+++ b/css/style.css
@@ -7,12 +7,10 @@ Reworked by CR, 23 Sep 2011
Reworked by Jon Gacnik, 19 Feb 2013
Created: 2005.08.29 04:28PM
-Last Modified: 2014.11.15 by Scott Murray
+Last Modified: 2019.07.26 by Casey Reas to remove Foundation Site CSS "-f"
*/
-
-
@font-face {
font-family: 'theSerifItalic';
src: url(fonts/TheSerif_B4_Italic.eot),
@@ -54,7 +52,6 @@ Last Modified: 2014.11.15 by Scott Murray
}
-
/* ================ GLOBAL ================== */
body {
@@ -70,7 +67,7 @@ body {
-webkit-text-size-adjust: none;
font-size : 100%;
- font-size : 0.79em;
+ font-size : 0.85em; /* 0.79em; */
font-weight : normal;
line-height : 1.5em;
color : #252525;
@@ -79,6 +76,7 @@ body {
img { border: 0px solid #000000; }
a {
+ cursor: pointer;
text-decoration: none;
font-weight: normal;
color: #2c7bb5;
@@ -102,6 +100,7 @@ a.large-link:before {
content: '';
}
+
/* ================ COVER SLIDESHOW ================== */
#slideshow {
@@ -127,7 +126,6 @@ a.large-link:before {
}
-
/* ================ LAYOUT ================== */
#container {
@@ -137,7 +135,6 @@ a.large-link:before {
}
-
/* ================ RIBBON ================== */
#ribbon {
@@ -179,6 +176,8 @@ a.large-link:before {
border-right: 1px solid #1a1a1a;
}
+
+
#ribbon ul.right li {
float: right;
border-left: 1px solid #1a1a1a;
@@ -209,12 +208,48 @@ a.large-link:before {
font-weight: bold;
}
+#ribbon-announce {
+ text-align: center;
+ width: 900px;
+ height: auto;
+ background-color: #d1f94e;
+ background: linear-gradient(to bottom, #1d517e, #d1f94e);
+ margin-bottom: 30px; /* added when placed below the header */
+}
+
+#ribbon-announce ul {
+ display: inline-block;
+ margin: 0;
+ padding: 0;
+}
+
+#ribbon-announce ul.center {
+ float: center;
+}
+
+#ribbon-announce ul li {
+ display: inline-block;
+ margin: 0;
+ padding: 6px 10px 5px 10px;
+ list-style: none;
+}
+
+#ribbon-announce ul.center li {
+ float: center;
+}
+
+#ribbon-announce ul li a {
+ color: white;
+ font-weight: bold;
+}
+
/* ================ HEADER ================== */
+
#header {
width: 900px;
height: 106px;
- margin-bottom: 30px;
+ margin-bottom: 30px; /* was 30px, but changed to 0 when ribbon placed below header */
overflow: hidden;
background: #0c2033 url(../img/processing-web.png) center center no-repeat;
background-position: bottom;
@@ -222,16 +257,6 @@ a.large-link:before {
position: relative;
}
-#header-f {
- width: 900px;
- height: 106px;
- margin-bottom: 30px;
- overflow: hidden;
- background: #0c2033 url(/images/processing-site.png) center center no-repeat;
- background-size: 900px 106px;
- position: relative;
-}
-
#header .processing-logo {
width: 206px;
height: 38px;
@@ -243,17 +268,6 @@ a.large-link:before {
background-image: linear-gradient(transparent, transparent), url(../img/processing-logo.svg);
}
-#header-f .processing-logo {
- width: 370px;
- height: 38px;
- margin: 20px 0 0 30px;
- /* -- NEW FOUNDATION LOGO GOES HERE -- */
- background: transparent url(/images/processing-foundation-logo.svg) center center no-repeat;
- background-image: -webkit-linear-gradient(transparent, transparent), url(/images/processing-foundation-logo.svg);
- background-image: -moz-linear-gradient(transparent, transparent), url(/images/processing-foundation-logo.svg);
- background-image: linear-gradient(transparent, transparent), url(/images/processing-foundation-logo.svg);
-}
-
#header .processing-logo.no-cover:before {
position: relative;
top: 3px;
@@ -262,14 +276,6 @@ a.large-link:before {
content: '\2039';
}
-#header-f .processing-logo.no-cover:before {
- position: relative;
- top: 3px;
- left: -18px;
- font-size: 24px;
- content: '\2039';
-}
-
#Overview2 .processing-logo.no-cover:before {
position: relative;
top: 3px;
@@ -284,23 +290,11 @@ a.large-link:before {
color: white;
}
-#header-f a {
- font-family: 'theSerif', 'Enriqueta', georgia, times, sans-serif;
- text-decoration: none;
- border: none;
- color: white;
-}
-
#header h1 {
display: none;
float: left;
}
-#header-f h1 {
- display: none;
- float: left;
-}
-
#header form {
position: absolute;
top: 20px;
@@ -309,14 +303,6 @@ a.large-link:before {
color: #959595;
}
-#header-f form {
- position: absolute;
- top: 20px;
- right: 5px;
- width: 176px;
- color: #959595;
-}
-
#header form input {
float: left;
border: 1px solid #136796;
@@ -328,29 +314,12 @@ a.large-link:before {
color: #959595;
}
-#header-f form input {
- float: left;
- border: 1px solid #136796;
- outline: none;
- height: 18px;
- background: #fff;
- font-family: 'theSerif', 'Enriqueta', georgia, times, serif;
- font-size: 1em;
- color: #959595;
-}
-
#header form input[type="text"]{
padding-left: 3px;
width: 127px;
border-right: none;
}
-#header-f form input[type="text"]{
- padding-left: 3px;
- width: 127px;
- border-right: none;
-}
-
#header form input[type="submit"]{
height: 22px;
width: 22px;
@@ -362,21 +331,8 @@ a.large-link:before {
cursor: pointer;
}
-#header-f form input[type="submit"]{
- height: 22px;
- width: 22px;
- border-left: none;
- background: white url(/images/search-f.svg) center center no-repeat;
- background-image: -webkit-linear-gradient(transparent, transparent), url(/images/search-f.svg);
- background-image: -moz-linear-gradient(transparent, transparent), url(/images/search-f.svg);
- background-image: linear-gradient(transparent, transparent), url(/images/search-f.svg);
- cursor: pointer;
-}
-
#header form p { margin: 0; }
-#header-f form p { margin: 0; }
-
/* ================ NAVBAR ================== */
#navigation {
@@ -407,6 +363,7 @@ a.large-link:before {
position: relative;
}
+
/* ================ FOOTER ================== */
#footer {
@@ -428,26 +385,6 @@ a.large-link:before {
padding-top: 10px;
}
-/* === FOUNDATION FOOTER === */
-
-#footer-f {
- clear: both;
- padding: 100px 30px 20px 30px;
- line-height: 23px;
- color: #959595;
-}
-#footer-f a {
- color: #959595;
- border-bottom: 1px solid #CECECE;
-}
-#footer-f #copyright,
-#footer-f #colophon {
-
-}
-#footer-f #copyright {
- border-top: 1px solid #A6BCCF;
- padding-top: 10px;
-}
/* ================ TYPOGRAPHY ================== */
@@ -524,13 +461,12 @@ li {margin-bottom: 1em; }
.large-header .black { color: #000; }
.error { color: #f00; margin: 0; }
-/* ================ UI Elements ================== */
-
-
/* ================== RANDOM CLASSES =============== */
+
.clear { clear: both; }
+
/* ================== PAGE SPECIFIC CSS =============== */
/**************************************************************** Cover ***/
@@ -678,15 +614,8 @@ dl.network dt { font-style: normal; }
dl.network dd { margin: 0; }
dl.network dd.date { color: #999999; margin-bottom: 1em; }
-//p.network { margin: 0 23px 1em 0; width:200px; }
-//p.network span.date { color: #999999; }
-
p.exhibition-nav { margin-top: 20px; margin-bottom: 10px; }
-/**************************************************************** Foundation ***/
-
-.foundation-p { line-height: 0em; }
-
/**************************************************************** Reference ***/
@@ -694,8 +623,6 @@ p.exhibition-nav { margin-top: 20px; margin-bottom: 10px; }
#Language h5 a { float: left; margin-left: -30px; }
-
-
.skinny {
margin-left : 0px;
margin-right : 50px;
@@ -711,7 +638,7 @@ p.exhibition-nav { margin-top: 20px; margin-bottom: 10px; }
margin-bottom: 20px;
}
-.ref-notice { margin: 0 0 2.5em 0; color: #FF3399; clear: both; margin-right: 40px;}
+.ref-notice { margin: 0 0 2.5em 0; color: #666666; clear: both; margin-right: 40px;}
.ref-item { margin-bottom: 60px; }
.ref-item th { width: 100px; font-weight: bold; text-align: left; vertical-align: top; }
@@ -879,8 +806,6 @@ div.ref-col {
/**************************************************************** download ***/
-/* download */
-
#Download .download ul { list-style: none; margin: 0; padding: 0; }
#Download span.version-date { color: #959595; }
#Download h5 {
@@ -1059,16 +984,13 @@ div.ref-col {
/************************************************************** contribute ***/
-/*#Contribute h1 { margin-bottom: 0; }*/
#Contribute .message { margin-top: 0; margin-right: 40px; }
#Contribute .threecol { float: left; width: 210px; margin-right: 20px; }
#Contribute .threecol p { margin-bottom: 2em; }
-
/************************************************************** learning ***/
-/*#Learning h1 { margin-bottom: 0; margin-top: 0;}*/
#Learning .message { margin-top: 0; margin-right: 40px; }
#Learning .threecol { float: left; width: 200px; margin-right: 30px; margin-top: 0px;}
#Learning .threecol p { margin-bottom: 2em; }
@@ -1080,13 +1002,10 @@ div.ref-col {
.doc-float { margin-right: 40px;}
-
-
h2 { margin-bottom: 0; margin-top: 0;}
.example-notice { margin: -1.0em 0 2.5em 0; color: #FF3399; clear: both; margin-right: 40px;}
-
#Copyright p { margin-right: 20px; }
@@ -1097,37 +1016,6 @@ h2 { margin-bottom: 0; margin-top: 0;}
#Tutorials .colthree { width: 224px; float: left; margin-right: 20px; }
#Tutorials h2 { margin: 0 0 20px 0; font-size: 1em; }
-/*#Tutorials p {
- margin-top: 2.0em;
- margin-bottom: 2.0em;
- font-size : 1.0em;
- font-weight : normal;
- line-height : 2.0em;
- }*/
-
-/*#Tutorials h3 {
- font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
- font-size : 1.3em;
- font-weight : bold;
- margin-bottom : 0.4em;
- margin-top : 1.8em;
-}
-
-#Tutorials h5 {
- font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
- font-weight : bold;
- font-size : 1.0em;
- margin-bottom : 0.4em;
- margin-top : 1.4em;
-}*/
-
-/*#Tutorials h1 {
- font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
- font-size : 2.0em;
- font-weight : normal;
- font-style : normal;
-}*/
-
/*--------------------TUTORIAL HEADER SPACING------------------*/
.Tutorials { line-height: 0em; }
@@ -1176,6 +1064,7 @@ h2 { margin-bottom: 0; margin-top: 0;}
background-color: #eee;
}
+/*
#Tutorials p.txt {
margin-top: 0em;
margin-bottom: 2em;
@@ -1183,10 +1072,10 @@ h2 { margin-bottom: 0; margin-top: 0;}
font-weight: normal;
line-height: 200%;
}
+*/
/************************************************************** Books ***/
-/*#Books h1 { margin-bottom: 0; margin-top: 0;}*/
#Books td { vertical-align: top; font-size: 1.0em}
@@ -1210,9 +1099,6 @@ h2 { margin-bottom: 0; margin-top: 0;}
margin-top: 30px;
}
-
-
-
#Tools-index h5 { margin-bottom: 0; font-size: 1em; }
#Tools-index .twocol p { margin-top: 0; }
.lib-nav { display: block;
@@ -1231,7 +1117,6 @@ h2 { margin-bottom: 0; margin-top: 0;}
#Tools h4 { font-size: 1em; margin-bottom: .5em; }
#Tools h4 a {float:left; margin-left:-30px; martin-top:-5px; }
-
#Tools .threecol {
float: left;
width: 210px;
@@ -1241,10 +1126,8 @@ h2 { margin-bottom: 0; margin-top: 0;}
.threecol:nth-child(5) { margin: 0 !important; }
-
/************************************************************** Library Indices ***/
-
#Libraries .colone {
width: 300px;
float: left;
@@ -1266,10 +1149,8 @@ h2 { margin-bottom: 0; margin-top: 0;}
#Libraries .twocol-alt {
width: 330px;
float: left;
- //background: #cccccc;
}
-
#Libraries .twocol p { margin-top: 0; }
#Libraries .full {
@@ -1294,8 +1175,6 @@ h2 { margin-bottom: 0; margin-top: 0;}
margin-bottom: 2px;
}
-
-
#Libraries .lib-nav { display: block;
margin-bottom: 10px;
margin-left: -30px;
@@ -1306,7 +1185,6 @@ h2 { margin-bottom: 0; margin-top: 0;}
#Libraries pre { margin-left: 30px; margin-bottom: 30px; }
#Libraries h2 { margin-top: 2em; }
-/*#Libraries h3 { clear: both; margin-bottom: 0; }*/
#Libraries h3 { margin-top: 0; margin-bottom: 0;}
@@ -1329,13 +1207,13 @@ h2 { margin-bottom: 0; margin-top: 0;}
/************************************************************** environment ***/
-/*#Environment h1 { margin-top: 2em; }*/
-#Environment h5 { margin-top: 3em; }
+
+#Environment h5 { margin-top: 2em; margin-bottom: 1em; }
#Environment h6 { margin-bottom: 0em; }
#Environment h5 a { float: left; margin-left: -30px; }
ul.nostyle { margin: 0; padding: 0; list-style: none outside; }
#Environment td { padding-bottom: 1em; }
-#Environment .content p,
+/*#Environment .content p,*/
#Environment .content ul,
#Environment .content table {
width: 560px;
@@ -1343,31 +1221,22 @@ ul.nostyle { margin: 0; padding: 0; list-style: none outside; }
/************************************************************** overview ***/
+
#Overview .content p,
#Overview .content ul,
-#Overview .content table {
- width: 560px;
-}
+#Overview .content table { width: 560px; }
#Foundation .content p,
#Foundation .content ul,
-#Foundation .content table {
- width: 560px;
-}
-
+#Foundation .content table { width: 560px; }
#People .content p,
#People .content ul,
-#People .content table {
- width: 560px;
-}
+#People .content table { width: 560px; }
#people-f .content p,
#people-f .content ul,
-#people-f .content table {
- width: 680px;
-}
-
+#people-f .content table { width: 680px; }
/************************************************************** examples ***/
@@ -1377,16 +1246,12 @@ p.doc-float { margin-left: 250px; }
p.doc { margin-right: 40px; margin-top: 30px;}
pre.code { clear: both; margin-top: 10px; }
-/* #examples-nav { margin-left: -44px; display: relative; } */
//#examples-nav { margin-left: 0px; display: relative; }
.examples-nav-div { margin-left: -44px; margin-top: -10px; width: 480px; display: relative; align: left; }
#examples-nav img { display: absolute; top: 15px; left: 100px; }
-/*#Examples h1 { margin-bottom: 0; }*/
-
-
div.updateRequired {
color:#999;
}
@@ -1402,7 +1267,9 @@ ul.examples {
-webkit-column-count:3; /* Safari and Chrome */
column-count:3;
}
+
ul.examples li { margin: 0; padding: 0; }
+
ul.examples ul {
list-style: none;
padding: 0;
@@ -1410,14 +1277,17 @@ ul.examples ul {
margin-bottom: 17px;
width: 100%;
}
+
ul.examples ul li {
margin: 0;
}
+
div.examples-nav {
margin-left: -41px;
margin-bottom: 17px;
position: relative;
}
+
div.examples-nav img { position: relative; top: 11px; }
.donate-card-row {
@@ -1430,6 +1300,7 @@ div.examples-nav img { position: relative; top: 11px; }
margin-left: -10px;
margin-right: -10px;
}
+
.donate-card {
text-align: center;
width: 30%;
@@ -1447,28 +1318,35 @@ div.examples-nav img { position: relative; top: 11px; }
-ms-flex-pack: center;
justify-content: center;
}
+
.donate-card h4 {
line-height: 1.3;
- margin: 0 0 0.5em 0;
+ margin: 0 0 0 0;
color: #2c7bb5;
}
+
a.donate-card {
color: #252525;
}
+
a.donate-card:hover {
border-color: #2c7bb5;
}
+
.donate-list {
list-style: none;
margin-left: 0;
padding-left: 0;
}
+
.donate-list li {
margin-bottom: 0;
}
+
.donate-list li:before {
content: '» '
}
+
.donate-content hr {
margin-top: 2em;
margin-bottom: 2em;
@@ -1476,48 +1354,3 @@ div.examples-nav img { position: relative; top: 11px; }
border: none;
border-top: 1px solid #CBCBCB;
}
-
-/**************************************************************** updates, courses, happenings ***/
-/*
-#Courses .content, #Updates .content, #Happenings .content {
- width: 595px;
- }
-#Updates h2 { margin-top: 0 0 20px 0; }
-
-
-.course-desc p { margin: 0; }
-.course-desc p.date { margin: 0; }
-.course-desc h3 { margin: 0; font-size: 1em; font-weight: bold; line-height: 1em; }
-.course-desc { margin-bottom: 2em; }
-*/
-
-/************************************************************** comparison ***/
-/*
-
-#Compare h1 { margin-top: 2em; }
-#Compare h2 { margin-bottom: 0; }
-#Compare .threecol { float: left; width: 210px; margin-right: 20px; }
-#Compare .threecol p { margin-top: 0; }
-
-
-#Compare .content {
- margin-left : 55px;
- margin-right : 0px;
- position: relative;
-}
-*/
-
-/************************************************************** troubleshooting ***/
-/*
-#Troubleshooting h1 { margin-top: 2em; }
-#Troubleshooting h5 a { float: left; margin-left: -30px; }
-ul.nostyle { margin: 0; padding: 0; list-style: none outside; }
-#Troubleshooting td { padding-bottom: 1em; }
-*/
-
-/************************************************************** FAQ ***/
-
-/*
-#FAQ h5 a { float: left; margin-left: -30px; }
-*/
-
diff --git a/download/latest.txt b/download/latest.txt
index f76767ff8..98de25a15 100644
--- a/download/latest.txt
+++ b/download/latest.txt
@@ -1,2 +1,2 @@
-0269
+1276
diff --git a/exhibition/works/discom/Thumbs.db b/exhibition/works/discom/Thumbs.db
deleted file mode 100644
index 93ae137df..000000000
Binary files a/exhibition/works/discom/Thumbs.db and /dev/null differ
diff --git a/exhibition/works/superhero/img/Thumbs.db b/exhibition/works/superhero/img/Thumbs.db
deleted file mode 100755
index 9f2257887..000000000
Binary files a/exhibition/works/superhero/img/Thumbs.db and /dev/null differ
diff --git a/generate/README.md b/generate/README.md
new file mode 100644
index 000000000..e38655a77
--- /dev/null
+++ b/generate/README.md
@@ -0,0 +1,9 @@
+These are the scripts that generate most of the the processing.org website and Reference that's included with the Processing software. The language Reference scripts are in the ../java_generate/ directory and that's a whole other thing...
+
+The generator scripts are written in PHP using an old version of DOMIT: https://sourceforge.net/projects/domit-xmlparser/
+
+The files that are appended with "local" generate alternate versions of those pages for the Reference that comes included with the Processing software.
+
+This directory also contains the files to generate the "keywords.txt" file that controls the syntax highlighting for the Processing Development Environment (PDE). The Perl script "keywords_create.cgi" generates this file by combining "keywords_base.txt" with the Reference XML files.
+
+The data used to generate the site pages are in the ../content/ directory.
diff --git a/generate/index.php b/generate/index.php
index 62a281526..d907d26aa 100755
--- a/generate/index.php
+++ b/generate/index.php
@@ -23,6 +23,7 @@
+
Presets
@@ -32,13 +33,13 @@
Filip
Dan
Elie
- Scott
- Philip
+
+
- Everything
- Site
+ Everything
+ Site
Nothing
@@ -99,10 +100,12 @@
+
Contributions
diff --git a/generate/keywords_base.txt b/generate/keywords_base.txt
index a88aa2737..7757bb46f 100755
--- a/generate/keywords_base.txt
+++ b/generate/keywords_base.txt
@@ -252,6 +252,7 @@ double KEYWORD5 double
float KEYWORD5 float
int KEYWORD5 int
long KEYWORD5 long
+var KEYWORD5
# Flow structures
diff --git a/generate/staticpages.php b/generate/staticpages.php
index db3b0422b..1a60b6291 100755
--- a/generate/staticpages.php
+++ b/generate/staticpages.php
@@ -28,9 +28,9 @@
writeFile('overview/index.html', $page->out());
#copydirr($source.'/images', $path.'/images');
-$page = new Page("Foundation", "Foundation");
-$page->content(file_get_contents($source."foundation.html"));
-writeFile('foundation/index.html', $page->out());
+#$page = new Page("Foundation", "Foundation");
+#$page->content(file_get_contents($source."foundation.html"));
+#writeFile('foundation/index.html', $page->out());
$page = new Page("People", "People");
$page->content(file_get_contents($source."people.html"));
@@ -65,21 +65,21 @@
writeFile('copyright.html', $page->out());
// Copy over the images for the shop index
-if (!is_dir($path.'shop')) {
- mkdir($path.'shop', 0757);
-}
+#if (!is_dir($path.'shop')) {
+# mkdir($path.'shop', 0757);
+#}
-if (!is_dir($path.'shop/imgs')) {
- mkdir($path.'shop/imgs', 0757);
-}
+#if (!is_dir($path.'shop/imgs')) {
+# mkdir($path.'shop/imgs', 0757);
+#}
-if (is_dir($path.'shop/imgs')) {
- copydirr($source.'shop/imgs', $path.'shop/imgs', null, 0757, false);
-}
+#if (is_dir($path.'shop/imgs')) {
+# copydirr($source.'shop/imgs', $path.'shop/imgs', null, 0757, false);
+#}
-$page = new Page("Shop", "Shop");
-$page->content(file_get_contents($source.'shop/'."index.html"));
-writeFile('shop/index.html', $page->out());
+#$page = new Page("Shop", "Shop");
+#$page->content(file_get_contents($source.'shop/'."index.html"));
+#writeFile('shop/index.html', $page->out());
$benchmark_end = microtime_float();
$execution_time = round($benchmark_end - $benchmark_start, 4);
diff --git a/img/cc.png b/img/cc.png
new file mode 100644
index 000000000..4acf8c4ec
Binary files /dev/null and b/img/cc.png differ
diff --git a/img/learning/books/coding-art.jpg b/img/learning/books/coding-art.jpg
new file mode 100644
index 000000000..79fa91e5a
Binary files /dev/null and b/img/learning/books/coding-art.jpg differ
diff --git a/img/learning/books/o-codigo.jpg b/img/learning/books/o-codigo.jpg
new file mode 100644
index 000000000..e70fad0e9
Binary files /dev/null and b/img/learning/books/o-codigo.jpg differ
diff --git a/img/learning/books/pro-processing.jpg b/img/learning/books/pro-processing.jpg
new file mode 100644
index 000000000..25e7f6863
Binary files /dev/null and b/img/learning/books/pro-processing.jpg differ
diff --git a/img/learning/books/programming-101.jpg b/img/learning/books/programming-101.jpg
new file mode 100644
index 000000000..3749c36a2
Binary files /dev/null and b/img/learning/books/programming-101.jpg differ
diff --git a/java_generate/templates/class.template.html b/java_generate/templates/class.template.html
index 3d715adf9..96634b4c1 100644
--- a/java_generate/templates/class.template.html
+++ b/java_generate/templates/class.template.html
@@ -23,7 +23,7 @@
-
+
- Processing
- p5.js
@@ -44,6 +44,13 @@
+
@@ -82,37 +89,8 @@
- 
+ 
This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License.
-
@@ -124,8 +102,7 @@
© Info
-
-
+
diff --git a/java_generate/templates/generic.template.html b/java_generate/templates/generic.template.html
index dbf060144..d8858a537 100644
--- a/java_generate/templates/generic.template.html
+++ b/java_generate/templates/generic.template.html
@@ -23,7 +23,6 @@
-
- Processing
@@ -45,6 +44,12 @@
+
@@ -83,37 +88,8 @@
-
+
This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License.
-
diff --git a/java_generate/templates/index.alphabetical.template.html b/java_generate/templates/index.alphabetical.template.html
index a716f1117..1c52fca5c 100644
--- a/java_generate/templates/index.alphabetical.template.html
+++ b/java_generate/templates/index.alphabetical.template.html
@@ -43,6 +43,12 @@
+
diff --git a/java_generate/templates/index.template.html b/java_generate/templates/index.template.html
index a6bb0e508..12b460548 100644
--- a/java_generate/templates/index.template.html
+++ b/java_generate/templates/index.template.html
@@ -42,6 +42,12 @@
+
diff --git a/java_generate/templates/library.index.template.html b/java_generate/templates/library.index.template.html
index 3a9fef789..98c01d64e 100644
--- a/java_generate/templates/library.index.template.html
+++ b/java_generate/templates/library.index.template.html
@@ -23,7 +23,7 @@
-
+
- Processing
- p5.js
@@ -84,7 +84,7 @@ Events
© Info
-
+
diff --git a/java_generate/templates/nav.web.template.html b/java_generate/templates/nav.web.template.html
index a754b73e7..43f41939c 100644
--- a/java_generate/templates/nav.web.template.html
+++ b/java_generate/templates/nav.web.template.html
@@ -4,7 +4,7 @@
Download
Donate
- Exhibition
+
Reference
Libraries
@@ -13,7 +13,7 @@
Tutorials
Examples
- Books
+ Books
Overview
@@ -28,6 +28,6 @@
»Wiki
»FAQ
»Twitter
- »Facebook
+
»Medium
\ No newline at end of file
diff --git a/templates/template.cover.html b/templates/template.cover.html
index 56d113e50..4e776eb87 100755
--- a/templates/template.cover.html
+++ b/templates/template.cover.html
@@ -7,36 +7,34 @@
Download Processing
Browse Tutorials
Visit the Reference
-
-
-
- Processing is a flexible software sketchbook and a language for learning how to code within the context of the visual arts. Since 2001, Processing has promoted software literacy within the visual arts and visual literacy within technology. There are tens of thousands of students, artists, designers, researchers, and hobbyists who use Processing for learning and prototyping.
-
-
- - » Free to download and open source
- - » Interactive programs with 2D, 3D, PDF, or SVG output
- - » OpenGL integration for accelerated 2D and 3D
- - » For GNU/Linux, Mac OS X, Windows, Android, and ARM
- - » Over 100 libraries extend the core software
- - » Well documented, with many books available
-
-
-
+
+
+ Processing is a flexible software sketchbook and a language for learning how to code within the context of the visual arts. Since 2001, Processing has promoted software literacy within the visual arts and visual literacy within technology. There are tens of thousands of students, artists, designers, researchers, and hobbyists who use Processing for learning and prototyping.
+
+ - » Free to download and open source
+ - » Interactive programs with 2D, 3D, PDF, or SVG output
+ - » OpenGL integration for accelerated 2D and 3D
+ - » For GNU/Linux, Mac OS X, Windows, Android, and ARM
+ - » Over 100 libraries extend the core software
+ - » Well documented, with many books available
+
+
-
Books
- The 2nd edition of Getting Started with Processing is here and it's updated for Processing 3. It's now in full color and there's a new chapter on working with data. The 2nd edition of the Processing Handbook is here too. Every chapter has been revised, and new chapters introduce more ways to work with data and geometry. New “synthesis” chapters offer discussion and worked examples of such topics as sketching with code, modularity, and algorithms.
+ The second edition of Getting Started with Processing is here and it's updated for Processing 3. It's now in full color and there's a new chapter on working with data. The Processing Handbook now has a second edition too. Every chapter has been revised, and new chapters introduce more ways to work with data and geometry. New “synthesis” chapters offer discussions and worked examples of topics such as sketching with code, modularity, and algorithms.
+
+
Donate
- Please join us as a member of the Processing Foundation. We need your help!
+ Please support the Processing Foundation. We need your help!
- To see more of what people are doing with Processing, check out these sites:
+
- » CreativeApplications.Net
- » OpenProcessing
- » For Your Processing
- » Processing Subreddit
- » Vimeo
- » Studio Sketchpad
+
+ PCD 2020
+
+ The Processing Community Day (PCD) initiative is evolving. For 2020, we will offer a mentorship program for PCD Worldwide Organizers who are interested in learning from past community organizers and mentors. The goal is to help a diverse group of organizers launch a PCD in their local communities. Check out the PCD @ Worldwide site to learn more about starting or attending an event in 2020!
+
+
+
+
+
+
+ To see more of what people are doing with Processing, check out these sites:
+ » CreativeApplications.Net
+ » OpenProcessing
+ » For Your Processing
+ » Processing Subreddit
+ » Vimeo
+ » Studio Sketchpad
-
- To contribute to the development, please visit
+
+ To contribute to Processing development, please visit
Processing on GitHub to read
instructions for downloading the code,
building from the source,
reporting and tracking bugs, and
creating libraries and tools.
-
-
Partners
- » Fathom
+ Partners
+ » Fathom
» NYU ITP
» UCLA Design Media Arts
diff --git a/templates/template.html b/templates/template.html
index 5752bfd9e..b3836287a 100755
--- a/templates/template.html
+++ b/templates/template.html
@@ -43,6 +43,13 @@
+
+
diff --git a/templates/template.nav.php b/templates/template.nav.php
index 4f5574369..01dd329bd 100755
--- a/templates/template.nav.php
+++ b/templates/template.nav.php
@@ -8,11 +8,9 @@
'Learning' => array('/learning/', 1),
'Tutorials' => array('/tutorials/', 2),
- 'Examples' => array('/examples/', 2),
- # '3D' => array('/learning/3d/', 2),
- # 'Library' => array('/learning/library/', 2),
- 'Books' => array('/books/', 2),
- 'Handbook' => array('/handbook/', 2),
+ 'Examples' => array('/examples/', 2),
+ 'Books' => array('/books/', 2),
+ 'Handbook' => array('/handbook/', 2),
'Reference' => array('/reference/', 1),
@@ -23,7 +21,7 @@
'Environment' => array('/reference/environment/', 2),
'Download' => array('/download/', 1),
- 'Donate' => array('/download/support.html', 1),
+ 'Donate' => array('/download/support.html', 1),
'Shop' => array('/shop/', 1),
@@ -60,7 +58,7 @@ function navigation($section = '')
$html .= "\t\t\t\t\t" . l('Download', $section == 'Download') . "
\n";
$html .= "\t\t\t\t\t" . l('Donate', $section == 'Donate') . "
\n";
- $html .= "\t\t\t\t\t" . l('Exhibition', $section == 'Exhibition') . "
\n";
+ #$html .= "\t\t\t\t\t" . l('Exhibition', $section == 'Exhibition') . "
\n";
$html .= "\t\t\t\t\t" . l('Reference', $section == 'Reference') . "
\n";
$html .= "\t\t\t\t\t" . l('Libraries', $section == 'Libraries') . "
\n";
@@ -84,7 +82,7 @@ function navigation($section = '')
$html .= "\t\t\t\t\t" . "»Wiki
\n";
$html .= "\t\t\t\t\t" . "»FAQ
\n";
$html .= "\t\t\t\t\t" . "»Twitter
\n";
- $html .= "\t\t\t\t\t" . "»Facebook
\n";
+ #$html .= "\t\t\t\t\t" . "»Facebook
\n";
$html .= "\t\t\t\t\t" . "»Medium
\n";
$html .= "\t\t\t\t\n";
Download Processing. Process
Stable Releases
+
+ 4.0b1
+ (9 August 2021)
+ Windows 64
+ Linux 64
+ macOS
+
+
+ 3.5.4
+ (17 January 2020)
+ Win 32
+ Win 64
+ Linux 64
+ Mac OS X
+
+
3.4
(26 July 2018)
@@ -92,7 +108,6 @@ Stable Releases
Linux ARMv6hf
Mac OS X
-
-
- 3.0a9
- (19 May 2015)
- Win 32
- Win 64
- Linux 32
- Linux 64
- Mac OS X
-
-
- 3.0a8
- (17 May 2015)
- Win 32
- Win 64
- Linux 32
- Linux 64
- Mac OS X
-
-
- 3.0a7
- (26 April 2015)
- Win 32
- Win 64
- Linux 32
- Linux 64
- Mac OS X
-
-
- 3.0a6
- (25 April 2015)
- Win 32
- Win 64
- Linux 32
- Linux 64
- Mac OS X
-
+
+ 4.0 alpha 6
+ (10 July 2021)
+ Win 64
+ Linux 64
+ Mac OS X
+
-
- 3.0a5
- (16 November 2014)
- Win 32
- Win 64
- Linux 32
- Linux 64
- Mac OS X
-
+
+
+ 4.0 alpha 1
+ (18 January 2020)
+ Win 64
+ Linux 64
+ Mac OS X
+
+ -->
-
-
- The revisions cover incremental changes between releases, and are especially important to read for pre-releases.
+ The changes document covers incremental updates between 4.x releases, and is especially important to read for pre-releases.
diff --git a/content/static/handbook.html b/content/static/handbook.html
index e1fbca351..27ef76ed6 100644
--- a/content/static/handbook.html
+++ b/content/static/handbook.html
@@ -6,13 +6,13 @@ Processing: A Programming Handbook
Published December 2014, The MIT Press.
720 Pages. Hardcover.
- » Order from MIT Press
+ » Order from MIT Press
» Order from Amazon
» Download Examples
» Errata
- If you are an educator, you can request a desk/exam copy from the MIT Press website.
+ If you are an educator, you can request a desk/exam copy from the MIT Press website.
@@ -28,7 +28,7 @@
Processing: A Programming Handbook
- Interviews with SUE.C, Larry Cuba, Mark Hansen, Lynn Hershman Leeson, Jürg Lehni, LettError, Golan Levin and Zachary Lieberman, Benjamin Maus, Manfred Mohr, Ash Nehru, Josh On, Bob Sabiston, Jennifer Steinkamp, Jared Tarbell, Steph Thirion, and Robert Winter.
+ Interviews with SUE.C, Larry Cuba, Mark Hansen, Lynn Hershman Leeson, Jürg Lehni, LettError, Golan Levin and Zachary Lieberman, Benjamin Maus, Manfred Mohr, Ash Nehru, Josh On, Bob Sabiston, Jennifer Steinkamp, Jared Tarbell, Steph Thirion, and Robert Winter.
diff --git a/content/static/overview.html b/content/static/overview.html
index aa6831a91..d5d3d30ff 100644
--- a/content/static/overview.html
+++ b/content/static/overview.html
@@ -7,16 +7,12 @@ Overview. A short introducti
For the past sixteen years, Processing has promoted software literacy, particularly within the visual arts, and visual literacy within technology. Initially created to serve as a software sketchbook and to teach programming fundamentals within a visual context, Processing has also evolved into a development tool for professionals. The Processing software is free and open source, and runs on the Mac, Windows, and GNU/Linux platforms.
+
Processing continues to be an alternative to proprietary software tools with restrictive and expensive licenses, making it accessible to schools and individual students. Its open source status encourages the community participation and collaboration that is vital to Processing’s growth. Contributors share programs, contribute code, and build libraries, tools, and modes to extend the possibilities of the software. The Processing community has written more than a hundred libraries to facilitate computer vision, data visualization, music composition, networking, 3D file exporting, and programming electronics.
-
-
Education
diff --git a/content/static/people.html b/content/static/people.html
index fb88b37c2..d406b648c 100755
--- a/content/static/people.html
+++ b/content/static/people.html
@@ -6,25 +6,21 @@
People. Processing is a comm
- Lead Developers
+ Project Leads
Ben Fry and Casey Reas
started Processing in Spring 2001 and continue to obsessively work on it. In 2012, they started the Processing Foundation along with Dan Shiffman, who formally joined as a third project lead.
- Senior Developers
- Andres Colubri (Boston), OpenGL / Video
- Gottfried Haider (Los Angeles), Processing for Pi
- Florian Jenett (Frankfurt), Forum
- Elie Zananiri (Montreal), Contributed Libraries / Tools
- Scott Murray (San Francisco), Website / Reference / UI
+ Developers
+ Andres Colubri (Boston), OpenGL / Video
+ Elie Zananiri (New York), Contributed Libraries / Tools
+ Samuel Pottinger (San Francisco), Processing Core
-
+
-
- One way to donate is to become a Processing Foundation Member. Please become a member today to help us continue to provide access to quality, free, open-source software.
+
+ We need your help! Please support Processing by making a donation to the Processing Foundation. Your donation contributes to software development, education resources like code examples and tutorials, Fellowships, and community events.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
- The Processing Foundation was founded in 2012 after more than a decade of work with the original Processing software. The Foundation’s mission is to promote software literacy within the visual arts, and visual literacy within technology-related fields — and to make these fields accessible to diverse communities. Our goal is to empower people of all interests and backgrounds to learn how to program and make creative work with code, especially those who might not otherwise have access to these tools and resources.
-
+
+ The Processing Foundation was established in 2012 after more than a decade of work with the Processing software. The Foundation’s mission is to promote software literacy within the visual arts, and visual literacy within technology-related fields — and to make these fields accessible to diverse communities. Our goal is to empower people of all interests and backgrounds to learn how to program and make creative work with code, especially those who might not otherwise have access to these tools and resources. You can read more about the history of Processing in the short essay "A Modern Prometheus."
+
diff --git a/content/static/tutorials/arraylist/index.html b/content/static/tutorials/arraylist/index.html
index 613ffee6a..5f24a6ad5 100644
--- a/content/static/tutorials/arraylist/index.html
+++ b/content/static/tutorials/arraylist/index.html
@@ -1,4 +1,4 @@
-In truth, we could use a simple array to manage our Particle objects. Some particle systems might have a fixed number of particles, and arrays are magnificently efficient in those instances. Processing also offers expand(), contract(), subset(), splice() and other methods for resizing arrays. However, for these examples, the Java class ArrayList (found in the java.util package: http://download.oracle.com/javase/6/docs/api/java/util/ArrayList.html) will prove to be the best solution.
Using an ArrayList is conceptually similar to a standard array, but the syntax is different. Here is some code (that assumes the existence of a generic Particle class) demonstrating identical results: first with an array, and second with an ArrayList.
+In truth, we could use a simple array to manage our Particle objects. Some particle systems might have a fixed number of particles, and arrays are magnificently efficient in those instances. Processing also offers expand(), contract(), subset(), splice() and other methods for resizing arrays. However, for these examples, the Java class ArrayList (found in the java.util package: https://docs.oracle.com/javase/8/docs/api/java/util/ArrayList.html) will prove to be the best solution.
Using an ArrayList is conceptually similar to a standard array, but the syntax is different. Here is some code (that assumes the existence of a generic Particle class) demonstrating identical results: first with an array, and second with an ArrayList.
// THE STANDARD ARRAY WAY
int total = 10;
diff --git a/content/static/tutorials/data/index-old.html b/content/static/tutorials/data/index-old.html
index 0df744e1b..6221a4a80 100644
--- a/content/static/tutorials/data/index-old.html
+++ b/content/static/tutorials/data/index-old.html
@@ -17,7 +17,7 @@ Daniel Shiffman
Manipulating Strings
- In Strings and Drawing Text, we touched on a few of the basic functions available in the Java String class, such as charAt(), toUpperCase(), equals(), and length(). These functions are documented on the Processing reference page for Strings. Nevertheless, in order to perform some more advanced data parsing techniques, we'll need to explore some additional String manipulation functions documented in the Java API.
+ In Strings and Drawing Text, we touched on a few of the basic functions available in the Java String class, such as charAt(), toUpperCase(), equals(), and length(). These functions are documented on the Processing reference page for Strings. Nevertheless, in order to perform some more advanced data parsing techniques, we'll need to explore some additional String manipulation functions documented in the Java API.
@@ -518,7 +518,7 @@
Threads
Two examples that follow this methodology can be found under Topics --> Advanced Data in the Processing examples.
-While using the thread() function is a very simple way of getting an independent thread, it should be noted that it is somewhat limited. Being able to make a thread object is a great deal more powerful, and this can be done by extending the Java Thread class.
+While using the thread() function is a very simple way of getting an independent thread, it should be noted that it is somewhat limited. Being able to make a thread object is a great deal more powerful, and this can be done by extending the Java Thread class.
diff --git a/content/static/tutorials/data/index.html b/content/static/tutorials/data/index.html
index 40e99a6f9..ebafcce92 100644
--- a/content/static/tutorials/data/index.html
+++ b/content/static/tutorials/data/index.html
@@ -17,7 +17,7 @@ Daniel Shiffman
Manipulating Strings
- In Strings and Drawing Text, we touched on a few of the basic functions available in the Java String, such as charAt(), toUpperCase(), equals(), and length(). These functions are documented on the Processing reference page for Strings. Nevertheless, in order to perform some more advanced data parsing techniques, we'll need to explore some additional String manipulation functions documented in the Java API.
+ In Strings and Drawing Text, we touched on a few of the basic functions available in the Java String, such as charAt(), toUpperCase(), equals(), and length(). These functions are documented on the Processing reference page for Strings. Nevertheless, in order to perform some more advanced data parsing techniques, we'll need to explore some additional String manipulation functions documented in the Java API.
Let's take a closer look at the following two String functions: indexOf() and substring().
indexOf() locates a sequence of characters within a string. It takes one argument — a search string — and returns a numeric value that corresponds to the first occurrence of the search string inside of the String object being searched.
@@ -1404,6 +1404,34 @@
Threads
JSONObject json = loadJSONObject("http://time.jsontest.com/");
time = json.getString("time");
}
+
+
+class Timer {
+
+ int savedTime;
+ boolean running = false;
+ int totalTime;
+
+ Timer(int tempTotalTime) {
+ totalTime = tempTotalTime;
+ }
+
+ void start() {
+ running = true;
+ savedTime = millis();
+ }
+
+ boolean isFinished() {
+ int passedTime = millis() - savedTime;
+ if (running && passedTime > totalTime) {
+ running = false;
+ return true;
+ } else {
+ return false;
+ }
+ }
+
+}
APIs
diff --git a/content/static/tutorials/drawing/imgs/drawing-05.svg b/content/static/tutorials/drawing/imgs/drawing-05.svg
index 0f55e2269..44653c110 100644
--- a/content/static/tutorials/drawing/imgs/drawing-05.svg
+++ b/content/static/tutorials/drawing/imgs/drawing-05.svg
@@ -1,166 +1,210 @@
-
-
-
-
+
+
+
diff --git a/content/static/tutorials/electronics/imgs/fg39-16.svg b/content/static/tutorials/electronics/imgs/fg39-16.svg
index 46abb2371..92324f100 100644
--- a/content/static/tutorials/electronics/imgs/fg39-16.svg
+++ b/content/static/tutorials/electronics/imgs/fg39-16.svg
@@ -1,1112 +1,3907 @@
-
-
-
-
+
+
+
+
\ No newline at end of file
diff --git a/content/static/tutorials/electronics/index.html b/content/static/tutorials/electronics/index.html
index 9777b0f8f..02b31bdcc 100644
--- a/content/static/tutorials/electronics/index.html
+++ b/content/static/tutorials/electronics/index.html
@@ -635,9 +635,10 @@ Code
// Read data from the serial port and set the position of a servomotor
// according to the value
+#include <Servo.h>
Servo myservo; // Create servo object to control a servo
-int servoPin = 4; // Connect yellow servo wire to digital I/O pin 4
+int servoPin = 3; // Connect yellow servo wire to digital I/O pin 3 (must be PWM)
int val = 0; // Data received from the serial port
void setup() {
@@ -672,7 +673,12 @@ Code
noStroke();
frameRate(10);
// Open the port that the board is connected to and use the same speed (9600 bps)
- port = new Serial(this, 9600);
+ port = new Serial(this, 9600); // Comment this line if it's not the correct port
+ // If the above does not work uncomment the lines below to choose the correct port
+ // List all the available serial ports, preceded by their index number:
+ //printArray(Serial.list());
+ // Instead of 0 input the index number of the port you are using:
+ //port = new Serial(this, Serial.list()[0], 9600);
}
void draw() {
@@ -918,4 +924,4 @@ Resources
-
\ No newline at end of file
+
diff --git a/content/static/tutorials/index.html b/content/static/tutorials/index.html
index 17369c6a1..7434e5bbb 100644
--- a/content/static/tutorials/index.html
+++ b/content/static/tutorials/index.html
@@ -294,16 +294,21 @@ Text Tutorials. A collection
Level: Advanced
-
-
-
Anatomy of a Program
- by J David Eisenberg
- How do you analyze a problem and break it down into steps that the computer can do?
- Level: Advanced
+
+
+
+
Anatomy of a Program
+ by J David Eisenberg
+ How do you analyze a problem and break it down into steps that the computer can do?
+ Level: Advanced
+
+
+
+
-
+
Electronics
diff --git a/content/static/tutorials/video/index.html b/content/static/tutorials/video/index.html
index fda2a4e29..22ccf759b 100644
--- a/content/static/tutorials/video/index.html
+++ b/content/static/tutorials/video/index.html
@@ -300,7 +300,7 @@ Recorded video
}
-Although Processing is by no means the most sophisticated environment for displaying and manipulating recorded video, there are some more advanced features available in the video library. There are function sfor obtaining the duration (length measured in seconds) of a video, for speeding it up and slowing it down, and for jumping to a specific point in the video (among others). If you find that performance is sluggish and the video playback is choppy, I would suggest trying the P2D or P3D renderers.
+Although Processing is by no means the most sophisticated environment for displaying and manipulating recorded video, there are some more advanced features available in the video library. There are functions for obtaining the duration (length measured in seconds) of a video, for speeding it up and slowing it down, and for jumping to a specific point in the video (among others). If you find that performance is sluggish and the video playback is choppy, I would suggest trying the P2D or P3D renderers.
Following is an example that makes use of jump() (jump to a specific point in the video) and duration() (returns the length of movie in seconds). In this example, if mouseX equals 0, the video jumps to the beginning. If mouseX equals width, it jumps to the end. Any other value is in between. The jump() function allows you to jump immediately to a point of time within the video. duration() returns the total length of the movie in seconds.
diff --git a/contrib_generate/build_listing.py b/contrib_generate/build_listing.py
index ee4dbd052..2c4a43b22 100755
--- a/contrib_generate/build_listing.py
+++ b/contrib_generate/build_listing.py
@@ -228,7 +228,7 @@ def missing_key(exports):
key = missing_key(exports)
if key:
- print 'Error reading', prop_url
+ print 'Error missing key', prop_url
print " No value for '%s'. Maybe it's a 404 page" % key
continue
# if no download is explicitly provided, use the default download url
diff --git a/contrib_generate/skipped.conf b/contrib_generate/skipped.conf
index f4e2bf989..fb4891e7a 100644
--- a/contrib_generate/skipped.conf
+++ b/contrib_generate/skipped.conf
@@ -1,6 +1,5 @@
007
039
-041
050
051
052
diff --git a/contrib_generate/sources.conf b/contrib_generate/sources.conf
index 88e950999..8fc82f839 100644
--- a/contrib_generate/sources.conf
+++ b/contrib_generate/sources.conf
@@ -1,10 +1,10 @@
-# Next ID: 241
+# Next ID: 273
# Increment after assigning ID to new contribution
[Library : 3D]
001 \ https://github.com/remixlab/proscene/releases/download/latest/proscene.txt
006 \ http://www.die-seite.ch/colladaloader/colladaLoader.txt
-009 \ http://www.wblut.com/hemesh/hemesh.txt
+# 009 \ http://www.wblut.com/hemesh/hemesh.txt
017 \ http://mrfeinberg.com/peasycam/peasycam.txt
# 022 \ http://fluidforms.eu/processing/fluid-forms-libs/download/FluidFormsLibs.txt
032 \ http://n.clavaud.free.fr/processing/library/picking/download/Picking.txt
@@ -22,6 +22,9 @@
195 \ http://culebra.technology/culebra.txt
196 \ https://github.com/jrc03c/queasycam/releases/download/latest/queasycam.txt
215 \ http://maxlfarrell.gitlab.io/extruder/extruder.txt
+244 \ http://giftedapprentice.com/ewbIK/ewbIK.txt
+245 \ https://github.com/VisualComputing/nub/releases/download/latest/nub.txt
+252 \ http://www.bdhont.net/lunar.txt
[Library : Animation]
001 \ https://github.com/remixlab/proscene/releases/download/latest/proscene.txt
@@ -33,6 +36,10 @@
095 \ https://dl.dropbox.com/u/87680069/frames.txt
219 \ https://teddavis.org/xyscope/download/XYscope.txt
231 \ http://objectstothinkwith.com/tracer/tracer.txt
+244 \ http://giftedapprentice.com/ewbIK/ewbIK.txt
+245 \ https://github.com/VisualComputing/nub/releases/download/latest/nub.txt
+253 \ https://ztdp.ca/projects/school/Green/Green.txt
+272 \ https://fox-gieg.com/patches/processing/libraries/tiltProcessing/tiltProcessing.txt
[Library : Compilation]
004 \ http://staff.city.ac.uk/~jwo/giCentre/utils/gicentreUtils.txt
@@ -43,7 +50,7 @@
[Library : Data]
008 \ http://www.saint-clair.net/download/gml4u/GML4U.txt
-011 \ http://www.shiffman.net/p5/libraries/sftp/sftp.txt
+011 \ https://github.com/shiffman/SFTP-Processing/releases/download/latest/sftp.txt
012 \ http://www.shiffman.net/p5/libraries/qrcode/qrcodeprocessing.txt
040 \ http://r-s-g.org/carnivore/download/carnivore_p5lib.txt
# 042 \ http://wyldco.com/romefeeder/download/romefeeder.txt
@@ -61,7 +68,7 @@
#404# 128 \ http://dasmithii.com/GNet.txt
133 \ https://raw.githubusercontent.com/nok/redis-processing/master/download/Redis.txt
135 \ https://temboo.com/files/temboo-processing.txt
-137 \ http://shiffman.net/p5/libraries/httprequests_processing/httprequests_processing.txt
+137 \ https://github.com/runemadsen/HTTP-Requests-for-Processing/releases/download/latest/httprequests_processing.txt
144 \ http://unfoldingmaps.org/Unfolding.txt
175 \ https://github.com/alexandrainst/processing_websockets/releases/download/latest/webSockets.txt
183 \ https://github.com/onlylemi/processing-android-capture/releases/download/latest/AndroidCaptureForProcessing.txt
@@ -71,6 +78,11 @@
208 \ https://github.com/gohai/processing-simpletweet/releases/download/latest/processing-simpletweet.txt
229 \ https://github.com/Shinhoo/Wooting-Keyboard-Library/releases/download/lastest/WootingKeyboard.txt
230 \ https://github.com/cansik/artnet4j/releases/download/latest/artnet4j.txt
+241 \ http://agathelenclen.fr/downloads/Squarify.txt
+248 \ https://github.com/runwayml/processing-library/releases/download/latest/RunwayML.txt
+262 \ https://github.com/SamuelAl/SQuelized-for-Processing/releases/latest/download/SQuelized.txt
+267 \ https://github.com/cansik/deep-vision-processing/releases/download/contribution/deepvision.txt
+270 \ https://ronghaoliang.page/Weka4P/download/Weka4P.txt
[Library : Fabrication]
# 078 \ http://s373.net/code/marchingcubes/download/marchingcubes.txt
@@ -86,6 +98,7 @@
214 \ http://www.garciadelcastillo.es/dashedlines/dashedlines.txt
231 \ http://objectstothinkwith.com/tracer/tracer.txt
237 \ http://gicentre.org/handy/handy.txt
+241 \ http://agathelenclen.fr/downloads/Squarify.txt
[Library : GUI]
001 \ https://github.com/remixlab/proscene/releases/download/latest/proscene.txt
@@ -97,13 +110,14 @@
180 \ http://interfascia.berg.industries/download/interfascia.txt
224 \ https://github.com/BillKujawa/meter/releases/download/latest/meter.txt
237 \ http://gicentre.org/handy/handy.txt
+256 \ https://github.com/Milchreis/uibooster-for-processing/releases/latest/download/UiBooster.txt
[Library : Hardware]
015 \ http://www.shiffman.net/p5/libraries/sms/sms.txt
024 \ https://github.com/firmata/processing/releases/download/latest/processing-arduino.txt
028 \ http://projects.formatlos.de/ambientlightsensor/download/AmbientLightSensor.txt
# 064 \ http://www.muvium.com/frappuccino/frappuccino.txt
-066 \ http://ketailibrary.org/ketai.txt
+066 \ http://ketai.org/ketai.txt
071 \ http://motscousus.com/stuff/2011-01_dmxP512/dmxP512.txt
090 \ https://dl.dropbox.com/u/87680069/LeapMotion.txt
# 102 \ http://s176381904.onlinehome.fr/processing/MoveLib/download/MoveLib.txt
@@ -115,21 +129,23 @@
188 \ http://developers.gausstoys.com/processing/GaussSense.txt
189 \ http://ciaron.net/hpglgraphics/download/hpglgraphics.txt
190 \ https://github.com/gohai/processing/releases/download/latest/io.txt
-197 \ https://github.com/sgeigers/Phidgets-For-Processing/releases/download/latest/PhidgetsForProcessing.txt
+# 197 \ https://github.com/sgeigers/Phidgets-For-Processing/releases/download/latest/PhidgetsForProcessing.txt
211 \ https://github.com/diwi/PS3Eye/releases/download/latest/PS3Eye.txt
218 \ https://github.com/cansik/sweep-processing/releases/download/latest/SweepProcessing.txt
219 \ https://teddavis.org/xyscope/download/XYscope.txt
224 \ https://github.com/BillKujawa/meter/releases/download/latest/meter.txt
-225 \ http://hci.soc.napier.ac.uk/GazeTrack/GazeTrack.txt
+225 \ http://web.tecnico.ulisboa.pt/augusto.esteves/GazeTrack/GazeTrack.txt
238 \ https://github.com/cansik/realsense-processing/releases/download/contributed/RealSenseProcessing.txt
239 \ http://skweezee.net/processing/download/SkweezeeForProcessing.txt
+266 \ https://github.com/sgeigers/SimplePhidgets/releases/download/latest/SimplePhidgets.txt
+268 \ http://github.com/jaysonh/Dmx4Artists/releases/latest/download/Dmx4Artists.txt
[Library : I/O]
001 \ https://github.com/remixlab/proscene/releases/download/latest/proscene.txt
016 \ http://www.silentlycrashing.net/ezgestures/files/ezgestures.txt
025 \ http://jorgecardoso.eu/processing/NXTComm/NXTComm.txt
026 \ http://jorgecardoso.eu/processing/MindSetProcessing/download/MindsetProcessing.txt
-039 \ https://github.com/codeanticode/tablet/releases/tag/latestv2/Tablet.txt
+039 \ https://github.com/codeanticode/tablet/releases/download/latestv2/Tablet.txt
060 \ https://dl.dropbox.com/u/87680069/gamepad.txt
067 \ http://www.graffitiresearchlab.de/wp-content/uploads/proJMS.txt
084 \ http://iddi.github.io/oocsi-processing/oocsi.txt
@@ -139,7 +155,7 @@
105 \ http://paulhertz.net/ignocodelib/download/IgnoCodeLib.txt
121 \ https://github.com/codeanticode/tablet/releases/download/latest/Tablet.txt
136 \ http://www.extrapixel.ch/processing/gifAnimation/gifAnimation.txt
-139 \ http://erniejunior.github.io/VSync-for-Processing/download/VSync.txt
+139 \ http://ernestum.github.io/VSync-for-Processing/download/VSync.txt
143 \ http://www.lagers.org.uk/processing/gamecontrol/GameControlPlus.txt
167 \ http://www.lagers.org.uk/processing3/gamecontrol/GameControlPlus.txt
168 \ http://transfluxus.github.io/SimpleHTTPServer/download/SimpleHTTPServer.txt
@@ -157,6 +173,9 @@
229 \ https://github.com/Shinhoo/Wooting-Keyboard-Library/releases/download/lastest/WootingKeyboard.txt
232 \ https://github.com/haschdl/pLaunchController/releases/download/latest/pLaunchController.txt
239 \ http://skweezee.net/processing/download/SkweezeeForProcessing.txt
+247 \ https://github.com/orgicus/image-sequence-player/releases/download/latest/ImageSequencePlayer.txt
+258 \ https://github.com/Transmedia-Gx/grab/releases/latest/download/Grab.txt
+269 \ http://augmenta-tech.com/libs/processing/Augmenta.txt
[Library : Language]
063 \ http://rednoise.org/rita/rita.txt
@@ -171,11 +190,13 @@
131 \ http://www.lagers.org.uk/processing/qscript/QScript.txt
156 \ http://www.lagers.org.uk/processing/jasmine/Jasmine.txt
203 \ https://github.com/OliverColeman/hivis/releases/download/latest/HiVis.txt
+251 \ https://github.com/pallav12/matrixMath-for-processing/releases/download/latest/MatrixMath.txt
[Library : Other]
093 \ http://www.lagers.org.uk/processing/pathfinder/Path_Finder.txt
157 \ http://www.lagers.org.uk/processing/steganos/Steganos.txt
185 \ http://softlab.pt/ptmx/ptmx.txt
+253 \ https://ztdp.ca/projects/school/Green/Green.txt
[Library : Simulation]
018 \ http://www.ricardmarxer.com/fisica/download/fisica.txt
@@ -194,6 +215,8 @@
195 \ http://culebra.technology/culebra.txt
201 \ https://github.com/diwi/PixelFlow/releases/download/latest/PixelFlow.txt
216 \ https://github.com/diwi/LiquidFunProcessing/releases/download/latest/LiquidFunProcessing.txt
+244 \ http://giftedapprentice.com/ewbIK/ewbIK.txt
+261 \ https://github.com/dennisppaul/teilchen/releases/latest/download/teilchen.txt
[Library : Sound]
153 \ https://github.com/processing/processing-sound/releases/download/latest/sound.txt
@@ -206,6 +229,10 @@
151 \ https://corajr.github.io/loom/download/loom.txt
170 \ https://github.com/shlomihod/cassette/releases/download/latest/cassette.txt
219 \ https://teddavis.org/xyscope/download/XYscope.txt
+254 \ http://www.kramann.info/ComposingForEveryone.txt
+260 \ https://github.com/sphaero/procmod/releases/latest/download/procmod.txt
+264 \ https://github.com/dennisppaul/wellen/releases/latest/download/wellen.txt
+271 \ https://www.robertesler.com/software/Pd4P3.txt
[Library : Utilities]
001 \ https://github.com/remixlab/proscene/releases/download/latest/proscene.txt
@@ -242,17 +269,23 @@
229 \ https://github.com/Shinhoo/Wooting-Keyboard-Library/releases/download/lastest/WootingKeyboard.txt
235 \ https://www.barkmin.eu/processing-library-scratch/download/scratch.txt
240 \ https://commonpike.github.io/nl.kw.processing.portmods/dist/PortMods.txt
+245 \ https://github.com/VisualComputing/nub/releases/download/latest/nub.txt
+246 \ https://github.com/federico-pepe/nice-color-palettes/releases/download/latest/NiceColorPalettes.txt
+248 \ https://github.com/runwayml/processing-library/releases/download/latest/RunwayML.txt
+255 \ https://bdhont.net/LiveBrush.txt
+257 \ https://rect.dev/processing/infinidecimal/GRInfinidecimalCanvas.txt
+258 \ https://github.com/Transmedia-Gx/grab/releases/latest/download/Grab.txt
[Library : Typography]
038 \ http://www.ricardmarxer.com/geomerative/geomerative.txt
088 \ https://raw.github.com/andreaskoller/Fontastic/master/download/Fontastic.txt
-116 \ https://github.com/prisonerjohn/NextText/releases/download/latest/NextText.txt
+# 116 \ https://github.com/prisonerjohn/NextText/releases/download/latest/NextText.txt
[Library : Video & Vision]
150 \ https://github.com/processing/processing-video/releases/download/latest/video.txt
013 \ http://shiffman.net/p5/libraries/openkinect_processing/openkinect_processing.txt
023 \ http://www.v3ga.net/processing/BlobDetection/blobDetection.txt
-041 \ https://github.com/Syphon/Processing/releases/download/latestv2/Syphon.txt
+041 \ https://github.com/Syphon/Processing/releases/latest/download/Syphon.txt
# 059 \ http://thomasdiewald.at/processing/libraries/dLibs_freenect/download/dLibs_freenect.txt
# 077 \ http://s373.net/code/flob/download/flob.txt
# 081 \ http://ubaa.net/shared/processing/opencv/download/opencv.txt
@@ -260,7 +293,7 @@
132 \ https://github.com/atduskgreg/opencv-processing/releases/download/latest/opencv_processing.txt
134 \ http://decoder.x10host.com/blobscanner/blobscanner.txt
146 \ http://boofcv.org/processing/boofcv_processing.txt
-148 \ https://github.com/Syphon/Processing/releases/download/latest/Syphon.txt
+# 148 \ https://github.com/Syphon/Processing/releases/download/latest/Syphon.txt
149 \ http://www.magicandlove.com/software/Kinect4WinSDK.txt
161 \ http://codigogenerativo.com/KinectPV2.txt
176 \ http://www.stefanobaldan.com/projects/ipcapture/download/IPCapture.txt
@@ -279,10 +312,13 @@
165 \ https://processing.org/handbook/handbook_2e.txt
166 \ https://processing.org/books/gswp_2e.txt
205 \ http://mad4j.github.io/book-mdpc/book-mdpc.txt
+265 \ https://codingart-book.github.io/examples/CodingArtBookExamples.txt
[Examples : ]
194 \ http://damellis.github.io/wovns-processing-examples/WOVNS.txt
226 \ https://github.com/Apress/processing-for-android/releases/download/latest/processing-for-android-examples.txt
+243 \ https://coding-creative.dringtech.com/examples/coding-creative-examples.txt
+249 \ https://github.com/jeremydouglass/rosetta_examples_p5/releases/latest/download/rosetta_examples_p5.txt
[Tool : ]
020 \ https://dl.dropboxusercontent.com/u/69944346/ColorSelectorPlus/ColorSelectorPlusTool.txt
@@ -304,6 +340,8 @@
228 \ https://perceptualcolor.org/distribution/PerceptualColorPicker/download/PerceptualColorPicker.txt
233 \ https://github.com/jaewhyun/GettingStarted/releases/download/latest/GettingStarted.txt
234 \ https://github.com/jaewhyun/ReferenceTool/releases/download/latest/ReferenceTool.txt
+242 \ https://jwilder4690.github.io/tools/ArtStation/ArtStation.txt
+263 \ http://jonathan.dahlberg.media/processing2js/Processing2JSTool.txt
[Mode : ]
070 \ http://bezier.de/processing/modes/CoffeeScriptMode.txt
@@ -315,4 +353,5 @@
162 \ https://github.com/joelmoniz/REPLmode/releases/download/latest/REPLMode.txt
169 \ https://py.processing.org/3/PythonMode.txt
199 \ https://github.com/fathominfo/processing-p5js-mode/releases/download/latest/p5jsMode.txt
-220 \ http://gaocegege.com/Processing.R/RLangMode.txt
+220 \ https://github.com/processing-r/Processing.R/releases/latest/download/RLangMode.txt
+250 \ https://github.com/Izza11/shader-mode/releases/download/latest/ShaderMode.txt
diff --git a/css/style.css b/css/style.css
index f7b639c5a..65fd77ba4 100755
--- a/css/style.css
+++ b/css/style.css
@@ -7,12 +7,10 @@ Reworked by CR, 23 Sep 2011
Reworked by Jon Gacnik, 19 Feb 2013
Created: 2005.08.29 04:28PM
-Last Modified: 2014.11.15 by Scott Murray
+Last Modified: 2019.07.26 by Casey Reas to remove Foundation Site CSS "-f"
*/
-
-
@font-face {
font-family: 'theSerifItalic';
src: url(fonts/TheSerif_B4_Italic.eot),
@@ -54,7 +52,6 @@ Last Modified: 2014.11.15 by Scott Murray
}
-
/* ================ GLOBAL ================== */
body {
@@ -70,7 +67,7 @@ body {
-webkit-text-size-adjust: none;
font-size : 100%;
- font-size : 0.79em;
+ font-size : 0.85em; /* 0.79em; */
font-weight : normal;
line-height : 1.5em;
color : #252525;
@@ -79,6 +76,7 @@ body {
img { border: 0px solid #000000; }
a {
+ cursor: pointer;
text-decoration: none;
font-weight: normal;
color: #2c7bb5;
@@ -102,6 +100,7 @@ a.large-link:before {
content: '';
}
+
/* ================ COVER SLIDESHOW ================== */
#slideshow {
@@ -127,7 +126,6 @@ a.large-link:before {
}
-
/* ================ LAYOUT ================== */
#container {
@@ -137,7 +135,6 @@ a.large-link:before {
}
-
/* ================ RIBBON ================== */
#ribbon {
@@ -179,6 +176,8 @@ a.large-link:before {
border-right: 1px solid #1a1a1a;
}
+
+
#ribbon ul.right li {
float: right;
border-left: 1px solid #1a1a1a;
@@ -209,12 +208,48 @@ a.large-link:before {
font-weight: bold;
}
+#ribbon-announce {
+ text-align: center;
+ width: 900px;
+ height: auto;
+ background-color: #d1f94e;
+ background: linear-gradient(to bottom, #1d517e, #d1f94e);
+ margin-bottom: 30px; /* added when placed below the header */
+}
+
+#ribbon-announce ul {
+ display: inline-block;
+ margin: 0;
+ padding: 0;
+}
+
+#ribbon-announce ul.center {
+ float: center;
+}
+
+#ribbon-announce ul li {
+ display: inline-block;
+ margin: 0;
+ padding: 6px 10px 5px 10px;
+ list-style: none;
+}
+
+#ribbon-announce ul.center li {
+ float: center;
+}
+
+#ribbon-announce ul li a {
+ color: white;
+ font-weight: bold;
+}
+
/* ================ HEADER ================== */
+
#header {
width: 900px;
height: 106px;
- margin-bottom: 30px;
+ margin-bottom: 30px; /* was 30px, but changed to 0 when ribbon placed below header */
overflow: hidden;
background: #0c2033 url(../img/processing-web.png) center center no-repeat;
background-position: bottom;
@@ -222,16 +257,6 @@ a.large-link:before {
position: relative;
}
-#header-f {
- width: 900px;
- height: 106px;
- margin-bottom: 30px;
- overflow: hidden;
- background: #0c2033 url(/images/processing-site.png) center center no-repeat;
- background-size: 900px 106px;
- position: relative;
-}
-
#header .processing-logo {
width: 206px;
height: 38px;
@@ -243,17 +268,6 @@ a.large-link:before {
background-image: linear-gradient(transparent, transparent), url(../img/processing-logo.svg);
}
-#header-f .processing-logo {
- width: 370px;
- height: 38px;
- margin: 20px 0 0 30px;
- /* -- NEW FOUNDATION LOGO GOES HERE -- */
- background: transparent url(/images/processing-foundation-logo.svg) center center no-repeat;
- background-image: -webkit-linear-gradient(transparent, transparent), url(/images/processing-foundation-logo.svg);
- background-image: -moz-linear-gradient(transparent, transparent), url(/images/processing-foundation-logo.svg);
- background-image: linear-gradient(transparent, transparent), url(/images/processing-foundation-logo.svg);
-}
-
#header .processing-logo.no-cover:before {
position: relative;
top: 3px;
@@ -262,14 +276,6 @@ a.large-link:before {
content: '\2039';
}
-#header-f .processing-logo.no-cover:before {
- position: relative;
- top: 3px;
- left: -18px;
- font-size: 24px;
- content: '\2039';
-}
-
#Overview2 .processing-logo.no-cover:before {
position: relative;
top: 3px;
@@ -284,23 +290,11 @@ a.large-link:before {
color: white;
}
-#header-f a {
- font-family: 'theSerif', 'Enriqueta', georgia, times, sans-serif;
- text-decoration: none;
- border: none;
- color: white;
-}
-
#header h1 {
display: none;
float: left;
}
-#header-f h1 {
- display: none;
- float: left;
-}
-
#header form {
position: absolute;
top: 20px;
@@ -309,14 +303,6 @@ a.large-link:before {
color: #959595;
}
-#header-f form {
- position: absolute;
- top: 20px;
- right: 5px;
- width: 176px;
- color: #959595;
-}
-
#header form input {
float: left;
border: 1px solid #136796;
@@ -328,29 +314,12 @@ a.large-link:before {
color: #959595;
}
-#header-f form input {
- float: left;
- border: 1px solid #136796;
- outline: none;
- height: 18px;
- background: #fff;
- font-family: 'theSerif', 'Enriqueta', georgia, times, serif;
- font-size: 1em;
- color: #959595;
-}
-
#header form input[type="text"]{
padding-left: 3px;
width: 127px;
border-right: none;
}
-#header-f form input[type="text"]{
- padding-left: 3px;
- width: 127px;
- border-right: none;
-}
-
#header form input[type="submit"]{
height: 22px;
width: 22px;
@@ -362,21 +331,8 @@ a.large-link:before {
cursor: pointer;
}
-#header-f form input[type="submit"]{
- height: 22px;
- width: 22px;
- border-left: none;
- background: white url(/images/search-f.svg) center center no-repeat;
- background-image: -webkit-linear-gradient(transparent, transparent), url(/images/search-f.svg);
- background-image: -moz-linear-gradient(transparent, transparent), url(/images/search-f.svg);
- background-image: linear-gradient(transparent, transparent), url(/images/search-f.svg);
- cursor: pointer;
-}
-
#header form p { margin: 0; }
-#header-f form p { margin: 0; }
-
/* ================ NAVBAR ================== */
#navigation {
@@ -407,6 +363,7 @@ a.large-link:before {
position: relative;
}
+
/* ================ FOOTER ================== */
#footer {
@@ -428,26 +385,6 @@ a.large-link:before {
padding-top: 10px;
}
-/* === FOUNDATION FOOTER === */
-
-#footer-f {
- clear: both;
- padding: 100px 30px 20px 30px;
- line-height: 23px;
- color: #959595;
-}
-#footer-f a {
- color: #959595;
- border-bottom: 1px solid #CECECE;
-}
-#footer-f #copyright,
-#footer-f #colophon {
-
-}
-#footer-f #copyright {
- border-top: 1px solid #A6BCCF;
- padding-top: 10px;
-}
/* ================ TYPOGRAPHY ================== */
@@ -524,13 +461,12 @@ li {margin-bottom: 1em; }
.large-header .black { color: #000; }
.error { color: #f00; margin: 0; }
-/* ================ UI Elements ================== */
-
-
/* ================== RANDOM CLASSES =============== */
+
.clear { clear: both; }
+
/* ================== PAGE SPECIFIC CSS =============== */
/**************************************************************** Cover ***/
@@ -678,15 +614,8 @@ dl.network dt { font-style: normal; }
dl.network dd { margin: 0; }
dl.network dd.date { color: #999999; margin-bottom: 1em; }
-//p.network { margin: 0 23px 1em 0; width:200px; }
-//p.network span.date { color: #999999; }
-
p.exhibition-nav { margin-top: 20px; margin-bottom: 10px; }
-/**************************************************************** Foundation ***/
-
-.foundation-p { line-height: 0em; }
-
/**************************************************************** Reference ***/
@@ -694,8 +623,6 @@ p.exhibition-nav { margin-top: 20px; margin-bottom: 10px; }
#Language h5 a { float: left; margin-left: -30px; }
-
-
.skinny {
margin-left : 0px;
margin-right : 50px;
@@ -711,7 +638,7 @@ p.exhibition-nav { margin-top: 20px; margin-bottom: 10px; }
margin-bottom: 20px;
}
-.ref-notice { margin: 0 0 2.5em 0; color: #FF3399; clear: both; margin-right: 40px;}
+.ref-notice { margin: 0 0 2.5em 0; color: #666666; clear: both; margin-right: 40px;}
.ref-item { margin-bottom: 60px; }
.ref-item th { width: 100px; font-weight: bold; text-align: left; vertical-align: top; }
@@ -879,8 +806,6 @@ div.ref-col {
/**************************************************************** download ***/
-/* download */
-
#Download .download ul { list-style: none; margin: 0; padding: 0; }
#Download span.version-date { color: #959595; }
#Download h5 {
@@ -1059,16 +984,13 @@ div.ref-col {
/************************************************************** contribute ***/
-/*#Contribute h1 { margin-bottom: 0; }*/
#Contribute .message { margin-top: 0; margin-right: 40px; }
#Contribute .threecol { float: left; width: 210px; margin-right: 20px; }
#Contribute .threecol p { margin-bottom: 2em; }
-
/************************************************************** learning ***/
-/*#Learning h1 { margin-bottom: 0; margin-top: 0;}*/
#Learning .message { margin-top: 0; margin-right: 40px; }
#Learning .threecol { float: left; width: 200px; margin-right: 30px; margin-top: 0px;}
#Learning .threecol p { margin-bottom: 2em; }
@@ -1080,13 +1002,10 @@ div.ref-col {
.doc-float { margin-right: 40px;}
-
-
h2 { margin-bottom: 0; margin-top: 0;}
.example-notice { margin: -1.0em 0 2.5em 0; color: #FF3399; clear: both; margin-right: 40px;}
-
#Copyright p { margin-right: 20px; }
@@ -1097,37 +1016,6 @@ h2 { margin-bottom: 0; margin-top: 0;}
#Tutorials .colthree { width: 224px; float: left; margin-right: 20px; }
#Tutorials h2 { margin: 0 0 20px 0; font-size: 1em; }
-/*#Tutorials p {
- margin-top: 2.0em;
- margin-bottom: 2.0em;
- font-size : 1.0em;
- font-weight : normal;
- line-height : 2.0em;
- }*/
-
-/*#Tutorials h3 {
- font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
- font-size : 1.3em;
- font-weight : bold;
- margin-bottom : 0.4em;
- margin-top : 1.8em;
-}
-
-#Tutorials h5 {
- font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
- font-weight : bold;
- font-size : 1.0em;
- margin-bottom : 0.4em;
- margin-top : 1.4em;
-}*/
-
-/*#Tutorials h1 {
- font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
- font-size : 2.0em;
- font-weight : normal;
- font-style : normal;
-}*/
-
/*--------------------TUTORIAL HEADER SPACING------------------*/
.Tutorials { line-height: 0em; }
@@ -1176,6 +1064,7 @@ h2 { margin-bottom: 0; margin-top: 0;}
background-color: #eee;
}
+/*
#Tutorials p.txt {
margin-top: 0em;
margin-bottom: 2em;
@@ -1183,10 +1072,10 @@ h2 { margin-bottom: 0; margin-top: 0;}
font-weight: normal;
line-height: 200%;
}
+*/
/************************************************************** Books ***/
-/*#Books h1 { margin-bottom: 0; margin-top: 0;}*/
#Books td { vertical-align: top; font-size: 1.0em}
@@ -1210,9 +1099,6 @@ h2 { margin-bottom: 0; margin-top: 0;}
margin-top: 30px;
}
-
-
-
#Tools-index h5 { margin-bottom: 0; font-size: 1em; }
#Tools-index .twocol p { margin-top: 0; }
.lib-nav { display: block;
@@ -1231,7 +1117,6 @@ h2 { margin-bottom: 0; margin-top: 0;}
#Tools h4 { font-size: 1em; margin-bottom: .5em; }
#Tools h4 a {float:left; margin-left:-30px; martin-top:-5px; }
-
#Tools .threecol {
float: left;
width: 210px;
@@ -1241,10 +1126,8 @@ h2 { margin-bottom: 0; margin-top: 0;}
.threecol:nth-child(5) { margin: 0 !important; }
-
/************************************************************** Library Indices ***/
-
#Libraries .colone {
width: 300px;
float: left;
@@ -1266,10 +1149,8 @@ h2 { margin-bottom: 0; margin-top: 0;}
#Libraries .twocol-alt {
width: 330px;
float: left;
- //background: #cccccc;
}
-
#Libraries .twocol p { margin-top: 0; }
#Libraries .full {
@@ -1294,8 +1175,6 @@ h2 { margin-bottom: 0; margin-top: 0;}
margin-bottom: 2px;
}
-
-
#Libraries .lib-nav { display: block;
margin-bottom: 10px;
margin-left: -30px;
@@ -1306,7 +1185,6 @@ h2 { margin-bottom: 0; margin-top: 0;}
#Libraries pre { margin-left: 30px; margin-bottom: 30px; }
#Libraries h2 { margin-top: 2em; }
-/*#Libraries h3 { clear: both; margin-bottom: 0; }*/
#Libraries h3 { margin-top: 0; margin-bottom: 0;}
@@ -1329,13 +1207,13 @@ h2 { margin-bottom: 0; margin-top: 0;}
/************************************************************** environment ***/
-/*#Environment h1 { margin-top: 2em; }*/
-#Environment h5 { margin-top: 3em; }
+
+#Environment h5 { margin-top: 2em; margin-bottom: 1em; }
#Environment h6 { margin-bottom: 0em; }
#Environment h5 a { float: left; margin-left: -30px; }
ul.nostyle { margin: 0; padding: 0; list-style: none outside; }
#Environment td { padding-bottom: 1em; }
-#Environment .content p,
+/*#Environment .content p,*/
#Environment .content ul,
#Environment .content table {
width: 560px;
@@ -1343,31 +1221,22 @@ ul.nostyle { margin: 0; padding: 0; list-style: none outside; }
/************************************************************** overview ***/
+
#Overview .content p,
#Overview .content ul,
-#Overview .content table {
- width: 560px;
-}
+#Overview .content table { width: 560px; }
#Foundation .content p,
#Foundation .content ul,
-#Foundation .content table {
- width: 560px;
-}
-
+#Foundation .content table { width: 560px; }
#People .content p,
#People .content ul,
-#People .content table {
- width: 560px;
-}
+#People .content table { width: 560px; }
#people-f .content p,
#people-f .content ul,
-#people-f .content table {
- width: 680px;
-}
-
+#people-f .content table { width: 680px; }
/************************************************************** examples ***/
@@ -1377,16 +1246,12 @@ p.doc-float { margin-left: 250px; }
p.doc { margin-right: 40px; margin-top: 30px;}
pre.code { clear: both; margin-top: 10px; }
-/* #examples-nav { margin-left: -44px; display: relative; } */
//#examples-nav { margin-left: 0px; display: relative; }
.examples-nav-div { margin-left: -44px; margin-top: -10px; width: 480px; display: relative; align: left; }
#examples-nav img { display: absolute; top: 15px; left: 100px; }
-/*#Examples h1 { margin-bottom: 0; }*/
-
-
div.updateRequired {
color:#999;
}
@@ -1402,7 +1267,9 @@ ul.examples {
-webkit-column-count:3; /* Safari and Chrome */
column-count:3;
}
+
ul.examples li { margin: 0; padding: 0; }
+
ul.examples ul {
list-style: none;
padding: 0;
@@ -1410,14 +1277,17 @@ ul.examples ul {
margin-bottom: 17px;
width: 100%;
}
+
ul.examples ul li {
margin: 0;
}
+
div.examples-nav {
margin-left: -41px;
margin-bottom: 17px;
position: relative;
}
+
div.examples-nav img { position: relative; top: 11px; }
.donate-card-row {
@@ -1430,6 +1300,7 @@ div.examples-nav img { position: relative; top: 11px; }
margin-left: -10px;
margin-right: -10px;
}
+
.donate-card {
text-align: center;
width: 30%;
@@ -1447,28 +1318,35 @@ div.examples-nav img { position: relative; top: 11px; }
-ms-flex-pack: center;
justify-content: center;
}
+
.donate-card h4 {
line-height: 1.3;
- margin: 0 0 0.5em 0;
+ margin: 0 0 0 0;
color: #2c7bb5;
}
+
a.donate-card {
color: #252525;
}
+
a.donate-card:hover {
border-color: #2c7bb5;
}
+
.donate-list {
list-style: none;
margin-left: 0;
padding-left: 0;
}
+
.donate-list li {
margin-bottom: 0;
}
+
.donate-list li:before {
content: '» '
}
+
.donate-content hr {
margin-top: 2em;
margin-bottom: 2em;
@@ -1476,48 +1354,3 @@ div.examples-nav img { position: relative; top: 11px; }
border: none;
border-top: 1px solid #CBCBCB;
}
-
-/**************************************************************** updates, courses, happenings ***/
-/*
-#Courses .content, #Updates .content, #Happenings .content {
- width: 595px;
- }
-#Updates h2 { margin-top: 0 0 20px 0; }
-
-
-.course-desc p { margin: 0; }
-.course-desc p.date { margin: 0; }
-.course-desc h3 { margin: 0; font-size: 1em; font-weight: bold; line-height: 1em; }
-.course-desc { margin-bottom: 2em; }
-*/
-
-/************************************************************** comparison ***/
-/*
-
-#Compare h1 { margin-top: 2em; }
-#Compare h2 { margin-bottom: 0; }
-#Compare .threecol { float: left; width: 210px; margin-right: 20px; }
-#Compare .threecol p { margin-top: 0; }
-
-
-#Compare .content {
- margin-left : 55px;
- margin-right : 0px;
- position: relative;
-}
-*/
-
-/************************************************************** troubleshooting ***/
-/*
-#Troubleshooting h1 { margin-top: 2em; }
-#Troubleshooting h5 a { float: left; margin-left: -30px; }
-ul.nostyle { margin: 0; padding: 0; list-style: none outside; }
-#Troubleshooting td { padding-bottom: 1em; }
-*/
-
-/************************************************************** FAQ ***/
-
-/*
-#FAQ h5 a { float: left; margin-left: -30px; }
-*/
-
diff --git a/download/latest.txt b/download/latest.txt
index f76767ff8..98de25a15 100644
--- a/download/latest.txt
+++ b/download/latest.txt
@@ -1,2 +1,2 @@
-0269
+1276
diff --git a/exhibition/works/discom/Thumbs.db b/exhibition/works/discom/Thumbs.db
deleted file mode 100644
index 93ae137df..000000000
Binary files a/exhibition/works/discom/Thumbs.db and /dev/null differ
diff --git a/exhibition/works/superhero/img/Thumbs.db b/exhibition/works/superhero/img/Thumbs.db
deleted file mode 100755
index 9f2257887..000000000
Binary files a/exhibition/works/superhero/img/Thumbs.db and /dev/null differ
diff --git a/generate/README.md b/generate/README.md
new file mode 100644
index 000000000..e38655a77
--- /dev/null
+++ b/generate/README.md
@@ -0,0 +1,9 @@
+These are the scripts that generate most of the the processing.org website and Reference that's included with the Processing software. The language Reference scripts are in the ../java_generate/ directory and that's a whole other thing...
+
+The generator scripts are written in PHP using an old version of DOMIT: https://sourceforge.net/projects/domit-xmlparser/
+
+The files that are appended with "local" generate alternate versions of those pages for the Reference that comes included with the Processing software.
+
+This directory also contains the files to generate the "keywords.txt" file that controls the syntax highlighting for the Processing Development Environment (PDE). The Perl script "keywords_create.cgi" generates this file by combining "keywords_base.txt" with the Reference XML files.
+
+The data used to generate the site pages are in the ../content/ directory.
diff --git a/generate/index.php b/generate/index.php
index 62a281526..d907d26aa 100755
--- a/generate/index.php
+++ b/generate/index.php
@@ -23,6 +23,7 @@
+
Presets
@@ -32,13 +33,13 @@
Filip
Dan
Elie
- Scott
- Philip
+
+
- Everything
- Site
+ Everything
+ Site
Nothing
@@ -99,10 +100,12 @@
+
Contributions
diff --git a/generate/keywords_base.txt b/generate/keywords_base.txt
index a88aa2737..7757bb46f 100755
--- a/generate/keywords_base.txt
+++ b/generate/keywords_base.txt
@@ -252,6 +252,7 @@ double KEYWORD5 double
float KEYWORD5 float
int KEYWORD5 int
long KEYWORD5 long
+var KEYWORD5
# Flow structures
diff --git a/generate/staticpages.php b/generate/staticpages.php
index db3b0422b..1a60b6291 100755
--- a/generate/staticpages.php
+++ b/generate/staticpages.php
@@ -28,9 +28,9 @@
writeFile('overview/index.html', $page->out());
#copydirr($source.'/images', $path.'/images');
-$page = new Page("Foundation", "Foundation");
-$page->content(file_get_contents($source."foundation.html"));
-writeFile('foundation/index.html', $page->out());
+#$page = new Page("Foundation", "Foundation");
+#$page->content(file_get_contents($source."foundation.html"));
+#writeFile('foundation/index.html', $page->out());
$page = new Page("People", "People");
$page->content(file_get_contents($source."people.html"));
@@ -65,21 +65,21 @@
writeFile('copyright.html', $page->out());
// Copy over the images for the shop index
-if (!is_dir($path.'shop')) {
- mkdir($path.'shop', 0757);
-}
+#if (!is_dir($path.'shop')) {
+# mkdir($path.'shop', 0757);
+#}
-if (!is_dir($path.'shop/imgs')) {
- mkdir($path.'shop/imgs', 0757);
-}
+#if (!is_dir($path.'shop/imgs')) {
+# mkdir($path.'shop/imgs', 0757);
+#}
-if (is_dir($path.'shop/imgs')) {
- copydirr($source.'shop/imgs', $path.'shop/imgs', null, 0757, false);
-}
+#if (is_dir($path.'shop/imgs')) {
+# copydirr($source.'shop/imgs', $path.'shop/imgs', null, 0757, false);
+#}
-$page = new Page("Shop", "Shop");
-$page->content(file_get_contents($source.'shop/'."index.html"));
-writeFile('shop/index.html', $page->out());
+#$page = new Page("Shop", "Shop");
+#$page->content(file_get_contents($source.'shop/'."index.html"));
+#writeFile('shop/index.html', $page->out());
$benchmark_end = microtime_float();
$execution_time = round($benchmark_end - $benchmark_start, 4);
diff --git a/img/cc.png b/img/cc.png
new file mode 100644
index 000000000..4acf8c4ec
Binary files /dev/null and b/img/cc.png differ
diff --git a/img/learning/books/coding-art.jpg b/img/learning/books/coding-art.jpg
new file mode 100644
index 000000000..79fa91e5a
Binary files /dev/null and b/img/learning/books/coding-art.jpg differ
diff --git a/img/learning/books/o-codigo.jpg b/img/learning/books/o-codigo.jpg
new file mode 100644
index 000000000..e70fad0e9
Binary files /dev/null and b/img/learning/books/o-codigo.jpg differ
diff --git a/img/learning/books/pro-processing.jpg b/img/learning/books/pro-processing.jpg
new file mode 100644
index 000000000..25e7f6863
Binary files /dev/null and b/img/learning/books/pro-processing.jpg differ
diff --git a/img/learning/books/programming-101.jpg b/img/learning/books/programming-101.jpg
new file mode 100644
index 000000000..3749c36a2
Binary files /dev/null and b/img/learning/books/programming-101.jpg differ
diff --git a/java_generate/templates/class.template.html b/java_generate/templates/class.template.html
index 3d715adf9..96634b4c1 100644
--- a/java_generate/templates/class.template.html
+++ b/java_generate/templates/class.template.html
@@ -23,7 +23,7 @@
-
+
- Processing
- p5.js
@@ -44,6 +44,13 @@
+
@@ -82,37 +89,8 @@
-
+
This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License.
-
@@ -124,8 +102,7 @@
© Info
-
-
+
diff --git a/java_generate/templates/generic.template.html b/java_generate/templates/generic.template.html
index dbf060144..d8858a537 100644
--- a/java_generate/templates/generic.template.html
+++ b/java_generate/templates/generic.template.html
@@ -23,7 +23,6 @@
-
- Processing
@@ -45,6 +44,12 @@
+
@@ -83,37 +88,8 @@
-
+
This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License.
-
diff --git a/java_generate/templates/index.alphabetical.template.html b/java_generate/templates/index.alphabetical.template.html
index a716f1117..1c52fca5c 100644
--- a/java_generate/templates/index.alphabetical.template.html
+++ b/java_generate/templates/index.alphabetical.template.html
@@ -43,6 +43,12 @@
+
diff --git a/java_generate/templates/index.template.html b/java_generate/templates/index.template.html
index a6bb0e508..12b460548 100644
--- a/java_generate/templates/index.template.html
+++ b/java_generate/templates/index.template.html
@@ -42,6 +42,12 @@
+
diff --git a/java_generate/templates/library.index.template.html b/java_generate/templates/library.index.template.html
index 3a9fef789..98c01d64e 100644
--- a/java_generate/templates/library.index.template.html
+++ b/java_generate/templates/library.index.template.html
@@ -23,7 +23,7 @@
-
+
- Processing
- p5.js
@@ -84,7 +84,7 @@ Events
© Info
-
+
diff --git a/java_generate/templates/nav.web.template.html b/java_generate/templates/nav.web.template.html
index a754b73e7..43f41939c 100644
--- a/java_generate/templates/nav.web.template.html
+++ b/java_generate/templates/nav.web.template.html
@@ -4,7 +4,7 @@
Download
Donate
- Exhibition
+
Reference
Libraries
@@ -13,7 +13,7 @@
Tutorials
Examples
- Books
+ Books
Overview
@@ -28,6 +28,6 @@
»Wiki
»FAQ
»Twitter
- »Facebook
+
»Medium
\ No newline at end of file
diff --git a/templates/template.cover.html b/templates/template.cover.html
index 56d113e50..4e776eb87 100755
--- a/templates/template.cover.html
+++ b/templates/template.cover.html
@@ -7,36 +7,34 @@
Download Processing
Browse Tutorials
Visit the Reference
-
-
-
- Processing is a flexible software sketchbook and a language for learning how to code within the context of the visual arts. Since 2001, Processing has promoted software literacy within the visual arts and visual literacy within technology. There are tens of thousands of students, artists, designers, researchers, and hobbyists who use Processing for learning and prototyping.
-
-
- - » Free to download and open source
- - » Interactive programs with 2D, 3D, PDF, or SVG output
- - » OpenGL integration for accelerated 2D and 3D
- - » For GNU/Linux, Mac OS X, Windows, Android, and ARM
- - » Over 100 libraries extend the core software
- - » Well documented, with many books available
-
-
-
+
+
+ Processing is a flexible software sketchbook and a language for learning how to code within the context of the visual arts. Since 2001, Processing has promoted software literacy within the visual arts and visual literacy within technology. There are tens of thousands of students, artists, designers, researchers, and hobbyists who use Processing for learning and prototyping.
+
+ - » Free to download and open source
+ - » Interactive programs with 2D, 3D, PDF, or SVG output
+ - » OpenGL integration for accelerated 2D and 3D
+ - » For GNU/Linux, Mac OS X, Windows, Android, and ARM
+ - » Over 100 libraries extend the core software
+ - » Well documented, with many books available
+
+
-
Books
- The 2nd edition of Getting Started with Processing is here and it's updated for Processing 3. It's now in full color and there's a new chapter on working with data. The 2nd edition of the Processing Handbook is here too. Every chapter has been revised, and new chapters introduce more ways to work with data and geometry. New “synthesis” chapters offer discussion and worked examples of such topics as sketching with code, modularity, and algorithms.
+ The second edition of Getting Started with Processing is here and it's updated for Processing 3. It's now in full color and there's a new chapter on working with data. The Processing Handbook now has a second edition too. Every chapter has been revised, and new chapters introduce more ways to work with data and geometry. New “synthesis” chapters offer discussions and worked examples of topics such as sketching with code, modularity, and algorithms.
+
+
Donate
- Please join us as a member of the Processing Foundation. We need your help!
+ Please support the Processing Foundation. We need your help!
- To see more of what people are doing with Processing, check out these sites:
+
- » CreativeApplications.Net
- » OpenProcessing
- » For Your Processing
- » Processing Subreddit
- » Vimeo
- » Studio Sketchpad
+
+ PCD 2020
+
+ The Processing Community Day (PCD) initiative is evolving. For 2020, we will offer a mentorship program for PCD Worldwide Organizers who are interested in learning from past community organizers and mentors. The goal is to help a diverse group of organizers launch a PCD in their local communities. Check out the PCD @ Worldwide site to learn more about starting or attending an event in 2020!
+
+
+
+
+
+
+ To see more of what people are doing with Processing, check out these sites:
+ » CreativeApplications.Net
+ » OpenProcessing
+ » For Your Processing
+ » Processing Subreddit
+ » Vimeo
+ » Studio Sketchpad
-
- To contribute to the development, please visit
+
+ To contribute to Processing development, please visit
Processing on GitHub to read
instructions for downloading the code,
building from the source,
reporting and tracking bugs, and
creating libraries and tools.
-
-
Partners
- » Fathom
+ Partners
+ » Fathom
» NYU ITP
» UCLA Design Media Arts
diff --git a/templates/template.html b/templates/template.html
index 5752bfd9e..b3836287a 100755
--- a/templates/template.html
+++ b/templates/template.html
@@ -43,6 +43,13 @@
+
+
diff --git a/templates/template.nav.php b/templates/template.nav.php
index 4f5574369..01dd329bd 100755
--- a/templates/template.nav.php
+++ b/templates/template.nav.php
@@ -8,11 +8,9 @@
'Learning' => array('/learning/', 1),
'Tutorials' => array('/tutorials/', 2),
- 'Examples' => array('/examples/', 2),
- # '3D' => array('/learning/3d/', 2),
- # 'Library' => array('/learning/library/', 2),
- 'Books' => array('/books/', 2),
- 'Handbook' => array('/handbook/', 2),
+ 'Examples' => array('/examples/', 2),
+ 'Books' => array('/books/', 2),
+ 'Handbook' => array('/handbook/', 2),
'Reference' => array('/reference/', 1),
@@ -23,7 +21,7 @@
'Environment' => array('/reference/environment/', 2),
'Download' => array('/download/', 1),
- 'Donate' => array('/download/support.html', 1),
+ 'Donate' => array('/download/support.html', 1),
'Shop' => array('/shop/', 1),
@@ -60,7 +58,7 @@ function navigation($section = '')
$html .= "\t\t\t\t\t" . l('Download', $section == 'Download') . "
\n";
$html .= "\t\t\t\t\t" . l('Donate', $section == 'Donate') . "
\n";
- $html .= "\t\t\t\t\t" . l('Exhibition', $section == 'Exhibition') . "
\n";
+ #$html .= "\t\t\t\t\t" . l('Exhibition', $section == 'Exhibition') . "
\n";
$html .= "\t\t\t\t\t" . l('Reference', $section == 'Reference') . "
\n";
$html .= "\t\t\t\t\t" . l('Libraries', $section == 'Libraries') . "
\n";
@@ -84,7 +82,7 @@ function navigation($section = '')
$html .= "\t\t\t\t\t" . "»Wiki
\n";
$html .= "\t\t\t\t\t" . "»FAQ
\n";
$html .= "\t\t\t\t\t" . "»Twitter
\n";
- $html .= "\t\t\t\t\t" . "»Facebook
\n";
+ #$html .= "\t\t\t\t\t" . "»Facebook
\n";
$html .= "\t\t\t\t\t" . "»Medium
\n";
$html .= "\t\t\t\t\n";
Stable Releases
+Stable Releases
Linux ARMv6hf Mac OS XThe revisions cover incremental changes between releases, and are especially important to read for pre-releases.
+The changes document covers incremental updates between 4.x releases, and is especially important to read for pre-releases.
720 Pages. Hardcover.
- » Order from MIT Press
+ » Order from MIT Press
» Order from Amazon
» Download Examples
» Errata
- If you are an educator, you can request a desk/exam copy from the MIT Press website. + If you are an educator, you can request a desk/exam copy from the MIT Press website.
@@ -28,7 +28,7 @@
Processing: A Programming Handbook
- Interviews with SUE.C, Larry Cuba, Mark Hansen, Lynn Hershman Leeson, Jürg Lehni, LettError, Golan Levin and Zachary Lieberman, Benjamin Maus, Manfred Mohr, Ash Nehru, Josh On, Bob Sabiston, Jennifer Steinkamp, Jared Tarbell, Steph Thirion, and Robert Winter.
+ Interviews with SUE.C, Larry Cuba, Mark Hansen, Lynn Hershman Leeson, Jürg Lehni, LettError, Golan Levin and Zachary Lieberman, Benjamin Maus, Manfred Mohr, Ash Nehru, Josh On, Bob Sabiston, Jennifer Steinkamp, Jared Tarbell, Steph Thirion, and Robert Winter.
diff --git a/content/static/overview.html b/content/static/overview.html
index aa6831a91..d5d3d30ff 100644
--- a/content/static/overview.html
+++ b/content/static/overview.html
@@ -7,16 +7,12 @@ Overview. A short introducti
For the past sixteen years, Processing has promoted software literacy, particularly within the visual arts, and visual literacy within technology. Initially created to serve as a software sketchbook and to teach programming fundamentals within a visual context, Processing has also evolved into a development tool for professionals. The Processing software is free and open source, and runs on the Mac, Windows, and GNU/Linux platforms.
+
Processing continues to be an alternative to proprietary software tools with restrictive and expensive licenses, making it accessible to schools and individual students. Its open source status encourages the community participation and collaboration that is vital to Processing’s growth. Contributors share programs, contribute code, and build libraries, tools, and modes to extend the possibilities of the software. The Processing community has written more than a hundred libraries to facilitate computer vision, data visualization, music composition, networking, 3D file exporting, and programming electronics.
-
-
Education
diff --git a/content/static/people.html b/content/static/people.html
index fb88b37c2..d406b648c 100755
--- a/content/static/people.html
+++ b/content/static/people.html
@@ -6,25 +6,21 @@
People. Processing is a comm
- Lead Developers
+ Project Leads
Ben Fry and Casey Reas
started Processing in Spring 2001 and continue to obsessively work on it. In 2012, they started the Processing Foundation along with Dan Shiffman, who formally joined as a third project lead.
- Senior Developers
- Andres Colubri (Boston), OpenGL / Video
- Gottfried Haider (Los Angeles), Processing for Pi
- Florian Jenett (Frankfurt), Forum
- Elie Zananiri (Montreal), Contributed Libraries / Tools
- Scott Murray (San Francisco), Website / Reference / UI
+ Developers
+ Andres Colubri (Boston), OpenGL / Video
+ Elie Zananiri (New York), Contributed Libraries / Tools
+ Samuel Pottinger (San Francisco), Processing Core
-
+
-
- One way to donate is to become a Processing Foundation Member. Please become a member today to help us continue to provide access to quality, free, open-source software.
+
+ We need your help! Please support Processing by making a donation to the Processing Foundation. Your donation contributes to software development, education resources like code examples and tutorials, Fellowships, and community events.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
- The Processing Foundation was founded in 2012 after more than a decade of work with the original Processing software. The Foundation’s mission is to promote software literacy within the visual arts, and visual literacy within technology-related fields — and to make these fields accessible to diverse communities. Our goal is to empower people of all interests and backgrounds to learn how to program and make creative work with code, especially those who might not otherwise have access to these tools and resources.
-
+
+ The Processing Foundation was established in 2012 after more than a decade of work with the Processing software. The Foundation’s mission is to promote software literacy within the visual arts, and visual literacy within technology-related fields — and to make these fields accessible to diverse communities. Our goal is to empower people of all interests and backgrounds to learn how to program and make creative work with code, especially those who might not otherwise have access to these tools and resources. You can read more about the history of Processing in the short essay "A Modern Prometheus."
+
diff --git a/content/static/tutorials/arraylist/index.html b/content/static/tutorials/arraylist/index.html
index 613ffee6a..5f24a6ad5 100644
--- a/content/static/tutorials/arraylist/index.html
+++ b/content/static/tutorials/arraylist/index.html
@@ -1,4 +1,4 @@
-In truth, we could use a simple array to manage our Particle objects. Some particle systems might have a fixed number of particles, and arrays are magnificently efficient in those instances. Processing also offers expand(), contract(), subset(), splice() and other methods for resizing arrays. However, for these examples, the Java class ArrayList (found in the java.util package: http://download.oracle.com/javase/6/docs/api/java/util/ArrayList.html) will prove to be the best solution.
Using an ArrayList is conceptually similar to a standard array, but the syntax is different. Here is some code (that assumes the existence of a generic Particle class) demonstrating identical results: first with an array, and second with an ArrayList.
+In truth, we could use a simple array to manage our Particle objects. Some particle systems might have a fixed number of particles, and arrays are magnificently efficient in those instances. Processing also offers expand(), contract(), subset(), splice() and other methods for resizing arrays. However, for these examples, the Java class ArrayList (found in the java.util package: https://docs.oracle.com/javase/8/docs/api/java/util/ArrayList.html) will prove to be the best solution.
Using an ArrayList is conceptually similar to a standard array, but the syntax is different. Here is some code (that assumes the existence of a generic Particle class) demonstrating identical results: first with an array, and second with an ArrayList.
// THE STANDARD ARRAY WAY
int total = 10;
diff --git a/content/static/tutorials/data/index-old.html b/content/static/tutorials/data/index-old.html
index 0df744e1b..6221a4a80 100644
--- a/content/static/tutorials/data/index-old.html
+++ b/content/static/tutorials/data/index-old.html
@@ -17,7 +17,7 @@ Daniel Shiffman
Manipulating Strings
- In Strings and Drawing Text, we touched on a few of the basic functions available in the Java String class, such as charAt(), toUpperCase(), equals(), and length(). These functions are documented on the Processing reference page for Strings. Nevertheless, in order to perform some more advanced data parsing techniques, we'll need to explore some additional String manipulation functions documented in the Java API.
+ In Strings and Drawing Text, we touched on a few of the basic functions available in the Java String class, such as charAt(), toUpperCase(), equals(), and length(). These functions are documented on the Processing reference page for Strings. Nevertheless, in order to perform some more advanced data parsing techniques, we'll need to explore some additional String manipulation functions documented in the Java API.
@@ -518,7 +518,7 @@
Threads
Two examples that follow this methodology can be found under Topics --> Advanced Data in the Processing examples.
-While using the thread() function is a very simple way of getting an independent thread, it should be noted that it is somewhat limited. Being able to make a thread object is a great deal more powerful, and this can be done by extending the Java Thread class.
+While using the thread() function is a very simple way of getting an independent thread, it should be noted that it is somewhat limited. Being able to make a thread object is a great deal more powerful, and this can be done by extending the Java Thread class.
diff --git a/content/static/tutorials/data/index.html b/content/static/tutorials/data/index.html
index 40e99a6f9..ebafcce92 100644
--- a/content/static/tutorials/data/index.html
+++ b/content/static/tutorials/data/index.html
@@ -17,7 +17,7 @@ Daniel Shiffman
Manipulating Strings
- In Strings and Drawing Text, we touched on a few of the basic functions available in the Java String, such as charAt(), toUpperCase(), equals(), and length(). These functions are documented on the Processing reference page for Strings. Nevertheless, in order to perform some more advanced data parsing techniques, we'll need to explore some additional String manipulation functions documented in the Java API.
+ In Strings and Drawing Text, we touched on a few of the basic functions available in the Java String, such as charAt(), toUpperCase(), equals(), and length(). These functions are documented on the Processing reference page for Strings. Nevertheless, in order to perform some more advanced data parsing techniques, we'll need to explore some additional String manipulation functions documented in the Java API.
Let's take a closer look at the following two String functions: indexOf() and substring().
indexOf() locates a sequence of characters within a string. It takes one argument — a search string — and returns a numeric value that corresponds to the first occurrence of the search string inside of the String object being searched.
@@ -1404,6 +1404,34 @@
Threads
JSONObject json = loadJSONObject("http://time.jsontest.com/");
time = json.getString("time");
}
+
+
+class Timer {
+
+ int savedTime;
+ boolean running = false;
+ int totalTime;
+
+ Timer(int tempTotalTime) {
+ totalTime = tempTotalTime;
+ }
+
+ void start() {
+ running = true;
+ savedTime = millis();
+ }
+
+ boolean isFinished() {
+ int passedTime = millis() - savedTime;
+ if (running && passedTime > totalTime) {
+ running = false;
+ return true;
+ } else {
+ return false;
+ }
+ }
+
+}
APIs
diff --git a/content/static/tutorials/drawing/imgs/drawing-05.svg b/content/static/tutorials/drawing/imgs/drawing-05.svg
index 0f55e2269..44653c110 100644
--- a/content/static/tutorials/drawing/imgs/drawing-05.svg
+++ b/content/static/tutorials/drawing/imgs/drawing-05.svg
@@ -1,166 +1,210 @@
-
-
-
-
+
+
+
diff --git a/content/static/tutorials/electronics/imgs/fg39-16.svg b/content/static/tutorials/electronics/imgs/fg39-16.svg
index 46abb2371..92324f100 100644
--- a/content/static/tutorials/electronics/imgs/fg39-16.svg
+++ b/content/static/tutorials/electronics/imgs/fg39-16.svg
@@ -1,1112 +1,3907 @@
-
-
-
-
+
+
+
+
\ No newline at end of file
diff --git a/content/static/tutorials/electronics/index.html b/content/static/tutorials/electronics/index.html
index 9777b0f8f..02b31bdcc 100644
--- a/content/static/tutorials/electronics/index.html
+++ b/content/static/tutorials/electronics/index.html
@@ -635,9 +635,10 @@ Code
// Read data from the serial port and set the position of a servomotor
// according to the value
+#include <Servo.h>
Servo myservo; // Create servo object to control a servo
-int servoPin = 4; // Connect yellow servo wire to digital I/O pin 4
+int servoPin = 3; // Connect yellow servo wire to digital I/O pin 3 (must be PWM)
int val = 0; // Data received from the serial port
void setup() {
@@ -672,7 +673,12 @@ Code
noStroke();
frameRate(10);
// Open the port that the board is connected to and use the same speed (9600 bps)
- port = new Serial(this, 9600);
+ port = new Serial(this, 9600); // Comment this line if it's not the correct port
+ // If the above does not work uncomment the lines below to choose the correct port
+ // List all the available serial ports, preceded by their index number:
+ //printArray(Serial.list());
+ // Instead of 0 input the index number of the port you are using:
+ //port = new Serial(this, Serial.list()[0], 9600);
}
void draw() {
@@ -918,4 +924,4 @@ Resources
-
\ No newline at end of file
+
diff --git a/content/static/tutorials/index.html b/content/static/tutorials/index.html
index 17369c6a1..7434e5bbb 100644
--- a/content/static/tutorials/index.html
+++ b/content/static/tutorials/index.html
@@ -294,16 +294,21 @@ Text Tutorials. A collection
Level: Advanced
-
-
-
Anatomy of a Program
- by J David Eisenberg
- How do you analyze a problem and break it down into steps that the computer can do?
- Level: Advanced
+
+
+
+
Anatomy of a Program
+ by J David Eisenberg
+ How do you analyze a problem and break it down into steps that the computer can do?
+ Level: Advanced
+
+
+
+
-
+
Electronics
diff --git a/content/static/tutorials/video/index.html b/content/static/tutorials/video/index.html
index fda2a4e29..22ccf759b 100644
--- a/content/static/tutorials/video/index.html
+++ b/content/static/tutorials/video/index.html
@@ -300,7 +300,7 @@ Recorded video
}
-Although Processing is by no means the most sophisticated environment for displaying and manipulating recorded video, there are some more advanced features available in the video library. There are function sfor obtaining the duration (length measured in seconds) of a video, for speeding it up and slowing it down, and for jumping to a specific point in the video (among others). If you find that performance is sluggish and the video playback is choppy, I would suggest trying the P2D or P3D renderers.
+Although Processing is by no means the most sophisticated environment for displaying and manipulating recorded video, there are some more advanced features available in the video library. There are functions for obtaining the duration (length measured in seconds) of a video, for speeding it up and slowing it down, and for jumping to a specific point in the video (among others). If you find that performance is sluggish and the video playback is choppy, I would suggest trying the P2D or P3D renderers.
Following is an example that makes use of jump() (jump to a specific point in the video) and duration() (returns the length of movie in seconds). In this example, if mouseX equals 0, the video jumps to the beginning. If mouseX equals width, it jumps to the end. Any other value is in between. The jump() function allows you to jump immediately to a point of time within the video. duration() returns the total length of the movie in seconds.
diff --git a/contrib_generate/build_listing.py b/contrib_generate/build_listing.py
index ee4dbd052..2c4a43b22 100755
--- a/contrib_generate/build_listing.py
+++ b/contrib_generate/build_listing.py
@@ -228,7 +228,7 @@ def missing_key(exports):
key = missing_key(exports)
if key:
- print 'Error reading', prop_url
+ print 'Error missing key', prop_url
print " No value for '%s'. Maybe it's a 404 page" % key
continue
# if no download is explicitly provided, use the default download url
diff --git a/contrib_generate/skipped.conf b/contrib_generate/skipped.conf
index f4e2bf989..fb4891e7a 100644
--- a/contrib_generate/skipped.conf
+++ b/contrib_generate/skipped.conf
@@ -1,6 +1,5 @@
007
039
-041
050
051
052
diff --git a/contrib_generate/sources.conf b/contrib_generate/sources.conf
index 88e950999..8fc82f839 100644
--- a/contrib_generate/sources.conf
+++ b/contrib_generate/sources.conf
@@ -1,10 +1,10 @@
-# Next ID: 241
+# Next ID: 273
# Increment after assigning ID to new contribution
[Library : 3D]
001 \ https://github.com/remixlab/proscene/releases/download/latest/proscene.txt
006 \ http://www.die-seite.ch/colladaloader/colladaLoader.txt
-009 \ http://www.wblut.com/hemesh/hemesh.txt
+# 009 \ http://www.wblut.com/hemesh/hemesh.txt
017 \ http://mrfeinberg.com/peasycam/peasycam.txt
# 022 \ http://fluidforms.eu/processing/fluid-forms-libs/download/FluidFormsLibs.txt
032 \ http://n.clavaud.free.fr/processing/library/picking/download/Picking.txt
@@ -22,6 +22,9 @@
195 \ http://culebra.technology/culebra.txt
196 \ https://github.com/jrc03c/queasycam/releases/download/latest/queasycam.txt
215 \ http://maxlfarrell.gitlab.io/extruder/extruder.txt
+244 \ http://giftedapprentice.com/ewbIK/ewbIK.txt
+245 \ https://github.com/VisualComputing/nub/releases/download/latest/nub.txt
+252 \ http://www.bdhont.net/lunar.txt
[Library : Animation]
001 \ https://github.com/remixlab/proscene/releases/download/latest/proscene.txt
@@ -33,6 +36,10 @@
095 \ https://dl.dropbox.com/u/87680069/frames.txt
219 \ https://teddavis.org/xyscope/download/XYscope.txt
231 \ http://objectstothinkwith.com/tracer/tracer.txt
+244 \ http://giftedapprentice.com/ewbIK/ewbIK.txt
+245 \ https://github.com/VisualComputing/nub/releases/download/latest/nub.txt
+253 \ https://ztdp.ca/projects/school/Green/Green.txt
+272 \ https://fox-gieg.com/patches/processing/libraries/tiltProcessing/tiltProcessing.txt
[Library : Compilation]
004 \ http://staff.city.ac.uk/~jwo/giCentre/utils/gicentreUtils.txt
@@ -43,7 +50,7 @@
[Library : Data]
008 \ http://www.saint-clair.net/download/gml4u/GML4U.txt
-011 \ http://www.shiffman.net/p5/libraries/sftp/sftp.txt
+011 \ https://github.com/shiffman/SFTP-Processing/releases/download/latest/sftp.txt
012 \ http://www.shiffman.net/p5/libraries/qrcode/qrcodeprocessing.txt
040 \ http://r-s-g.org/carnivore/download/carnivore_p5lib.txt
# 042 \ http://wyldco.com/romefeeder/download/romefeeder.txt
@@ -61,7 +68,7 @@
#404# 128 \ http://dasmithii.com/GNet.txt
133 \ https://raw.githubusercontent.com/nok/redis-processing/master/download/Redis.txt
135 \ https://temboo.com/files/temboo-processing.txt
-137 \ http://shiffman.net/p5/libraries/httprequests_processing/httprequests_processing.txt
+137 \ https://github.com/runemadsen/HTTP-Requests-for-Processing/releases/download/latest/httprequests_processing.txt
144 \ http://unfoldingmaps.org/Unfolding.txt
175 \ https://github.com/alexandrainst/processing_websockets/releases/download/latest/webSockets.txt
183 \ https://github.com/onlylemi/processing-android-capture/releases/download/latest/AndroidCaptureForProcessing.txt
@@ -71,6 +78,11 @@
208 \ https://github.com/gohai/processing-simpletweet/releases/download/latest/processing-simpletweet.txt
229 \ https://github.com/Shinhoo/Wooting-Keyboard-Library/releases/download/lastest/WootingKeyboard.txt
230 \ https://github.com/cansik/artnet4j/releases/download/latest/artnet4j.txt
+241 \ http://agathelenclen.fr/downloads/Squarify.txt
+248 \ https://github.com/runwayml/processing-library/releases/download/latest/RunwayML.txt
+262 \ https://github.com/SamuelAl/SQuelized-for-Processing/releases/latest/download/SQuelized.txt
+267 \ https://github.com/cansik/deep-vision-processing/releases/download/contribution/deepvision.txt
+270 \ https://ronghaoliang.page/Weka4P/download/Weka4P.txt
[Library : Fabrication]
# 078 \ http://s373.net/code/marchingcubes/download/marchingcubes.txt
@@ -86,6 +98,7 @@
214 \ http://www.garciadelcastillo.es/dashedlines/dashedlines.txt
231 \ http://objectstothinkwith.com/tracer/tracer.txt
237 \ http://gicentre.org/handy/handy.txt
+241 \ http://agathelenclen.fr/downloads/Squarify.txt
[Library : GUI]
001 \ https://github.com/remixlab/proscene/releases/download/latest/proscene.txt
@@ -97,13 +110,14 @@
180 \ http://interfascia.berg.industries/download/interfascia.txt
224 \ https://github.com/BillKujawa/meter/releases/download/latest/meter.txt
237 \ http://gicentre.org/handy/handy.txt
+256 \ https://github.com/Milchreis/uibooster-for-processing/releases/latest/download/UiBooster.txt
[Library : Hardware]
015 \ http://www.shiffman.net/p5/libraries/sms/sms.txt
024 \ https://github.com/firmata/processing/releases/download/latest/processing-arduino.txt
028 \ http://projects.formatlos.de/ambientlightsensor/download/AmbientLightSensor.txt
# 064 \ http://www.muvium.com/frappuccino/frappuccino.txt
-066 \ http://ketailibrary.org/ketai.txt
+066 \ http://ketai.org/ketai.txt
071 \ http://motscousus.com/stuff/2011-01_dmxP512/dmxP512.txt
090 \ https://dl.dropbox.com/u/87680069/LeapMotion.txt
# 102 \ http://s176381904.onlinehome.fr/processing/MoveLib/download/MoveLib.txt
@@ -115,21 +129,23 @@
188 \ http://developers.gausstoys.com/processing/GaussSense.txt
189 \ http://ciaron.net/hpglgraphics/download/hpglgraphics.txt
190 \ https://github.com/gohai/processing/releases/download/latest/io.txt
-197 \ https://github.com/sgeigers/Phidgets-For-Processing/releases/download/latest/PhidgetsForProcessing.txt
+# 197 \ https://github.com/sgeigers/Phidgets-For-Processing/releases/download/latest/PhidgetsForProcessing.txt
211 \ https://github.com/diwi/PS3Eye/releases/download/latest/PS3Eye.txt
218 \ https://github.com/cansik/sweep-processing/releases/download/latest/SweepProcessing.txt
219 \ https://teddavis.org/xyscope/download/XYscope.txt
224 \ https://github.com/BillKujawa/meter/releases/download/latest/meter.txt
-225 \ http://hci.soc.napier.ac.uk/GazeTrack/GazeTrack.txt
+225 \ http://web.tecnico.ulisboa.pt/augusto.esteves/GazeTrack/GazeTrack.txt
238 \ https://github.com/cansik/realsense-processing/releases/download/contributed/RealSenseProcessing.txt
239 \ http://skweezee.net/processing/download/SkweezeeForProcessing.txt
+266 \ https://github.com/sgeigers/SimplePhidgets/releases/download/latest/SimplePhidgets.txt
+268 \ http://github.com/jaysonh/Dmx4Artists/releases/latest/download/Dmx4Artists.txt
[Library : I/O]
001 \ https://github.com/remixlab/proscene/releases/download/latest/proscene.txt
016 \ http://www.silentlycrashing.net/ezgestures/files/ezgestures.txt
025 \ http://jorgecardoso.eu/processing/NXTComm/NXTComm.txt
026 \ http://jorgecardoso.eu/processing/MindSetProcessing/download/MindsetProcessing.txt
-039 \ https://github.com/codeanticode/tablet/releases/tag/latestv2/Tablet.txt
+039 \ https://github.com/codeanticode/tablet/releases/download/latestv2/Tablet.txt
060 \ https://dl.dropbox.com/u/87680069/gamepad.txt
067 \ http://www.graffitiresearchlab.de/wp-content/uploads/proJMS.txt
084 \ http://iddi.github.io/oocsi-processing/oocsi.txt
@@ -139,7 +155,7 @@
105 \ http://paulhertz.net/ignocodelib/download/IgnoCodeLib.txt
121 \ https://github.com/codeanticode/tablet/releases/download/latest/Tablet.txt
136 \ http://www.extrapixel.ch/processing/gifAnimation/gifAnimation.txt
-139 \ http://erniejunior.github.io/VSync-for-Processing/download/VSync.txt
+139 \ http://ernestum.github.io/VSync-for-Processing/download/VSync.txt
143 \ http://www.lagers.org.uk/processing/gamecontrol/GameControlPlus.txt
167 \ http://www.lagers.org.uk/processing3/gamecontrol/GameControlPlus.txt
168 \ http://transfluxus.github.io/SimpleHTTPServer/download/SimpleHTTPServer.txt
@@ -157,6 +173,9 @@
229 \ https://github.com/Shinhoo/Wooting-Keyboard-Library/releases/download/lastest/WootingKeyboard.txt
232 \ https://github.com/haschdl/pLaunchController/releases/download/latest/pLaunchController.txt
239 \ http://skweezee.net/processing/download/SkweezeeForProcessing.txt
+247 \ https://github.com/orgicus/image-sequence-player/releases/download/latest/ImageSequencePlayer.txt
+258 \ https://github.com/Transmedia-Gx/grab/releases/latest/download/Grab.txt
+269 \ http://augmenta-tech.com/libs/processing/Augmenta.txt
[Library : Language]
063 \ http://rednoise.org/rita/rita.txt
@@ -171,11 +190,13 @@
131 \ http://www.lagers.org.uk/processing/qscript/QScript.txt
156 \ http://www.lagers.org.uk/processing/jasmine/Jasmine.txt
203 \ https://github.com/OliverColeman/hivis/releases/download/latest/HiVis.txt
+251 \ https://github.com/pallav12/matrixMath-for-processing/releases/download/latest/MatrixMath.txt
[Library : Other]
093 \ http://www.lagers.org.uk/processing/pathfinder/Path_Finder.txt
157 \ http://www.lagers.org.uk/processing/steganos/Steganos.txt
185 \ http://softlab.pt/ptmx/ptmx.txt
+253 \ https://ztdp.ca/projects/school/Green/Green.txt
[Library : Simulation]
018 \ http://www.ricardmarxer.com/fisica/download/fisica.txt
@@ -194,6 +215,8 @@
195 \ http://culebra.technology/culebra.txt
201 \ https://github.com/diwi/PixelFlow/releases/download/latest/PixelFlow.txt
216 \ https://github.com/diwi/LiquidFunProcessing/releases/download/latest/LiquidFunProcessing.txt
+244 \ http://giftedapprentice.com/ewbIK/ewbIK.txt
+261 \ https://github.com/dennisppaul/teilchen/releases/latest/download/teilchen.txt
[Library : Sound]
153 \ https://github.com/processing/processing-sound/releases/download/latest/sound.txt
@@ -206,6 +229,10 @@
151 \ https://corajr.github.io/loom/download/loom.txt
170 \ https://github.com/shlomihod/cassette/releases/download/latest/cassette.txt
219 \ https://teddavis.org/xyscope/download/XYscope.txt
+254 \ http://www.kramann.info/ComposingForEveryone.txt
+260 \ https://github.com/sphaero/procmod/releases/latest/download/procmod.txt
+264 \ https://github.com/dennisppaul/wellen/releases/latest/download/wellen.txt
+271 \ https://www.robertesler.com/software/Pd4P3.txt
[Library : Utilities]
001 \ https://github.com/remixlab/proscene/releases/download/latest/proscene.txt
@@ -242,17 +269,23 @@
229 \ https://github.com/Shinhoo/Wooting-Keyboard-Library/releases/download/lastest/WootingKeyboard.txt
235 \ https://www.barkmin.eu/processing-library-scratch/download/scratch.txt
240 \ https://commonpike.github.io/nl.kw.processing.portmods/dist/PortMods.txt
+245 \ https://github.com/VisualComputing/nub/releases/download/latest/nub.txt
+246 \ https://github.com/federico-pepe/nice-color-palettes/releases/download/latest/NiceColorPalettes.txt
+248 \ https://github.com/runwayml/processing-library/releases/download/latest/RunwayML.txt
+255 \ https://bdhont.net/LiveBrush.txt
+257 \ https://rect.dev/processing/infinidecimal/GRInfinidecimalCanvas.txt
+258 \ https://github.com/Transmedia-Gx/grab/releases/latest/download/Grab.txt
[Library : Typography]
038 \ http://www.ricardmarxer.com/geomerative/geomerative.txt
088 \ https://raw.github.com/andreaskoller/Fontastic/master/download/Fontastic.txt
-116 \ https://github.com/prisonerjohn/NextText/releases/download/latest/NextText.txt
+# 116 \ https://github.com/prisonerjohn/NextText/releases/download/latest/NextText.txt
[Library : Video & Vision]
150 \ https://github.com/processing/processing-video/releases/download/latest/video.txt
013 \ http://shiffman.net/p5/libraries/openkinect_processing/openkinect_processing.txt
023 \ http://www.v3ga.net/processing/BlobDetection/blobDetection.txt
-041 \ https://github.com/Syphon/Processing/releases/download/latestv2/Syphon.txt
+041 \ https://github.com/Syphon/Processing/releases/latest/download/Syphon.txt
# 059 \ http://thomasdiewald.at/processing/libraries/dLibs_freenect/download/dLibs_freenect.txt
# 077 \ http://s373.net/code/flob/download/flob.txt
# 081 \ http://ubaa.net/shared/processing/opencv/download/opencv.txt
@@ -260,7 +293,7 @@
132 \ https://github.com/atduskgreg/opencv-processing/releases/download/latest/opencv_processing.txt
134 \ http://decoder.x10host.com/blobscanner/blobscanner.txt
146 \ http://boofcv.org/processing/boofcv_processing.txt
-148 \ https://github.com/Syphon/Processing/releases/download/latest/Syphon.txt
+# 148 \ https://github.com/Syphon/Processing/releases/download/latest/Syphon.txt
149 \ http://www.magicandlove.com/software/Kinect4WinSDK.txt
161 \ http://codigogenerativo.com/KinectPV2.txt
176 \ http://www.stefanobaldan.com/projects/ipcapture/download/IPCapture.txt
@@ -279,10 +312,13 @@
165 \ https://processing.org/handbook/handbook_2e.txt
166 \ https://processing.org/books/gswp_2e.txt
205 \ http://mad4j.github.io/book-mdpc/book-mdpc.txt
+265 \ https://codingart-book.github.io/examples/CodingArtBookExamples.txt
[Examples : ]
194 \ http://damellis.github.io/wovns-processing-examples/WOVNS.txt
226 \ https://github.com/Apress/processing-for-android/releases/download/latest/processing-for-android-examples.txt
+243 \ https://coding-creative.dringtech.com/examples/coding-creative-examples.txt
+249 \ https://github.com/jeremydouglass/rosetta_examples_p5/releases/latest/download/rosetta_examples_p5.txt
[Tool : ]
020 \ https://dl.dropboxusercontent.com/u/69944346/ColorSelectorPlus/ColorSelectorPlusTool.txt
@@ -304,6 +340,8 @@
228 \ https://perceptualcolor.org/distribution/PerceptualColorPicker/download/PerceptualColorPicker.txt
233 \ https://github.com/jaewhyun/GettingStarted/releases/download/latest/GettingStarted.txt
234 \ https://github.com/jaewhyun/ReferenceTool/releases/download/latest/ReferenceTool.txt
+242 \ https://jwilder4690.github.io/tools/ArtStation/ArtStation.txt
+263 \ http://jonathan.dahlberg.media/processing2js/Processing2JSTool.txt
[Mode : ]
070 \ http://bezier.de/processing/modes/CoffeeScriptMode.txt
@@ -315,4 +353,5 @@
162 \ https://github.com/joelmoniz/REPLmode/releases/download/latest/REPLMode.txt
169 \ https://py.processing.org/3/PythonMode.txt
199 \ https://github.com/fathominfo/processing-p5js-mode/releases/download/latest/p5jsMode.txt
-220 \ http://gaocegege.com/Processing.R/RLangMode.txt
+220 \ https://github.com/processing-r/Processing.R/releases/latest/download/RLangMode.txt
+250 \ https://github.com/Izza11/shader-mode/releases/download/latest/ShaderMode.txt
diff --git a/css/style.css b/css/style.css
index f7b639c5a..65fd77ba4 100755
--- a/css/style.css
+++ b/css/style.css
@@ -7,12 +7,10 @@ Reworked by CR, 23 Sep 2011
Reworked by Jon Gacnik, 19 Feb 2013
Created: 2005.08.29 04:28PM
-Last Modified: 2014.11.15 by Scott Murray
+Last Modified: 2019.07.26 by Casey Reas to remove Foundation Site CSS "-f"
*/
-
-
@font-face {
font-family: 'theSerifItalic';
src: url(fonts/TheSerif_B4_Italic.eot),
@@ -54,7 +52,6 @@ Last Modified: 2014.11.15 by Scott Murray
}
-
/* ================ GLOBAL ================== */
body {
@@ -70,7 +67,7 @@ body {
-webkit-text-size-adjust: none;
font-size : 100%;
- font-size : 0.79em;
+ font-size : 0.85em; /* 0.79em; */
font-weight : normal;
line-height : 1.5em;
color : #252525;
@@ -79,6 +76,7 @@ body {
img { border: 0px solid #000000; }
a {
+ cursor: pointer;
text-decoration: none;
font-weight: normal;
color: #2c7bb5;
@@ -102,6 +100,7 @@ a.large-link:before {
content: '';
}
+
/* ================ COVER SLIDESHOW ================== */
#slideshow {
@@ -127,7 +126,6 @@ a.large-link:before {
}
-
/* ================ LAYOUT ================== */
#container {
@@ -137,7 +135,6 @@ a.large-link:before {
}
-
/* ================ RIBBON ================== */
#ribbon {
@@ -179,6 +176,8 @@ a.large-link:before {
border-right: 1px solid #1a1a1a;
}
+
+
#ribbon ul.right li {
float: right;
border-left: 1px solid #1a1a1a;
@@ -209,12 +208,48 @@ a.large-link:before {
font-weight: bold;
}
+#ribbon-announce {
+ text-align: center;
+ width: 900px;
+ height: auto;
+ background-color: #d1f94e;
+ background: linear-gradient(to bottom, #1d517e, #d1f94e);
+ margin-bottom: 30px; /* added when placed below the header */
+}
+
+#ribbon-announce ul {
+ display: inline-block;
+ margin: 0;
+ padding: 0;
+}
+
+#ribbon-announce ul.center {
+ float: center;
+}
+
+#ribbon-announce ul li {
+ display: inline-block;
+ margin: 0;
+ padding: 6px 10px 5px 10px;
+ list-style: none;
+}
+
+#ribbon-announce ul.center li {
+ float: center;
+}
+
+#ribbon-announce ul li a {
+ color: white;
+ font-weight: bold;
+}
+
/* ================ HEADER ================== */
+
#header {
width: 900px;
height: 106px;
- margin-bottom: 30px;
+ margin-bottom: 30px; /* was 30px, but changed to 0 when ribbon placed below header */
overflow: hidden;
background: #0c2033 url(../img/processing-web.png) center center no-repeat;
background-position: bottom;
@@ -222,16 +257,6 @@ a.large-link:before {
position: relative;
}
-#header-f {
- width: 900px;
- height: 106px;
- margin-bottom: 30px;
- overflow: hidden;
- background: #0c2033 url(/images/processing-site.png) center center no-repeat;
- background-size: 900px 106px;
- position: relative;
-}
-
#header .processing-logo {
width: 206px;
height: 38px;
@@ -243,17 +268,6 @@ a.large-link:before {
background-image: linear-gradient(transparent, transparent), url(../img/processing-logo.svg);
}
-#header-f .processing-logo {
- width: 370px;
- height: 38px;
- margin: 20px 0 0 30px;
- /* -- NEW FOUNDATION LOGO GOES HERE -- */
- background: transparent url(/images/processing-foundation-logo.svg) center center no-repeat;
- background-image: -webkit-linear-gradient(transparent, transparent), url(/images/processing-foundation-logo.svg);
- background-image: -moz-linear-gradient(transparent, transparent), url(/images/processing-foundation-logo.svg);
- background-image: linear-gradient(transparent, transparent), url(/images/processing-foundation-logo.svg);
-}
-
#header .processing-logo.no-cover:before {
position: relative;
top: 3px;
@@ -262,14 +276,6 @@ a.large-link:before {
content: '\2039';
}
-#header-f .processing-logo.no-cover:before {
- position: relative;
- top: 3px;
- left: -18px;
- font-size: 24px;
- content: '\2039';
-}
-
#Overview2 .processing-logo.no-cover:before {
position: relative;
top: 3px;
@@ -284,23 +290,11 @@ a.large-link:before {
color: white;
}
-#header-f a {
- font-family: 'theSerif', 'Enriqueta', georgia, times, sans-serif;
- text-decoration: none;
- border: none;
- color: white;
-}
-
#header h1 {
display: none;
float: left;
}
-#header-f h1 {
- display: none;
- float: left;
-}
-
#header form {
position: absolute;
top: 20px;
@@ -309,14 +303,6 @@ a.large-link:before {
color: #959595;
}
-#header-f form {
- position: absolute;
- top: 20px;
- right: 5px;
- width: 176px;
- color: #959595;
-}
-
#header form input {
float: left;
border: 1px solid #136796;
@@ -328,29 +314,12 @@ a.large-link:before {
color: #959595;
}
-#header-f form input {
- float: left;
- border: 1px solid #136796;
- outline: none;
- height: 18px;
- background: #fff;
- font-family: 'theSerif', 'Enriqueta', georgia, times, serif;
- font-size: 1em;
- color: #959595;
-}
-
#header form input[type="text"]{
padding-left: 3px;
width: 127px;
border-right: none;
}
-#header-f form input[type="text"]{
- padding-left: 3px;
- width: 127px;
- border-right: none;
-}
-
#header form input[type="submit"]{
height: 22px;
width: 22px;
@@ -362,21 +331,8 @@ a.large-link:before {
cursor: pointer;
}
-#header-f form input[type="submit"]{
- height: 22px;
- width: 22px;
- border-left: none;
- background: white url(/images/search-f.svg) center center no-repeat;
- background-image: -webkit-linear-gradient(transparent, transparent), url(/images/search-f.svg);
- background-image: -moz-linear-gradient(transparent, transparent), url(/images/search-f.svg);
- background-image: linear-gradient(transparent, transparent), url(/images/search-f.svg);
- cursor: pointer;
-}
-
#header form p { margin: 0; }
-#header-f form p { margin: 0; }
-
/* ================ NAVBAR ================== */
#navigation {
@@ -407,6 +363,7 @@ a.large-link:before {
position: relative;
}
+
/* ================ FOOTER ================== */
#footer {
@@ -428,26 +385,6 @@ a.large-link:before {
padding-top: 10px;
}
-/* === FOUNDATION FOOTER === */
-
-#footer-f {
- clear: both;
- padding: 100px 30px 20px 30px;
- line-height: 23px;
- color: #959595;
-}
-#footer-f a {
- color: #959595;
- border-bottom: 1px solid #CECECE;
-}
-#footer-f #copyright,
-#footer-f #colophon {
-
-}
-#footer-f #copyright {
- border-top: 1px solid #A6BCCF;
- padding-top: 10px;
-}
/* ================ TYPOGRAPHY ================== */
@@ -524,13 +461,12 @@ li {margin-bottom: 1em; }
.large-header .black { color: #000; }
.error { color: #f00; margin: 0; }
-/* ================ UI Elements ================== */
-
-
/* ================== RANDOM CLASSES =============== */
+
.clear { clear: both; }
+
/* ================== PAGE SPECIFIC CSS =============== */
/**************************************************************** Cover ***/
@@ -678,15 +614,8 @@ dl.network dt { font-style: normal; }
dl.network dd { margin: 0; }
dl.network dd.date { color: #999999; margin-bottom: 1em; }
-//p.network { margin: 0 23px 1em 0; width:200px; }
-//p.network span.date { color: #999999; }
-
p.exhibition-nav { margin-top: 20px; margin-bottom: 10px; }
-/**************************************************************** Foundation ***/
-
-.foundation-p { line-height: 0em; }
-
/**************************************************************** Reference ***/
@@ -694,8 +623,6 @@ p.exhibition-nav { margin-top: 20px; margin-bottom: 10px; }
#Language h5 a { float: left; margin-left: -30px; }
-
-
.skinny {
margin-left : 0px;
margin-right : 50px;
@@ -711,7 +638,7 @@ p.exhibition-nav { margin-top: 20px; margin-bottom: 10px; }
margin-bottom: 20px;
}
-.ref-notice { margin: 0 0 2.5em 0; color: #FF3399; clear: both; margin-right: 40px;}
+.ref-notice { margin: 0 0 2.5em 0; color: #666666; clear: both; margin-right: 40px;}
.ref-item { margin-bottom: 60px; }
.ref-item th { width: 100px; font-weight: bold; text-align: left; vertical-align: top; }
@@ -879,8 +806,6 @@ div.ref-col {
/**************************************************************** download ***/
-/* download */
-
#Download .download ul { list-style: none; margin: 0; padding: 0; }
#Download span.version-date { color: #959595; }
#Download h5 {
@@ -1059,16 +984,13 @@ div.ref-col {
/************************************************************** contribute ***/
-/*#Contribute h1 { margin-bottom: 0; }*/
#Contribute .message { margin-top: 0; margin-right: 40px; }
#Contribute .threecol { float: left; width: 210px; margin-right: 20px; }
#Contribute .threecol p { margin-bottom: 2em; }
-
/************************************************************** learning ***/
-/*#Learning h1 { margin-bottom: 0; margin-top: 0;}*/
#Learning .message { margin-top: 0; margin-right: 40px; }
#Learning .threecol { float: left; width: 200px; margin-right: 30px; margin-top: 0px;}
#Learning .threecol p { margin-bottom: 2em; }
@@ -1080,13 +1002,10 @@ div.ref-col {
.doc-float { margin-right: 40px;}
-
-
h2 { margin-bottom: 0; margin-top: 0;}
.example-notice { margin: -1.0em 0 2.5em 0; color: #FF3399; clear: both; margin-right: 40px;}
-
#Copyright p { margin-right: 20px; }
@@ -1097,37 +1016,6 @@ h2 { margin-bottom: 0; margin-top: 0;}
#Tutorials .colthree { width: 224px; float: left; margin-right: 20px; }
#Tutorials h2 { margin: 0 0 20px 0; font-size: 1em; }
-/*#Tutorials p {
- margin-top: 2.0em;
- margin-bottom: 2.0em;
- font-size : 1.0em;
- font-weight : normal;
- line-height : 2.0em;
- }*/
-
-/*#Tutorials h3 {
- font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
- font-size : 1.3em;
- font-weight : bold;
- margin-bottom : 0.4em;
- margin-top : 1.8em;
-}
-
-#Tutorials h5 {
- font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
- font-weight : bold;
- font-size : 1.0em;
- margin-bottom : 0.4em;
- margin-top : 1.4em;
-}*/
-
-/*#Tutorials h1 {
- font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
- font-size : 2.0em;
- font-weight : normal;
- font-style : normal;
-}*/
-
/*--------------------TUTORIAL HEADER SPACING------------------*/
.Tutorials { line-height: 0em; }
@@ -1176,6 +1064,7 @@ h2 { margin-bottom: 0; margin-top: 0;}
background-color: #eee;
}
+/*
#Tutorials p.txt {
margin-top: 0em;
margin-bottom: 2em;
@@ -1183,10 +1072,10 @@ h2 { margin-bottom: 0; margin-top: 0;}
font-weight: normal;
line-height: 200%;
}
+*/
/************************************************************** Books ***/
-/*#Books h1 { margin-bottom: 0; margin-top: 0;}*/
#Books td { vertical-align: top; font-size: 1.0em}
@@ -1210,9 +1099,6 @@ h2 { margin-bottom: 0; margin-top: 0;}
margin-top: 30px;
}
-
-
-
#Tools-index h5 { margin-bottom: 0; font-size: 1em; }
#Tools-index .twocol p { margin-top: 0; }
.lib-nav { display: block;
@@ -1231,7 +1117,6 @@ h2 { margin-bottom: 0; margin-top: 0;}
#Tools h4 { font-size: 1em; margin-bottom: .5em; }
#Tools h4 a {float:left; margin-left:-30px; martin-top:-5px; }
-
#Tools .threecol {
float: left;
width: 210px;
@@ -1241,10 +1126,8 @@ h2 { margin-bottom: 0; margin-top: 0;}
.threecol:nth-child(5) { margin: 0 !important; }
-
/************************************************************** Library Indices ***/
-
#Libraries .colone {
width: 300px;
float: left;
@@ -1266,10 +1149,8 @@ h2 { margin-bottom: 0; margin-top: 0;}
#Libraries .twocol-alt {
width: 330px;
float: left;
- //background: #cccccc;
}
-
#Libraries .twocol p { margin-top: 0; }
#Libraries .full {
@@ -1294,8 +1175,6 @@ h2 { margin-bottom: 0; margin-top: 0;}
margin-bottom: 2px;
}
-
-
#Libraries .lib-nav { display: block;
margin-bottom: 10px;
margin-left: -30px;
@@ -1306,7 +1185,6 @@ h2 { margin-bottom: 0; margin-top: 0;}
#Libraries pre { margin-left: 30px; margin-bottom: 30px; }
#Libraries h2 { margin-top: 2em; }
-/*#Libraries h3 { clear: both; margin-bottom: 0; }*/
#Libraries h3 { margin-top: 0; margin-bottom: 0;}
@@ -1329,13 +1207,13 @@ h2 { margin-bottom: 0; margin-top: 0;}
/************************************************************** environment ***/
-/*#Environment h1 { margin-top: 2em; }*/
-#Environment h5 { margin-top: 3em; }
+
+#Environment h5 { margin-top: 2em; margin-bottom: 1em; }
#Environment h6 { margin-bottom: 0em; }
#Environment h5 a { float: left; margin-left: -30px; }
ul.nostyle { margin: 0; padding: 0; list-style: none outside; }
#Environment td { padding-bottom: 1em; }
-#Environment .content p,
+/*#Environment .content p,*/
#Environment .content ul,
#Environment .content table {
width: 560px;
@@ -1343,31 +1221,22 @@ ul.nostyle { margin: 0; padding: 0; list-style: none outside; }
/************************************************************** overview ***/
+
#Overview .content p,
#Overview .content ul,
-#Overview .content table {
- width: 560px;
-}
+#Overview .content table { width: 560px; }
#Foundation .content p,
#Foundation .content ul,
-#Foundation .content table {
- width: 560px;
-}
-
+#Foundation .content table { width: 560px; }
#People .content p,
#People .content ul,
-#People .content table {
- width: 560px;
-}
+#People .content table { width: 560px; }
#people-f .content p,
#people-f .content ul,
-#people-f .content table {
- width: 680px;
-}
-
+#people-f .content table { width: 680px; }
/************************************************************** examples ***/
@@ -1377,16 +1246,12 @@ p.doc-float { margin-left: 250px; }
p.doc { margin-right: 40px; margin-top: 30px;}
pre.code { clear: both; margin-top: 10px; }
-/* #examples-nav { margin-left: -44px; display: relative; } */
//#examples-nav { margin-left: 0px; display: relative; }
.examples-nav-div { margin-left: -44px; margin-top: -10px; width: 480px; display: relative; align: left; }
#examples-nav img { display: absolute; top: 15px; left: 100px; }
-/*#Examples h1 { margin-bottom: 0; }*/
-
-
div.updateRequired {
color:#999;
}
@@ -1402,7 +1267,9 @@ ul.examples {
-webkit-column-count:3; /* Safari and Chrome */
column-count:3;
}
+
ul.examples li { margin: 0; padding: 0; }
+
ul.examples ul {
list-style: none;
padding: 0;
@@ -1410,14 +1277,17 @@ ul.examples ul {
margin-bottom: 17px;
width: 100%;
}
+
ul.examples ul li {
margin: 0;
}
+
div.examples-nav {
margin-left: -41px;
margin-bottom: 17px;
position: relative;
}
+
div.examples-nav img { position: relative; top: 11px; }
.donate-card-row {
@@ -1430,6 +1300,7 @@ div.examples-nav img { position: relative; top: 11px; }
margin-left: -10px;
margin-right: -10px;
}
+
.donate-card {
text-align: center;
width: 30%;
@@ -1447,28 +1318,35 @@ div.examples-nav img { position: relative; top: 11px; }
-ms-flex-pack: center;
justify-content: center;
}
+
.donate-card h4 {
line-height: 1.3;
- margin: 0 0 0.5em 0;
+ margin: 0 0 0 0;
color: #2c7bb5;
}
+
a.donate-card {
color: #252525;
}
+
a.donate-card:hover {
border-color: #2c7bb5;
}
+
.donate-list {
list-style: none;
margin-left: 0;
padding-left: 0;
}
+
.donate-list li {
margin-bottom: 0;
}
+
.donate-list li:before {
content: '» '
}
+
.donate-content hr {
margin-top: 2em;
margin-bottom: 2em;
@@ -1476,48 +1354,3 @@ div.examples-nav img { position: relative; top: 11px; }
border: none;
border-top: 1px solid #CBCBCB;
}
-
-/**************************************************************** updates, courses, happenings ***/
-/*
-#Courses .content, #Updates .content, #Happenings .content {
- width: 595px;
- }
-#Updates h2 { margin-top: 0 0 20px 0; }
-
-
-.course-desc p { margin: 0; }
-.course-desc p.date { margin: 0; }
-.course-desc h3 { margin: 0; font-size: 1em; font-weight: bold; line-height: 1em; }
-.course-desc { margin-bottom: 2em; }
-*/
-
-/************************************************************** comparison ***/
-/*
-
-#Compare h1 { margin-top: 2em; }
-#Compare h2 { margin-bottom: 0; }
-#Compare .threecol { float: left; width: 210px; margin-right: 20px; }
-#Compare .threecol p { margin-top: 0; }
-
-
-#Compare .content {
- margin-left : 55px;
- margin-right : 0px;
- position: relative;
-}
-*/
-
-/************************************************************** troubleshooting ***/
-/*
-#Troubleshooting h1 { margin-top: 2em; }
-#Troubleshooting h5 a { float: left; margin-left: -30px; }
-ul.nostyle { margin: 0; padding: 0; list-style: none outside; }
-#Troubleshooting td { padding-bottom: 1em; }
-*/
-
-/************************************************************** FAQ ***/
-
-/*
-#FAQ h5 a { float: left; margin-left: -30px; }
-*/
-
diff --git a/download/latest.txt b/download/latest.txt
index f76767ff8..98de25a15 100644
--- a/download/latest.txt
+++ b/download/latest.txt
@@ -1,2 +1,2 @@
-0269
+1276
diff --git a/exhibition/works/discom/Thumbs.db b/exhibition/works/discom/Thumbs.db
deleted file mode 100644
index 93ae137df..000000000
Binary files a/exhibition/works/discom/Thumbs.db and /dev/null differ
diff --git a/exhibition/works/superhero/img/Thumbs.db b/exhibition/works/superhero/img/Thumbs.db
deleted file mode 100755
index 9f2257887..000000000
Binary files a/exhibition/works/superhero/img/Thumbs.db and /dev/null differ
diff --git a/generate/README.md b/generate/README.md
new file mode 100644
index 000000000..e38655a77
--- /dev/null
+++ b/generate/README.md
@@ -0,0 +1,9 @@
+These are the scripts that generate most of the the processing.org website and Reference that's included with the Processing software. The language Reference scripts are in the ../java_generate/ directory and that's a whole other thing...
+
+The generator scripts are written in PHP using an old version of DOMIT: https://sourceforge.net/projects/domit-xmlparser/
+
+The files that are appended with "local" generate alternate versions of those pages for the Reference that comes included with the Processing software.
+
+This directory also contains the files to generate the "keywords.txt" file that controls the syntax highlighting for the Processing Development Environment (PDE). The Perl script "keywords_create.cgi" generates this file by combining "keywords_base.txt" with the Reference XML files.
+
+The data used to generate the site pages are in the ../content/ directory.
diff --git a/generate/index.php b/generate/index.php
index 62a281526..d907d26aa 100755
--- a/generate/index.php
+++ b/generate/index.php
@@ -23,6 +23,7 @@
+
Presets
@@ -32,13 +33,13 @@
Filip
Dan
Elie
- Scott
- Philip
+
+
- Everything
- Site
+ Everything
+ Site
Nothing
@@ -99,10 +100,12 @@
+
Contributions
diff --git a/generate/keywords_base.txt b/generate/keywords_base.txt
index a88aa2737..7757bb46f 100755
--- a/generate/keywords_base.txt
+++ b/generate/keywords_base.txt
@@ -252,6 +252,7 @@ double KEYWORD5 double
float KEYWORD5 float
int KEYWORD5 int
long KEYWORD5 long
+var KEYWORD5
# Flow structures
diff --git a/generate/staticpages.php b/generate/staticpages.php
index db3b0422b..1a60b6291 100755
--- a/generate/staticpages.php
+++ b/generate/staticpages.php
@@ -28,9 +28,9 @@
writeFile('overview/index.html', $page->out());
#copydirr($source.'/images', $path.'/images');
-$page = new Page("Foundation", "Foundation");
-$page->content(file_get_contents($source."foundation.html"));
-writeFile('foundation/index.html', $page->out());
+#$page = new Page("Foundation", "Foundation");
+#$page->content(file_get_contents($source."foundation.html"));
+#writeFile('foundation/index.html', $page->out());
$page = new Page("People", "People");
$page->content(file_get_contents($source."people.html"));
@@ -65,21 +65,21 @@
writeFile('copyright.html', $page->out());
// Copy over the images for the shop index
-if (!is_dir($path.'shop')) {
- mkdir($path.'shop', 0757);
-}
+#if (!is_dir($path.'shop')) {
+# mkdir($path.'shop', 0757);
+#}
-if (!is_dir($path.'shop/imgs')) {
- mkdir($path.'shop/imgs', 0757);
-}
+#if (!is_dir($path.'shop/imgs')) {
+# mkdir($path.'shop/imgs', 0757);
+#}
-if (is_dir($path.'shop/imgs')) {
- copydirr($source.'shop/imgs', $path.'shop/imgs', null, 0757, false);
-}
+#if (is_dir($path.'shop/imgs')) {
+# copydirr($source.'shop/imgs', $path.'shop/imgs', null, 0757, false);
+#}
-$page = new Page("Shop", "Shop");
-$page->content(file_get_contents($source.'shop/'."index.html"));
-writeFile('shop/index.html', $page->out());
+#$page = new Page("Shop", "Shop");
+#$page->content(file_get_contents($source.'shop/'."index.html"));
+#writeFile('shop/index.html', $page->out());
$benchmark_end = microtime_float();
$execution_time = round($benchmark_end - $benchmark_start, 4);
diff --git a/img/cc.png b/img/cc.png
new file mode 100644
index 000000000..4acf8c4ec
Binary files /dev/null and b/img/cc.png differ
diff --git a/img/learning/books/coding-art.jpg b/img/learning/books/coding-art.jpg
new file mode 100644
index 000000000..79fa91e5a
Binary files /dev/null and b/img/learning/books/coding-art.jpg differ
diff --git a/img/learning/books/o-codigo.jpg b/img/learning/books/o-codigo.jpg
new file mode 100644
index 000000000..e70fad0e9
Binary files /dev/null and b/img/learning/books/o-codigo.jpg differ
diff --git a/img/learning/books/pro-processing.jpg b/img/learning/books/pro-processing.jpg
new file mode 100644
index 000000000..25e7f6863
Binary files /dev/null and b/img/learning/books/pro-processing.jpg differ
diff --git a/img/learning/books/programming-101.jpg b/img/learning/books/programming-101.jpg
new file mode 100644
index 000000000..3749c36a2
Binary files /dev/null and b/img/learning/books/programming-101.jpg differ
diff --git a/java_generate/templates/class.template.html b/java_generate/templates/class.template.html
index 3d715adf9..96634b4c1 100644
--- a/java_generate/templates/class.template.html
+++ b/java_generate/templates/class.template.html
@@ -23,7 +23,7 @@
-
+
- Processing
- p5.js
@@ -44,6 +44,13 @@
+
@@ -82,37 +89,8 @@
-
+
This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License.
-
@@ -124,8 +102,7 @@
© Info
-
-
+
diff --git a/java_generate/templates/generic.template.html b/java_generate/templates/generic.template.html
index dbf060144..d8858a537 100644
--- a/java_generate/templates/generic.template.html
+++ b/java_generate/templates/generic.template.html
@@ -23,7 +23,6 @@
-
- Processing
@@ -45,6 +44,12 @@
+
@@ -83,37 +88,8 @@
-
+
This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License.
-
diff --git a/java_generate/templates/index.alphabetical.template.html b/java_generate/templates/index.alphabetical.template.html
index a716f1117..1c52fca5c 100644
--- a/java_generate/templates/index.alphabetical.template.html
+++ b/java_generate/templates/index.alphabetical.template.html
@@ -43,6 +43,12 @@
+
diff --git a/java_generate/templates/index.template.html b/java_generate/templates/index.template.html
index a6bb0e508..12b460548 100644
--- a/java_generate/templates/index.template.html
+++ b/java_generate/templates/index.template.html
@@ -42,6 +42,12 @@
+
diff --git a/java_generate/templates/library.index.template.html b/java_generate/templates/library.index.template.html
index 3a9fef789..98c01d64e 100644
--- a/java_generate/templates/library.index.template.html
+++ b/java_generate/templates/library.index.template.html
@@ -23,7 +23,7 @@
-
+
- Processing
- p5.js
@@ -84,7 +84,7 @@ Events
© Info
-
+
diff --git a/java_generate/templates/nav.web.template.html b/java_generate/templates/nav.web.template.html
index a754b73e7..43f41939c 100644
--- a/java_generate/templates/nav.web.template.html
+++ b/java_generate/templates/nav.web.template.html
@@ -4,7 +4,7 @@
Download
Donate
- Exhibition
+
Reference
Libraries
@@ -13,7 +13,7 @@
Tutorials
Examples
- Books
+ Books
Overview
@@ -28,6 +28,6 @@
»Wiki
»FAQ
»Twitter
- »Facebook
+
»Medium
\ No newline at end of file
diff --git a/templates/template.cover.html b/templates/template.cover.html
index 56d113e50..4e776eb87 100755
--- a/templates/template.cover.html
+++ b/templates/template.cover.html
@@ -7,36 +7,34 @@
Download Processing
Browse Tutorials
Visit the Reference
-
-
-
- Processing is a flexible software sketchbook and a language for learning how to code within the context of the visual arts. Since 2001, Processing has promoted software literacy within the visual arts and visual literacy within technology. There are tens of thousands of students, artists, designers, researchers, and hobbyists who use Processing for learning and prototyping.
-
-
- - » Free to download and open source
- - » Interactive programs with 2D, 3D, PDF, or SVG output
- - » OpenGL integration for accelerated 2D and 3D
- - » For GNU/Linux, Mac OS X, Windows, Android, and ARM
- - » Over 100 libraries extend the core software
- - » Well documented, with many books available
-
-
-
+
+
+ Processing is a flexible software sketchbook and a language for learning how to code within the context of the visual arts. Since 2001, Processing has promoted software literacy within the visual arts and visual literacy within technology. There are tens of thousands of students, artists, designers, researchers, and hobbyists who use Processing for learning and prototyping.
+
+ - » Free to download and open source
+ - » Interactive programs with 2D, 3D, PDF, or SVG output
+ - » OpenGL integration for accelerated 2D and 3D
+ - » For GNU/Linux, Mac OS X, Windows, Android, and ARM
+ - » Over 100 libraries extend the core software
+ - » Well documented, with many books available
+
+
-
Books
- The 2nd edition of Getting Started with Processing is here and it's updated for Processing 3. It's now in full color and there's a new chapter on working with data. The 2nd edition of the Processing Handbook is here too. Every chapter has been revised, and new chapters introduce more ways to work with data and geometry. New “synthesis” chapters offer discussion and worked examples of such topics as sketching with code, modularity, and algorithms.
+ The second edition of Getting Started with Processing is here and it's updated for Processing 3. It's now in full color and there's a new chapter on working with data. The Processing Handbook now has a second edition too. Every chapter has been revised, and new chapters introduce more ways to work with data and geometry. New “synthesis” chapters offer discussions and worked examples of topics such as sketching with code, modularity, and algorithms.
+
+
Donate
- Please join us as a member of the Processing Foundation. We need your help!
+ Please support the Processing Foundation. We need your help!
- To see more of what people are doing with Processing, check out these sites:
+
- » CreativeApplications.Net
- » OpenProcessing
- » For Your Processing
- » Processing Subreddit
- » Vimeo
- » Studio Sketchpad
+
+ PCD 2020
+
+ The Processing Community Day (PCD) initiative is evolving. For 2020, we will offer a mentorship program for PCD Worldwide Organizers who are interested in learning from past community organizers and mentors. The goal is to help a diverse group of organizers launch a PCD in their local communities. Check out the PCD @ Worldwide site to learn more about starting or attending an event in 2020!
+
+
+
+
+
+
+ To see more of what people are doing with Processing, check out these sites:
+ » CreativeApplications.Net
+ » OpenProcessing
+ » For Your Processing
+ » Processing Subreddit
+ » Vimeo
+ » Studio Sketchpad
-
- To contribute to the development, please visit
+
+ To contribute to Processing development, please visit
Processing on GitHub to read
instructions for downloading the code,
building from the source,
reporting and tracking bugs, and
creating libraries and tools.
-
-
Partners
- » Fathom
+ Partners
+ » Fathom
» NYU ITP
» UCLA Design Media Arts
diff --git a/templates/template.html b/templates/template.html
index 5752bfd9e..b3836287a 100755
--- a/templates/template.html
+++ b/templates/template.html
@@ -43,6 +43,13 @@
+
+
diff --git a/templates/template.nav.php b/templates/template.nav.php
index 4f5574369..01dd329bd 100755
--- a/templates/template.nav.php
+++ b/templates/template.nav.php
@@ -8,11 +8,9 @@
'Learning' => array('/learning/', 1),
'Tutorials' => array('/tutorials/', 2),
- 'Examples' => array('/examples/', 2),
- # '3D' => array('/learning/3d/', 2),
- # 'Library' => array('/learning/library/', 2),
- 'Books' => array('/books/', 2),
- 'Handbook' => array('/handbook/', 2),
+ 'Examples' => array('/examples/', 2),
+ 'Books' => array('/books/', 2),
+ 'Handbook' => array('/handbook/', 2),
'Reference' => array('/reference/', 1),
@@ -23,7 +21,7 @@
'Environment' => array('/reference/environment/', 2),
'Download' => array('/download/', 1),
- 'Donate' => array('/download/support.html', 1),
+ 'Donate' => array('/download/support.html', 1),
'Shop' => array('/shop/', 1),
@@ -60,7 +58,7 @@ function navigation($section = '')
$html .= "\t\t\t\t\t" . l('Download', $section == 'Download') . "
\n";
$html .= "\t\t\t\t\t" . l('Donate', $section == 'Donate') . "
\n";
- $html .= "\t\t\t\t\t" . l('Exhibition', $section == 'Exhibition') . "
\n";
+ #$html .= "\t\t\t\t\t" . l('Exhibition', $section == 'Exhibition') . "
\n";
$html .= "\t\t\t\t\t" . l('Reference', $section == 'Reference') . "
\n";
$html .= "\t\t\t\t\t" . l('Libraries', $section == 'Libraries') . "
\n";
@@ -84,7 +82,7 @@ function navigation($section = '')
$html .= "\t\t\t\t\t" . "»Wiki
\n";
$html .= "\t\t\t\t\t" . "»FAQ
\n";
$html .= "\t\t\t\t\t" . "»Twitter
\n";
- $html .= "\t\t\t\t\t" . "»Facebook
\n";
+ #$html .= "\t\t\t\t\t" . "»Facebook
\n";
$html .= "\t\t\t\t\t" . "»Medium
\n";
$html .= "\t\t\t\t\n";
- Lead Developers
+ Project Leads
Ben Fry and Casey Reas
started Processing in Spring 2001 and continue to obsessively work on it. In 2012, they started the Processing Foundation along with Dan Shiffman, who formally joined as a third project lead.
- Senior Developers
- Andres Colubri (Boston), OpenGL / Video
- Gottfried Haider (Los Angeles), Processing for Pi
- Florian Jenett (Frankfurt), Forum
- Elie Zananiri (Montreal), Contributed Libraries / Tools
- Scott Murray (San Francisco), Website / Reference / UI
+ Developers
+ Andres Colubri (Boston), OpenGL / Video
+ Elie Zananiri (New York), Contributed Libraries / Tools
+ Samuel Pottinger (San Francisco), Processing Core
+ -
- One way to donate is to become a Processing Foundation Member. Please become a member today to help us continue to provide access to quality, free, open-source software. +
+ We need your help! Please support Processing by making a donation to the Processing Foundation. Your donation contributes to software development, education resources like code examples and tutorials, Fellowships, and community events. +
+ + + + + + + + + +
+
+
+
+
- - The Processing Foundation was founded in 2012 after more than a decade of work with the original Processing software. The Foundation’s mission is to promote software literacy within the visual arts, and visual literacy within technology-related fields — and to make these fields accessible to diverse communities. Our goal is to empower people of all interests and backgrounds to learn how to program and make creative work with code, especially those who might not otherwise have access to these tools and resources. -
++ The Processing Foundation was established in 2012 after more than a decade of work with the Processing software. The Foundation’s mission is to promote software literacy within the visual arts, and visual literacy within technology-related fields — and to make these fields accessible to diverse communities. Our goal is to empower people of all interests and backgrounds to learn how to program and make creative work with code, especially those who might not otherwise have access to these tools and resources. You can read more about the history of Processing in the short essay "A Modern Prometheus." +
diff --git a/content/static/tutorials/arraylist/index.html b/content/static/tutorials/arraylist/index.html index 613ffee6a..5f24a6ad5 100644 --- a/content/static/tutorials/arraylist/index.html +++ b/content/static/tutorials/arraylist/index.html @@ -1,4 +1,4 @@ -In truth, we could use a simple array to manage our Particle objects. Some particle systems might have a fixed number of particles, and arrays are magnificently efficient in those instances. Processing also offers expand(), contract(), subset(), splice() and other methods for resizing arrays. However, for these examples, the Java class ArrayList (found in the java.util package: http://download.oracle.com/javase/6/docs/api/java/util/ArrayList.html) will prove to be the best solution. Using an ArrayList is conceptually similar to a standard array, but the syntax is different. Here is some code (that assumes the existence of a generic Particle class) demonstrating identical results: first with an array, and second with an ArrayList. +In truth, we could use a simple array to manage our Particle objects. Some particle systems might have a fixed number of particles, and arrays are magnificently efficient in those instances. Processing also offers expand(), contract(), subset(), splice() and other methods for resizing arrays. However, for these examples, the Java class ArrayList (found in the java.util package: https://docs.oracle.com/javase/8/docs/api/java/util/ArrayList.html) will prove to be the best solution. Using an ArrayList is conceptually similar to a standard array, but the syntax is different. Here is some code (that assumes the existence of a generic Particle class) demonstrating identical results: first with an array, and second with an ArrayList. // THE STANDARD ARRAY WAY int total = 10; diff --git a/content/static/tutorials/data/index-old.html b/content/static/tutorials/data/index-old.html index 0df744e1b..6221a4a80 100644 --- a/content/static/tutorials/data/index-old.html +++ b/content/static/tutorials/data/index-old.html @@ -17,7 +17,7 @@Daniel Shiffman
Manipulating Strings
- In Strings and Drawing Text, we touched on a few of the basic functions available in the Java String class, such as charAt(), toUpperCase(), equals(), and length(). These functions are documented on the Processing reference page for Strings. Nevertheless, in order to perform some more advanced data parsing techniques, we'll need to explore some additional String manipulation functions documented in the Java API. + In Strings and Drawing Text, we touched on a few of the basic functions available in the Java String class, such as charAt(), toUpperCase(), equals(), and length(). These functions are documented on the Processing reference page for Strings. Nevertheless, in order to perform some more advanced data parsing techniques, we'll need to explore some additional String manipulation functions documented in the Java API.
@@ -518,7 +518,7 @@
Threads
Two examples that follow this methodology can be found under Topics --> Advanced Data in the Processing examples.
-While using the thread() function is a very simple way of getting an independent thread, it should be noted that it is somewhat limited. Being able to make a thread object is a great deal more powerful, and this can be done by extending the Java Thread class.
+While using the thread() function is a very simple way of getting an independent thread, it should be noted that it is somewhat limited. Being able to make a thread object is a great deal more powerful, and this can be done by extending the Java Thread class.
Daniel Shiffman
Manipulating Strings
Let's take a closer look at the following two String functions: indexOf() and substring().
indexOf() locates a sequence of characters within a string. It takes one argument — a search string — and returns a numeric value that corresponds to the first occurrence of the search string inside of the String object being searched.
@@ -1404,6 +1404,34 @@
Code
noStroke(); frameRate(10); // Open the port that the board is connected to and use the same speed (9600 bps) - port = new Serial(this, 9600); + port = new Serial(this, 9600); // Comment this line if it's not the correct port + // If the above does not work uncomment the lines below to choose the correct port + // List all the available serial ports, preceded by their index number: + //printArray(Serial.list()); + // Instead of 0 input the index number of the port you are using: + //port = new Serial(this, Serial.list()[0], 9600); } void draw() { @@ -918,4 +924,4 @@Resources
- \ No newline at end of file + diff --git a/content/static/tutorials/index.html b/content/static/tutorials/index.html index 17369c6a1..7434e5bbb 100644 --- a/content/static/tutorials/index.html +++ b/content/static/tutorials/index.html @@ -294,16 +294,21 @@Text Tutorials. A collection
Level: Advanced
-
-
-
+
-
Anatomy of a Program
- by J David Eisenberg
How do you analyze a problem and break it down into steps that the computer can do?
-Level: Advanced
+
+
+
Anatomy of a Program
+ by J David Eisenberg
How do you analyze a problem and break it down into steps that the computer can do?
+Level: Advanced
+Recorded video
}Presets
@@ -32,13 +33,13 @@ Filip Dan Elie - Scott - Philip + +- Everything - Site + Everything + Site Nothing
Contributions diff --git a/generate/keywords_base.txt b/generate/keywords_base.txt index a88aa2737..7757bb46f 100755 --- a/generate/keywords_base.txt +++ b/generate/keywords_base.txt @@ -252,6 +252,7 @@ double KEYWORD5 double float KEYWORD5 float int KEYWORD5 int long KEYWORD5 long +var KEYWORD5 # Flow structures diff --git a/generate/staticpages.php b/generate/staticpages.php index db3b0422b..1a60b6291 100755 --- a/generate/staticpages.php +++ b/generate/staticpages.php @@ -28,9 +28,9 @@ writeFile('overview/index.html', $page->out()); #copydirr($source.'/images', $path.'/images'); -$page = new Page("Foundation", "Foundation"); -$page->content(file_get_contents($source."foundation.html")); -writeFile('foundation/index.html', $page->out()); +#$page = new Page("Foundation", "Foundation"); +#$page->content(file_get_contents($source."foundation.html")); +#writeFile('foundation/index.html', $page->out()); $page = new Page("People", "People"); $page->content(file_get_contents($source."people.html")); @@ -65,21 +65,21 @@ writeFile('copyright.html', $page->out()); // Copy over the images for the shop index -if (!is_dir($path.'shop')) { - mkdir($path.'shop', 0757); -} +#if (!is_dir($path.'shop')) { +# mkdir($path.'shop', 0757); +#} -if (!is_dir($path.'shop/imgs')) { - mkdir($path.'shop/imgs', 0757); -} +#if (!is_dir($path.'shop/imgs')) { +# mkdir($path.'shop/imgs', 0757); +#} -if (is_dir($path.'shop/imgs')) { - copydirr($source.'shop/imgs', $path.'shop/imgs', null, 0757, false); -} +#if (is_dir($path.'shop/imgs')) { +# copydirr($source.'shop/imgs', $path.'shop/imgs', null, 0757, false); +#} -$page = new Page("Shop", "Shop"); -$page->content(file_get_contents($source.'shop/'."index.html")); -writeFile('shop/index.html', $page->out()); +#$page = new Page("Shop", "Shop"); +#$page->content(file_get_contents($source.'shop/'."index.html")); +#writeFile('shop/index.html', $page->out()); $benchmark_end = microtime_float(); $execution_time = round($benchmark_end - $benchmark_start, 4); diff --git a/img/cc.png b/img/cc.png new file mode 100644 index 000000000..4acf8c4ec Binary files /dev/null and b/img/cc.png differ diff --git a/img/learning/books/coding-art.jpg b/img/learning/books/coding-art.jpg new file mode 100644 index 000000000..79fa91e5a Binary files /dev/null and b/img/learning/books/coding-art.jpg differ diff --git a/img/learning/books/o-codigo.jpg b/img/learning/books/o-codigo.jpg new file mode 100644 index 000000000..e70fad0e9 Binary files /dev/null and b/img/learning/books/o-codigo.jpg differ diff --git a/img/learning/books/pro-processing.jpg b/img/learning/books/pro-processing.jpg new file mode 100644 index 000000000..25e7f6863 Binary files /dev/null and b/img/learning/books/pro-processing.jpg differ diff --git a/img/learning/books/programming-101.jpg b/img/learning/books/programming-101.jpg new file mode 100644 index 000000000..3749c36a2 Binary files /dev/null and b/img/learning/books/programming-101.jpg differ diff --git a/java_generate/templates/class.template.html b/java_generate/templates/class.template.html index 3d715adf9..96634b4c1 100644 --- a/java_generate/templates/class.template.html +++ b/java_generate/templates/class.template.html @@ -23,7 +23,7 @@ -
+
+
-
-
+
diff --git a/java_generate/templates/generic.template.html b/java_generate/templates/generic.template.html
index dbf060144..d8858a537 100644
--- a/java_generate/templates/generic.template.html
+++ b/java_generate/templates/generic.template.html
@@ -23,7 +23,6 @@
-
- Processing
- p5.js @@ -44,6 +44,13 @@
@@ -82,37 +89,8 @@
@@ -124,8 +102,7 @@
© Info
-
+
This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License.
-
+ This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License.
- Processing @@ -45,6 +44,12 @@
@@ -83,37 +88,8 @@
diff --git a/java_generate/templates/index.alphabetical.template.html b/java_generate/templates/index.alphabetical.template.html
index a716f1117..1c52fca5c 100644
--- a/java_generate/templates/index.alphabetical.template.html
+++ b/java_generate/templates/index.alphabetical.template.html
@@ -43,6 +43,12 @@
+
diff --git a/java_generate/templates/index.template.html b/java_generate/templates/index.template.html
index a6bb0e508..12b460548 100644
--- a/java_generate/templates/index.template.html
+++ b/java_generate/templates/index.template.html
@@ -42,6 +42,12 @@
+
diff --git a/java_generate/templates/library.index.template.html b/java_generate/templates/library.index.template.html
index 3a9fef789..98c01d64e 100644
--- a/java_generate/templates/library.index.template.html
+++ b/java_generate/templates/library.index.template.html
@@ -23,7 +23,7 @@
-
-
+
This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License.
-
+ This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License.
+
-
+
diff --git a/java_generate/templates/nav.web.template.html b/java_generate/templates/nav.web.template.html
index a754b73e7..43f41939c 100644
--- a/java_generate/templates/nav.web.template.html
+++ b/java_generate/templates/nav.web.template.html
@@ -4,7 +4,7 @@
Download- Processing
- p5.js @@ -84,7 +84,7 @@
Events
© InfoDonate
- Exhibition
+ Reference
Libraries
@@ -13,7 +13,7 @@ Tutorials
Examples
- Books
+ Books
Overview
@@ -28,6 +28,6 @@ »Wiki
»FAQ
+ »Medium \ No newline at end of file diff --git a/templates/template.cover.html b/templates/template.cover.html index 56d113e50..4e776eb87 100755 --- a/templates/template.cover.html +++ b/templates/template.cover.html @@ -7,36 +7,34 @@ Download Processing
Browse Tutorials
Visit the Reference
- -
-
- +
- Processing is a flexible software sketchbook and a language for learning how to code within the context of the visual arts. Since 2001, Processing has promoted software literacy within the visual arts and visual literacy within technology. There are tens of thousands of students, artists, designers, researchers, and hobbyists who use Processing for learning and prototyping. - -
-
-
- » Free to download and open source -
- » Interactive programs with 2D, 3D, PDF, or SVG output -
- » OpenGL integration for accelerated 2D and 3D -
- » For GNU/Linux, Mac OS X, Windows, Android, and ARM -
- » Over 100 libraries extend the core software -
- » Well documented, with many books available -
- +
+
+ Processing is a flexible software sketchbook and a language for learning how to code within the context of the visual arts. Since 2001, Processing has promoted software literacy within the visual arts and visual literacy within technology. There are tens of thousands of students, artists, designers, researchers, and hobbyists who use Processing for learning and prototyping. +
-
+
- » Free to download and open source +
- » Interactive programs with 2D, 3D, PDF, or SVG output +
- » OpenGL integration for accelerated 2D and 3D +
- » For GNU/Linux, Mac OS X, Windows, Android, and ARM +
- » Over 100 libraries extend the core software +
- » Well documented, with many books available +
-
+
+
Books
- The 2nd edition of Getting Started with Processing is here and it's updated for Processing 3. It's now in full color and there's a new chapter on working with data. The 2nd edition of the Processing Handbook is here too. Every chapter has been revised, and new chapters introduce more ways to work with data and geometry. New “synthesis” chapters offer discussion and worked examples of such topics as sketching with code, modularity, and algorithms.
+ The second edition of Getting Started with Processing is here and it's updated for Processing 3. It's now in full color and there's a new chapter on working with data. The Processing Handbook now has a second edition too. Every chapter has been revised, and new chapters introduce more ways to work with data and geometry. New “synthesis” chapters offer discussions and worked examples of topics such as sketching with code, modularity, and algorithms.
Donate
- Please join us as a member of the Processing Foundation. We need your help! + Please support the Processing Foundation. We need your help!To see more of what people are doing with Processing, check out these sites:
+ -» CreativeApplications.Net
- » OpenProcessing
- » For Your Processing
- » Processing Subreddit
- » Vimeo
- » Studio Sketchpad
+
+ PCD 2020
+
+ The Processing Community Day (PCD) initiative is evolving. For 2020, we will offer a mentorship program for PCD Worldwide Organizers who are interested in learning from past community organizers and mentors. The goal is to help a diverse group of organizers launch a PCD in their local communities. Check out the PCD @ Worldwide site to learn more about starting or attending an event in 2020!
+
+
+
+
+
+ +
+ The Processing Community Day (PCD) initiative is evolving. For 2020, we will offer a mentorship program for PCD Worldwide Organizers who are interested in learning from past community organizers and mentors. The goal is to help a diverse group of organizers launch a PCD in their local communities. Check out the PCD @ Worldwide site to learn more about starting or attending an event in 2020!
+
+
+ To see more of what people are doing with Processing, check out these sites:
+ » CreativeApplications.Net
+ » OpenProcessing
+ » For Your Processing
+ » Processing Subreddit
+ » Vimeo
+ » Studio Sketchpad
- To contribute to the development, please visit +
+ To contribute to Processing development, please visit Processing on GitHub to read instructions for downloading the code, building from the source, reporting and tracking bugs, and creating libraries and tools.
--
Partners
- » Fathom+
Partners
+ » Fathom» NYU ITP
» UCLA Design Media Arts diff --git a/templates/template.html b/templates/template.html index 5752bfd9e..b3836287a 100755 --- a/templates/template.html +++ b/templates/template.html @@ -43,6 +43,13 @@
\n"; $html .= "\t\t\t\t\t" . l('Donate', $section == 'Donate') . "
\n"; - $html .= "\t\t\t\t\t" . l('Exhibition', $section == 'Exhibition') . "
\n"; + #$html .= "\t\t\t\t\t" . l('Exhibition', $section == 'Exhibition') . "
\n"; $html .= "\t\t\t\t\t" . l('Reference', $section == 'Reference') . "
\n"; $html .= "\t\t\t\t\t" . l('Libraries', $section == 'Libraries') . "
\n"; @@ -84,7 +82,7 @@ function navigation($section = '') $html .= "\t\t\t\t\t" . "»Wiki
\n"; $html .= "\t\t\t\t\t" . "»FAQ
\n"; $html .= "\t\t\t\t\t" . "»Twitter
\n"; - $html .= "\t\t\t\t\t" . "»Facebook
\n"; + #$html .= "\t\t\t\t\t" . "»Facebook
\n"; $html .= "\t\t\t\t\t" . "»Medium
\n"; $html .= "\t\t\t\t\n";