Processing - Revision history

Superogue at 16:42, 25 January 2023

2023-01-25T16:42:17Z

2023-01-25T16:38:57Z

2023-01-23T15:05:07Z

2023-01-23T15:04:14Z

2023-01-23T15:03:08Z

2023-01-23T15:02:44Z

2023-01-23T15:02:17Z

‎Video display

2023-01-23T14:45:31Z

2023-01-23T14:44:13Z

2023-01-23T14:37:25Z

← Older revision		Revision as of 16:42, 25 January 2023
Line 73:		Line 73:

	You can set a different colormode (RGB or HSV for example) for primitive drawing using the colorMode call ( https://processing.org/reference/colorMode_.html )		You can set a different colormode (RGB or HSV for example) for primitive drawing using the colorMode call ( https://processing.org/reference/colorMode_.html )
		+
		+	==== Text Handling ====
		+	Texts can be printed using the default font with the text("text",x,y); command. Fontsize can be set with textSize(size); and color with fill(color(r,g,b)). Additionally there are some options for Text alignment ( see https://processing.org/reference/#typography ). External fonts can not be loaded/used for sizecoding.

	==== Using Shaders ====		==== Using Shaders ====

@@ Line 50: / Line 50: @@
 arc()
 quad()
-print()
+text("text",x,y)
 </syntaxhighlight>

@@ Line 96: / Line 96: @@
 However it is possible to access sound directly through java via the:
+<syntaxhighlight lang="java">
-* import javax.sound.sampled.*; // for digital sound output
+import javax.sound.sampled.*; // for digital sound output
-* import javax.sound.midi.*; // for MIDI sound output
+import javax.sound.midi.*; // for MIDI sound output
 However, minimal setup for these libraries is at least 150-300 bytes, so they are unusable for 256 byte intros or less and even for larger intros cut into the size-budget significantly.

@@ Line 103: / Line 103: @@
 === Optimisation Tricks ===
-Updated soon.
+Here are a couple of other tips and tricks that help you squeeze those bytes:
 * Use single line of global variables to save space on type definition
@@ Line 117: / Line 111: @@
 * You can stick 2 for-loops together like so for(y=0;y<99;y++)for(x=0;x<99;x++){ ... }
-=== PDE file release ===
+=== Final optimisations and PDE File Release ===
 The PDE file is just a raw dump of your Java code and needs to be delivered as a single PDE file without external dependencies.
 Unfortunately, that means that using an eval with the code 'packed' as unicode characters (as is used with codetweets for example), does nothing for decreasing your file size.

@@ Line 76: / Line 76: @@
 ==== Using Shaders ====
 It is possible to use shaders in processing by initializing your canvas in P2D or P3D mode.
 Since everything needs to be in a single PDE file, we cannot use the LoadShader() function, but need to use the PShader constructor to initialize the shader.
 After initialization you can select the shader using the shader(shadername) or filter(shadername) function.

@@ Line 82: / Line 82: @@
 <syntaxhighlight lang="java">
 // Shadercode
-String g="#version 150\nin vec4 position;out vec4 fragColor;uniform float t;void main(){";
+PShader s;String g="#version 150\nin vec4 position;out vec4 fragColor;uniform float t;void main(){";
 String[] v={g,"gl_Position=position-.5;}"};
 String[] f={g,"vec2 p=gl_FragCoord.xy/vec2(480,270);fragColor=vec4(p.x,p.y,cos(p.y*2.+t),1);}"};
 void setup(){size(960,540,P2D);s=new PShader(this,v,f);}
 void draw(){filter(s);s.set("t",(float)millis()/999);}

@@ Line 32: / Line 32: @@
 You can set your canvas using the following functions:
-<syntaxhighlight lang="javascript">
+<syntaxhighlight lang="java">
 size(width,height,[renderer])
 </syntaxhighlight>
@@ Line 39: / Line 39: @@
 Here are a couple of built-in drawing functions you can use. For most primitives have their color set via the fill(color) call.
 Unfortunately for us sizecoders, primitives have stroke enabled by default. You can disable this using the noStroke() call.
-<syntaxhighlight lang="javascript">
+<syntaxhighlight lang="java">
 background(colorvalue) - clears screen
 point(x,y)
@@ Line 56: / Line 56: @@
 Here is a bit of code to get you started:
-<syntaxhighlight lang="javascript">
+<syntaxhighlight lang="java">
 int t=0;void draw()
+{
@@ Line 73: / Line 73: @@
 You can set a different colormode (RGB or HSV for example) for primitive drawing using the colorMode call ( https://processing.org/reference/colorMode_.html )
 === Sound ===

@@ Line 102: / Line 102: @@
 === PDE file release ===
-The PDE file is just a raw dump of your java/javascript code. Unfortunately, that means that using an eval with the code 'packed' as unicode characters (as is used with codetweets for example), does nothing for decreasing your file size.
+The PDE file is just a raw dump of your Java code and needs to be delivered as a single PDE file without external dependencies.
 Also, the Processing editor doesn't show character count, so you'll have to keep track of your filesize manually.

@@ Line 95: / Line 95: @@
 Here are a couple of other tips and tricks that help you squeeze those final bytes:
-* No need to use the setup() function, just resize your canvas inside the draw() function.
+* Use single line of global variables to save space on type definition
-* In some cases java-code might be smaller than javascript/p5.js depending on your code.
+* Assign as many variables in a single line when type definition is need , e.g. float x=o%320,y=o/320,z=3;
-* specific integer casting is possible with ~~varianble or expression.
+* For loops can be written like this: for(i=0;i++<256;) to save 1 character.
 * You can stick 2 for-loops together like so for(y=0;y<99;y++)for(x=0;x<99;x++){ ... }
 === PDE file release ===