So. New forum. First post. Frustrated.
I don't claim to write clean code, but I try to make it readable. I started programming somewhere in the 80s, in BASIC, then in C, C++, whatever. I love global variables, I can do Object Oriented. I was looking for a way to program in Java directly on Android, with the result being an APK. So I came to Processing. Hm. I would have made APDE as some kind of dual-mode tool chain, where one mode is the basic "Go and write processing" and the other mode as "programm natively, use P as import, do your own main without overriding", but that's just me and outside the scope of what I'm trying to do here.
First I went ahead and grabbed me android's sensors just to see if I could. I made my own sensor class, grabbed temperature from the battery manager, made another class (batman), registered some callbacks, put them on screen, added a background. Worked.
I started grabbing touch input as mouse input, worked just fine. Wanted to text() on a PGraphics to help debug. Easy-peasy. Make a PGraphics, text in, display it by image(..), clear() it, text in, display, clear, rinse, repeat.
Huh. What's that? the text overwrites and overwrites and overwrites (I was grabbing touch position, fingerdown, fingerup, worked like a charm.) but wasn't clearing. I wanted to re-use the PGraphics with clear() because creating a new one 30x per second is not the way to go, right? But no, clear() does nothing but put a new "backround" on top, full black, fully transparent. On top. Yeah, you read that right. Took me 4 hours of my life and diving into Processing on github. (censored). By the way, whenever someone on github or here found some problem with clear() and pgraphics, the comments are a hoot. Yeah, I can reproduce it. No, I will not loop over 300,000 pixels to reset them 30 times a second, thanks for recommending. Even the clear() example right in the procesing reference (modified to draw on touch, clear on finger-up) does not work on Android. Let me repeat that: IT DOES NOT WORK. Want a (censored) video?
Next, with a lightsensor running, I wanted to build some photographer's helper. Some overlaying rotating discs, aperture, shutter speed, a draggable ISO selector... Let's start with a disc. Made me some nice square metal plate, read some more. Either I take it and mask it with something round to get a disc, or I apply it as a texture onto a circle.
Since my first hour trying to texture(...) resp. setTexture(...) somehow failed to bring results, and I saw that masking was the obviously preferred way to go in the forum, I went down that rabbithole.
![Screenshot_2017-09-02-17-10-38]( "Screenshot_2017-09-02-17-10-38")
Want some code? You get some code.
import android.os.Bundle;
import android.os.Build;
import android.app.Activity;
import android.content.Context;
import android.view.WindowManager;
import android.view.Display;
Activity activity;
Context context;
Display display;
int rotation;
String rotString;
String orientation;
float aspectRatio;
int canvasX;
int canvasY;
int fontSizeNormal = 5;
int colWidth;
int rowHeight;
int rows;
int cols;
int gridUnitX;
int gridUnitY;
float fScale;
int iScale;
int i;
int loopcount = 0;
PGraphics backgroundG;
PGraphics maskG;
PGraphics balouG;
PGraphics balouMaskedG;
PGraphics testG;
PGraphics jerkG;
PImage bgIMG;
PImage testIMG;
PImage balouIMG;
PImage balouorigIMG;
PImage cJerkIMG;
public void setup() {
//fullScreen();
//orientation(PORTRAIT);
size(displayWidth, displayHeight, P2D);
frameRate(30);
background(0,0,0);
canvasX = displayWidth;
canvasY = displayHeight;
activity = this.getActivity();
context = activity.getApplicationContext();
display = ((WindowManager) context.getSystemService(Context.WINDOW_SERVICE)).getDefaultDisplay();
fontSizeNormal = int(float(canvasX)/18);
rows = 2; cols = 3;
gridUnitX = int(float(canvasX) / 11);
gridUnitY = int(float(canvasY) / 14);
fScale = canvasX / 1000;
iScale = int(fScale);
backgroundG = createGraphics(canvasX, canvasY);
bgIMG = loadImage("background.jpg");
while (bgIMG.width == 0) { delay(100); }
backgroundG.beginDraw();
backgroundG.image(bgIMG,0,0,canvasX, canvasY); // fit to canvas on-the-fly
backgroundG.endDraw();
image(backgroundG,0,0); // let's get this out of the way
balouG = createGraphics(300, 300);
balouorigIMG = loadImage("balou.jpg");
while (balouorigIMG.width == 0) { delay(100); }
balouorigIMG.resize(300,300); // resize it
balouG.beginDraw();
balouG.image(balouorigIMG,0,0); // and put it in the upper left corner of PGraphics balouG
balouG.endDraw();
maskG = createGraphics(300,300);
maskG.beginDraw();
maskG.ellipse(150, 150, 300, 300); // nice white circle
maskG.endDraw();
balouMaskedG = createGraphics(300, 300);
balouIMG = loadImage("balou.jpg");
while (balouIMG.width == 0) { delay(100); }
balouIMG.resize(300,300); // if I don't resize here,
balouIMG.mask(maskG); // I get an error that the mask doesn't fit the image
balouMaskedG.beginDraw(); // so something happens in resize(int, int)
balouMaskedG.image(balouIMG,0,0); // but what?!?
balouMaskedG.endDraw();
// and just for the heck of it:
balouMaskedG.clear(); // outside a beginDraw/endDraw
balouMaskedG.beginDraw();
balouMaskedG.clear(); // inside a beginDraw/endDraw
balouMaskedG.endDraw();
// at least one of those should return balouMaskedG to a completely transparent state.
// if you check the Processing -> Android port's source, you should immediately see why that fails.
testG = createGraphics(300, 300);
testIMG = loadImage("balou.jpg");
while (testIMG.width == 0) { delay(100); }
testG.beginDraw();
testG.image(testIMG,0,0,300,300); // fit to 300x300 canvas
testG.endDraw();
// Afterthought:
testIMG.resize(300,300); // should work just fine, right?
jerkG = createGraphics(300, 300);
cJerkIMG = loadImage("balou.jpg");
while (cJerkIMG.width == 0) { delay(100); }
cJerkIMG.resize(300,300); // resize it
jerkG.beginDraw();
jerkG.image(cJerkIMG,0,0); // and put it in the upper left corner of PGraphics
cJerkIMG.mask(maskG);
jerkG.image(cJerkIMG,50,50); // and NOT put it in the upper left corner of PGraphics
jerkG.clear(); // does nothing
jerkG.endDraw();
jerkG.clear(); // still does nothing
loop();
}
public void draw() {
textSize(15);
fill(200,200,200);
background(0); // black is beautiful
image(backgroundG,0,0); // nicely stretched background
text("Background fit to canvas on-the-fly",0,20);
image(maskG,25,25); // white circle
text("Mask",25,50);
image(balouG,350,25); // nicely resized PGraphics
text("resized and\nput into PGraphics",350,50);
image(testG,675,25); // nicely resized PGraphics
text("on-the-fly-resize while\nput into PGraphics",50,375);
image(balouMaskedG,1000,25); //gives a black circle?!?
text("resized, masked and\nput into PGraphics\n(should be cleared)",1000,50);
image(balouorigIMG,25, 350);
text("resized image\nWITHOUT PGraphics\nbut put through a PGraphics\nbefore",25,375);
image(testIMG,350,350); //
text("just a resized image\nwithout PGraphics",350,375);
image(cJerkIMG,675,350); //
text("Why is that black\noutside the cirle??",675,375);
image(jerkG,1000,350); //
text("I go destroy something now.",1000,375);
} // last line of draw()
Sorry for those seemingly random missing linebreaks, we have some translation error here(LF/CRLF stuff, old but gold).
Also, there are a lot of unused vars, as I yanked that out of the lightmeter sketch and expanded on it.
Anyways. Now, if I resize a loaded image, it'll be black unless I draw it into a PGraphics? Really?
And the mask does nothing unless I put the masked image through a PGraphics, and then the background is black? Why? I feel like Del Shannon crying Why why why why why in"Runaway".
And don't even get me started on lines in the console, like
"The pixel array has a length of 90000, but it should be at least 184041"
So, who made that pixel array too small?
Flame me, boot me, whatever, but this needed out, I already had one heart attack, I don't need another one.
You need one non-300x300px image to test that code yourself.
