Example BoxDrop

Inspired by

this topic on Processing Discourse

Cleaned up Rewrote the code, somewhat, and it became a mini-game of sorts :-)

Other stuff dropped here

Sabbatier effect

Inspired by https://discourse.processing.org/t/sabattier-effect-in-processing/21553

Original in Sabbat

And for the fun of it, I made a GLSL shader verion.

Android Multiline Edit

... and how to integrate it into a Processing Sketch.

Inspired by

EmmanuelPil/Android-java-code-utilities-widgets-for-Processing-for-Android#2

After some tinkering, it doesnt look too bad:

• All the Android niceties
  • Context menu
  • Keyboard control
  • Scrolling
  • Vertical scrollbar
  • ... I just can't get s horizontal sb.
• Size synced with Processing
• Vertical scrollbar
• proper alignment
• Wrapped up for 'normal' Processing use (runonuithread madness).
• Minimal example without unneccessary glitzer
• and as a bonus: handling orientation changes in Processing/Android/APDE!

See EditText2

PS: My 'real' version now uses a change-listener, if someone is interested, I'll post it.

---

BoxDrop

Step1

Now in folder Example 1

Note how the collision detection works without any grid based knowledge, could be extended to arbitrary shapes.

By and by, I might add

• Sound
• Textures
• Shapes
• 3D
• Highscores
• Instructions/credits
• ...

and explain a little bit how each step is done, making it a tutorial for simple game design with Processing.

Stay tuned. 06.06.2020

and It became a real little game:

Step2

• Demo/autoplay mode
• Bouncy balls
• crude UI

Next? Maybe add sound. Ploink, ploink...

GLSL

Source in SabbatG

@Milchreis : This might be of interest for you?

Note that it is not much longer ( if at all) than going for pixels[] from java/pde, and once written, very easy to use.

About 1000x faster, too :-). And no copying of images.

Just so:

sketch.pde

/*************************************************************************************** * Copyright (c) 2020 by the author * @author Ullrich Heinemann , https://github.com/uheinema * Released under the terms of the GPLv3, refer to: http://www.gnu.org/licenses/gpl.html ***************************************************************************************/PImagepic;
PShaderFILTER;
StringfilterFrag="sabbatierFrag310.glsl";
floataspect;
floatpiwi;
voidsetup() {
fullScreen(P3D);
pic=loadImage("manray.png");
piwi=width;
aspect=1.0*pic.height/pic.width;
if (aspect>1) piwi/=aspect;
FILTER=loadShader(
filterFrag,
"FilterVert310.glsl"
);
}
voiddraw() {
background(frameCount);
image(pic, 0, 10, piwi, piwi*aspect);
g.shader(FILTER);
FILTER.set("limit",(float)(frameCount%500)/500.0);
image(pic, 0, 20+piwi*aspect, piwi, piwi*aspect);
g.resetShader();;
}

sabbatierFrag310.glsl

#version310 es
#ifdef GL_ES
precisionmediumpfloat;
precisionmediumpint;
#endif#define PROCESSING_TEXTURE_SHADER
invec4 vertTexCoord;
outvec4 out_gl_FragColor;
uniformsampler2D texMap;
uniformfloat limit; // 0.0f if not initialized?// from https://github.com/msfeldstein/glsl-map/blob/master/index.glslfloat map(float value, float inMin, float inMax, float outMin, float outMax) {
return outMin + (outMax - outMin) * (value - inMin) / (inMax - inMin);
}
// -------// copied (almost) verbatim from javafloat sabbatier(float u) {
float lim=0.2f;
float r;
if(limit!=0.0f) lim=limit;
if (u<lim) // in glsl, some ramp would be even faster
r=map(u, 0.0, lim, 1.0, 0.0);
else
r=map(u, lim, 1.0, 0.0, 1.0);
return r;
}
//-------void main() { vec2 p = vertTexCoord.st;
out_gl_FragColor =vec4( vec3(sabbatier(texture(texMap,p).b)),1.0);
}

and finally FilterVert310.glsl :

#version310 es
#ifdef GL_ES
precisionmediumpint;
#endifuniformmat4 transformMatrix;
uniformmat4 texMatrix;
invec4 position;
invec2 texCoord;
outvec4 vertTexCoord; // keep at 4 for minimal 110 compat// and gl_Position...void main() {
gl_Position= transformMatrix * position; // must be
vertTexCoord = texMatrix *// leave out to turn upside down...why notvec4(texCoord, 1.0, 1.0);
}

Enjoy...

09.06.2020

---