Howdy, Stranger!
We are about to switch to a new forum software. Until then we have removed the registration on this forum.
Categories
- All Categories 25.7K
- Announcements & Guidelines 13
- Common Questions 30
- Using Processing 22.1K
- Programming Questions 12.2K
- Questions about Code 6.4K
- How To... 4.2K
- Hello Processing 72
- GLSL / Shaders 292
- Library Questions 4K
- Hardware, Integration & Other Languages 2.7K
- Kinect 668
- Arduino 1K
- Raspberry PI 188
- Questions about Modes 2K
- Android Mode 1.3K
- JavaScript Mode 413
- Python Mode 205
- Questions about Tools 100
- Espanol 5
- Developing Processing 548
- Create & Announce Libraries 211
- Create & Announce Modes 19
- Create & Announce Tools 29
- Summer of Code 2018 93
- Rails Girls Summer of Code 2017 3
- Summer of Code 2017 49
- Summer of Code 2016 4
- Summer of Code 2015 40
- Summer of Code 2014 22
- p5.js 1.6K
- p5.js Programming Questions 947
- p5.js Library Questions 315
- p5.js Development Questions 31
- General 1.4K
- Events & Opportunities 288
- General Discussion 365
In this Discussion
- limzykenneth March 2017
Modifying a renderer transparency affects the whole window...
Hi, my code is here: my sketch
I'm displaying a 'help pannel' when the sketch begins and on demand ('h' key), then fade it out inside draw():
function setup() {
createCanvas(800, 800);
frameRate(100);
imageMode(CENTER);
rectMode(CENTER);
showhelp = true;
helppannel = createGraphics(width / 2, height / 4);
hpalpha = 512;...
function draw() {
background(220);
for (var i = 0; i < nhtiles * nvtiles; i++) {
tileSystem[i].display();
}
if (showhelp) {
image(helppannel, width / 2, height / 2);
var hptrans=(hpalpha - frameCount) * .5;
helppannel.clear();
helppannel.background(255,hptrans);
helppannel.textAlign(CENTER);
helppannel.textSize(24);
helppannel.fill(0, hptrans);
helppannel.text(" hit 'h' or click to show/hide help \n 'space bar' to reset\n 'pageup'/'pagedown' to get\n more/less 'workers'", width / 4, height / 12);
if(hptrans==0)showhelp=false;
}
}
It works but the whole window gets affected by my renderer background... I dont understand why. Sorry, I dont know much in JS! Is there a way to avoid this or a different way of doing that?
Thank you!
Answers
Your code is running fine when I copied it and ran on my local environment. I'm not sure what is causing the problem on openprocessing which I suspect might be some openprocessing related problem (got some code mix up or something). I'm not familiar enough with openprocessing enough to be sure.
If you can, raise this issue with openprocessing, they might know what is going on a bit more