scale a background picture

antonio d..

in Contributed Library Questions • 2 months ago

I'm trying to scale a jpg that I am using for a background. I have written code, but its not working. Can someone help with this ?

PImage GSimg, bgimg;

float tolerance = 22;

PImage GSimgout;

import controlP5.*;

ControlP5 controlP5;

float scale = 0.92;

void setup() {

GSimg = loadImage("familyGreen.jpg");

GSimg.resize(700, 494);

bgimg = loadImage("Hiking.jpg");

// bgimg.resize(1050, 494);

pushMatrix();

translate(width/2,height/2);

scale(scale);

popMatrix();

size(GSimg.width, GSimg.height);

controlP5 = new ControlP5(this);

controlP5.addSlider("scale",0,50,20,20,100,30);

}

void draw() {

for (int x = 0; x < GSimg.width; x++)

{

for (int y = 0; y < GSimg.height; y++)

{

float r = red(GSimg.get(x, y));

float g = green(GSimg.get(x, y));

float b = blue(GSimg.get(x, y));

if (g > b + tolerance && g > r + tolerance)

{

GSimg.set(x, y, bgimg.get(x, y)) ;

}//end if

}//end for

}

image(GSimg, 0, 0);

save("Familymtngreenout.jpg");

}

Replies(3)

antonio d..

Re: scale a background picture

2 months ago

just to be clear, I would like to adjust the size of the background jpg using a slider, I have made a slight change but still no luck. the code now looks like this: I get a divided screen light and dark blue instead of the jpg when I run the code.

PImage GSimg, bgimg;

float tolerance = 22;

PImage GSimgout;

import controlP5.*; //import Library

ControlP5 controlP5; //controlP5 object

float scale = 0.92;

void setup() {

GSimg = loadImage("familyGreen.jpg");

GSimg.resize(700, 494);

bgimg = loadImage("Hiking.jpg");

bgimg.resize(1050, 494);

pushMatrix();

translate(width,height);

//scale(scale);

scale(scale);

popMatrix();

size(GSimg.width, GSimg.height);

controlP5 = new ControlP5(this);

//parameters : name, minimum, maximum, default value (float), x, y, width, height

//controlP5.addSlider("scale",700,1050,750,0,0,bgimg.width,bgimg.height);

controlP5.addSlider("bgimg.wdith",100,1050,450,0,0,GSimg.width,GSimg.height);

}

void draw() {

for (int x = 0; x < GSimg.width; x++)

{

for (int y = 0; y < GSimg.height; y++)

{

float r = red(GSimg.get(x, y));

float g = green(GSimg.get(x, y));

float b = blue(GSimg.get(x, y));

if (g > b + tolerance && g > r + tolerance)

{

GSimg.set(x, y, bgimg.get(x, y)) ;

}//end if

}//end for

}

image(GSimg, 0, 0);

save("Familymtngreenout.jpg");

}

antonio d..

Re: scale a background picture

2 months ago

I switched to using addNumberbox instead, I think I am almost there.

PImage GSimg, bgimg;

float tolerance = 22;

PImage GSimgout;

import controlP5.*; //import Library

ControlP5 controlP5; //controlP5 object

float scale = 0.92;

int widthValue;

void setup() {

GSimg = loadImage("familyGreen.jpg");

GSimg.resize(700, 494);

bgimg = loadImage("Hiking.jpg");

bgimg.resize(widthValue, 494);

pushMatrix();

translate(width,height);

//scale(scale);

scale(scale);

popMatrix();

size(GSimg.width, GSimg.height);

controlP5 = new ControlP5(this);

//parameters : name, minimum, maximum, default value (float), x, y, width, height

//controlP5.addSlider("scale",700,1050,750,0,0,bgimg.width,bgimg.height);

//controlP5.addSlider("widthVale",100,1050,450,0,0,GSimg.width,GSimg.height);

controlP5.addNumberbox("widthValue",100,10,10,5,5);

}

void draw() {

for (int x = 0; x < GSimg.width; x++)

{

for (int y = 0; y < GSimg.height; y++)

{

float r = red(GSimg.get(x, y));

float g = green(GSimg.get(x, y));

float b = blue(GSimg.get(x, y));

if (g > b + tolerance && g > r + tolerance)

{

GSimg.set(x, y, bgimg.get(x, y)) ;

}//end if

}//end for

}

image(GSimg, 0, 0);

save("Familymtngreenout.jpg");

}

antonio d..

Re: scale a background picture

2 months ago

I think I am pretty close to my solution, Can someone tell me if I should add a button to trigger an event to redraw the background with the new value, or is there something else I need in my code ?

PImage GSimg, bgimg;

float tolerance = 22;

PImage GSimgout;

import controlP5.*; //import Library

ControlP5 controlP5; //controlP5 object

float scale = 0.92;

int widthValue = 750;

void setup() {

controlP5 = new ControlP5(this);

controlP5.addNumberbox("widthValue",750,10,10,50,30);

GSimg = loadImage("familyGreen.jpg");

GSimg.resize(700, 494);

bgimg = loadImage("Hiking.jpg");

bgimg.resize(widthValue, 494);

size(GSimg.width, GSimg.height);

}

void draw() {

bgimg.resize(widthValue, 494);

for (int x = 0; x < GSimg.width; x++)

{

for (int y = 0; y < GSimg.height; y++)

{

float r = red(GSimg.get(x, y));

float g = green(GSimg.get(x, y));

float b = blue(GSimg.get(x, y));

if (g > b + tolerance && g > r + tolerance)

{

GSimg.set(x, y, bgimg.get(x, y)) ;

}//end if

}//end for

}

image(GSimg, 0, 0);

}

Top Reply