PFont font;
+  PFont font;
// The font must be located in the sketch's
// "data" directory to load successfully
font = loadFont("FFScala.ttf");
@@ -37,7 +37,7 @@
| Methods |
diff --git a/reference/PFont_list_/index.html b/reference/PFont_list_/index.html
index da9f992..ba3e55c 100644
--- a/reference/PFont_list_/index.html
+++ b/reference/PFont_list_/index.html
@@ -14,7 +14,7 @@
|
| Processing.js Behavior |
Font support for the Canvas element varies across browsers. FireFox currently has the best support, but still uses a pre-defined set of fonts. (Documentation to follow soon.) Good alternatives to the browser's Canvas-font functions are available: such as the Glyph method. See also: Canvas Text, BurntToys Bauhaus.
-
Please use the following demos to learn how fonts can be rendered in Firefox with Processing.js: Letters, Words, width()
+
Please use the following demos to learn how fonts can be rendered in Firefox with Processing.js: Letters, Words, textWidth()
|
diff --git a/reference/PGraphics/index.html b/reference/PGraphics/index.html
index a64cbd9..a1970d2 100644
--- a/reference/PGraphics/index.html
+++ b/reference/PGraphics/index.html
@@ -11,7 +11,7 @@
| Examples |
-  PGraphics pg;
+  PGraphics pg;
void setup() {
size(100, 100);
@@ -43,13 +43,13 @@
|
@@ -90,6 +90,6 @@
|
| Related |
- createGraphics() |
+ createGraphics() |
diff --git a/reference/PImage/index.html b/reference/PImage/index.html
index a070fc5..969f1a3 100644
--- a/reference/PImage/index.html
+++ b/reference/PImage/index.html
@@ -11,7 +11,7 @@
| Examples |
-  PImage b;
+  PImage b;
b = loadImage("laDefense.jpg");
image(b, 0, 0); |
|
@@ -33,16 +33,16 @@
diff --git a/reference/PVector/index.html b/reference/PVector/index.html
index 83e364c..637ba90 100644
--- a/reference/PVector/index.html
+++ b/reference/PVector/index.html
@@ -46,16 +46,16 @@
|
- | x |
+ x |
x component of the vector |
- | y |
+ y |
y component of the vector |
- | z |
+ z |
z component of the vector |
@@ -67,65 +67,65 @@
Methods |
|
diff --git a/reference/background_/index.html b/reference/background_/index.html
index 1e243ce..22ec0b8 100644
--- a/reference/background_/index.html
+++ b/reference/background_/index.html
@@ -20,7 +20,7 @@
Examples |
-  background(51);  background(255, 204, 0); 
+  background(51);  background(255, 204, 0); |
diff --git a/reference/createGraphics_/index.html b/reference/createGraphics_/index.html
index 25a8563..fb487c6 100644
--- a/reference/createGraphics_/index.html
+++ b/reference/createGraphics_/index.html
@@ -20,7 +20,7 @@
Examples |
- PGraphics pg;
+ PGraphics pg;
@@ -160,7 +160,7 @@
| Related |
- PGraphics
|
+ PGraphics
|
diff --git a/reference/createImage_/index.html b/reference/createImage_/index.html
index 408cca1..4c9b176 100644
--- a/reference/createImage_/index.html
+++ b/reference/createImage_/index.html
@@ -20,7 +20,7 @@
Examples |
-  PImage img = createImage(66, 66, RGB);
+  PImage img = createImage(66, 66, RGB);
for(int i=0; i < img.pixels.length; i++) {
@@ -28,7 +28,7 @@
}
-image(img, 17, 17); PImage img = createImage(66, 66, RGB);
+image(img, 17, 17);  PImage img = createImage(66, 66, RGB);
for(int i=0; i < img.pixels.length; i++) {
@@ -132,9 +132,9 @@
| Related |
- PImage
+ | PImage
- PGraphics
|
+ PGraphics
|
diff --git a/reference/font/index.html b/reference/font/index.html
index 197025e..ec01b14 100644
--- a/reference/font/index.html
+++ b/reference/font/index.html
@@ -34,7 +34,7 @@
| Description |
If you wish to use custom fonts in your sketch, these must be preloaded using the font @pjs directive. Preloading fonts uses its own command,
- rather than the standard preload command, because unlike images a font must not just be cached, but must also be loaded into memory for the browser
+ rather than the standard preload command, because unlike images a font must not just be cached, but must also be loaded into memory for the browser
to make use of. Processing.js does this by relying on the browser to load the font via a CSS @font-face rule. While most browsers support a large number
of font formats for use with @font-face (woff, svg, eot, ttf and otf), relying on "truetype" (ttf) and "opentype" (otf) font formats offer the greatest
interoperability between Processing and Processing.js.
@@ -90,8 +90,8 @@
|
| Related |
- @pjs directives
-
createFont()
+ @pjs directives
+
createFont()
|
- | | | |
\ No newline at end of file
+
diff --git a/reference/globalKeyEvents/index.html b/reference/globalKeyEvents/index.html
index 85c3a25..9c2620b 100644
--- a/reference/globalKeyEvents/index.html
+++ b/reference/globalKeyEvents/index.html
@@ -120,7 +120,7 @@
|
| Related |
- @pjs directives
+ @pjs directives
|
diff --git a/reference/imageMode_/index.html b/reference/imageMode_/index.html
index c3fe70b..d9ebfd1 100644
--- a/reference/imageMode_/index.html
+++ b/reference/imageMode_/index.html
@@ -12,7 +12,7 @@
| Examples |
-  // @pjs preload must be used to preload the image
+  // @pjs preload must be used to preload the image
/* @pjs preload="laDefense_crop.jpg"; */
PImage b;
b = loadImage("laDefense_crop.jpg");
@@ -60,9 +60,9 @@
| Related |
- loadImage()
- PImage
- image()
- background()
|
+ loadImage()
+ PImage
+ image()
+ background()
|
diff --git a/reference/image_/index.html b/reference/image_/index.html
index 185fbd9..bbb556c 100644
--- a/reference/image_/index.html
+++ b/reference/image_/index.html
@@ -20,7 +20,7 @@
Examples |
- 
+ 
// @pjs preload must be used to preload the image
@@ -30,7 +30,7 @@
b = loadImage("laDefense.jpg");
- image(b, 0, 0);
+ image(b, 0, 0); 
// @pjs preload must be used to preload the image
@@ -170,17 +170,17 @@
- loadImage()
+ loadImage()
- PImage
+ PImage
- imageMode()
+ imageMode()
- tint()
+ tint()
- background()
+ background()
- alpha()
+ alpha()
|
diff --git a/reference/index.html b/reference/index.html
index 9590788..11f0c4d 100644
--- a/reference/index.html
+++ b/reference/index.html
@@ -7,152 +7,153 @@ Reference
This page references all the commands available to Processing.js. Regular Javascript commands will work in Processing.js script.
The Processing.js community is working towards a 100% compatible API, allowing all native Java code to run in Javascript.
Items highlighted in red are not yet implemented.
-The original Processing reference can be found on the Processing website
-If you encounter any problems with these commands or their documentation please file a bug
+ The original Processing reference can be found on the Processing website
+If you encounter any problems with these commands or their documentation please file a
+bug
@@ -160,173 +161,173 @@ Logical Operators
@@ -334,139 +335,139 @@ Material Properties
| Examples |
- 
+ 
// @pjs preload must be used to preload the image
@@ -32,7 +32,7 @@
image(b, 0, 0);
-
+ |
| | | |
diff --git a/reference/pauseOnBlur/index.html b/reference/pauseOnBlur/index.html
index ab3ffe8..864c3f3 100644
--- a/reference/pauseOnBlur/index.html
+++ b/reference/pauseOnBlur/index.html
@@ -86,7 +86,7 @@
| Related |
- @pjs directives
+ @pjs directives
|
-
\ No newline at end of file
+
diff --git a/reference/pjs directive/index.html b/reference/pjs directive/index.html
index 7e392d9..5d3da1d 100644
--- a/reference/pjs directive/index.html
+++ b/reference/pjs directive/index.html
@@ -34,9 +34,9 @@
As Processing.js offers a tighter integration between Processing sketches and webpages than the traditional applet approach, certain
functions that are normally regulated by Processing are left to be handled by the browser. This approach means that certain behaviour that is
expected from a sketch may not work without additional "outside the sketch" instructions, for which /* @pjs */ directives must be used. There
- are two types of directives: directives that tell Processing.js to buffer data that must be available to a sketch when it is run (preload,
- font), and directives that tell Processing.js how to behave once the sketch is running (crisp,
- globalKeyEvents, pauseOnBlur).
+ are two types of directives: directives that tell Processing.js to buffer data that must be available to a sketch when it is run (preload,
+ font), and directives that tell Processing.js how to behave once the sketch is running (crisp,
+ globalKeyEvents, pauseOnBlur).
These directives are in block comment syntax so that they do not interfere with a sketch when it runs as native Processing, but if you do not wish
to pollute your source with @pjs directives, you can also store your directives in a separate file, and only call this file on your page:
directives.pde:
@@ -87,11 +87,11 @@
| Related |
- font
-
crisp
-
pauseOnBlur
-
globalKeyEvents
-
preload
+ | font
+
crisp
+
pauseOnBlur
+
globalKeyEvents
+
preload
|
| |
diff --git a/reference/preload/index.html b/reference/preload/index.html
index cd30749..bf7714a 100644
--- a/reference/preload/index.html
+++ b/reference/preload/index.html
@@ -30,7 +30,7 @@
|
+ 
+ 
+ 
