Dynamic Screen & Background Resize (Need Guidance)

Programming Questions

nicolasli..

Dynamic Screen & Background Resize (Need Guidance)

in Programming Questions • 2 years ago

Hi All,

I am new here. Not well-versed in programming but learning.

I am trying to have a dynamic screen resize + a function thet would take a loaded JPEG, and based on the auto detected screen aspect ratio, centre and rescale it.

Below is part of my code so far. Nothing seems to be happening to the image. I would appreciate any help or any existing discussion that you can point me to. Thanks.

PImage b;
int amount = 20; //amount of points to draw
float screenratio;
float alph = 0.0;

void setup() {
size((int)screenWidth, (int)screenHeight); // + To Add auto detect background image width
pg1 = makeTexture(40);
frameRate(30);
smooth();
b = loadImage("fantasy.jpg");
screenratio = screenWidth / screenHeight;
}
void draw(){
imageMode(CENTER);
image(b,0,0,screenratio*b.width,b.height);

Replies(9)

anchnk

Re: Dynamic Screen & Background Resize (Need Guidance)

2 years ago

Hi,

If you want to center your image in the sketch's window center you need either translate your image to (width/2, height/2), or set the image coordinates to (width/2, height/2) coupled with imageMode(CENTER).

image(b, width/2, height/2, ...);

In your code just call size like this

size(screenWidth, screenHeight);

screeenWidth and screenHeight are already int, you don't need to cast them.
Then use width and height to refer sketch's window coordinates (you don't need screen coordinates anymore).
Your screen ratio must be a float (most time) so you need to cast your width and height to float:

screenratio = float(screenWidth) / float(screenHeight);

Do call imageMode(CENTER); in setup() instead of draw as you only need to call it once.

nicolasli..

Re: Re: Dynamic Screen & Background Resize (Need Guidance)

2 years ago

Thanks for the help. I have tried to include your feedback and do an additional calculation comparing the image ratio (bratio) to the screenratio, such that when the screen is in portrait mode, it will use the maximum height of the image to fill the screen and when it's in landscape mode, it'll use the image width. There seems to be some minor distortion, I'll figure that out tomorrow.

The objective of this code is to create a particle animation with random images as backgrounds. It'll be projected in a club. Some of the screens have vertical orientation. So I was thinking that, it should be able to detect the screen orientation based on screensize as well as centre and scale the images based on the screen's aspect ratio.

Anyways, thanks for the quick response :)

PGraphics pg1;
PImage b;
int amount = 20; //amount of points to draw
float screenratio;
float bratio;
int screenWidth = 480;
int screenHeight = 640;
float alph = 0.0;

void setup() {
size(screenWidth, screenHeight);
pg1 = makeTexture(40);
frameRate(30);
smooth();
b = loadImage("fantasy.jpg");

imageMode(CENTER);
screenratio = float(screenHeight)/float(screenWidth);

bratio = float (b.width)/float(b.height);
}

void draw(){
alph += 0.1;
if (screenratio > bratio) { image(b,width/2,height/2,b.width,screenratio*b.height); }
else
{ image(b,width/2,height/2,screenratio*b.width,b.height); }

nicolasli..

Re: Re: Dynamic Screen & Background Resize (Need Guidance)

2 years ago

This code seems better. No apparent distorsion of image in portrait or landscape screens.

PGraphics pg1;
PImage b;
int amount = 20; //amount of points to draw
float screenratio;
float bratio;
float wratio;
float hratio;
int screenWidth = 480;
int screenHeight = 640;
float alph = 0.0;

void setup() {
size(screenWidth, screenHeight);
pg1 = makeTexture(40);
frameRate(30);
smooth();
b = loadImage("fantasy.jpg");
imageMode(CENTER);
bratio = float(b.height)/float(b.width);
wratio = float(screenWidth)/float(b.width);
hratio = float(screenHeight)/float(b.height);
}

void draw(){
alph += 0.1;

if (wratio > bratio) { image(b,width/2,height/2,b.width,bratio*b.height); }
else
{ image(b,width/2,height/2,bratio*b.width,b.height); }

nicolasli..

Re: Re: Dynamic Screen & Background Resize (Need Guidance)

2 years ago

The code below was tested with a jpeg with a square painted in. No distorsion. Thanks guys.

PGraphics pg1;
PImage b;
int amount = 20; //amount of points to draw
float bratio;
float wratio;
float hratio;
float screenratio;

int screenWidth = 900;
int screenHeight = 300;
float alph = 0.0;

void setup() {
size(screenWidth, screenHeight);
pg1 = makeTexture(40);
frameRate(30);
smooth();
b = loadImage("1.jpg");
imageMode(CENTER);
bratio = float(b.width)/float(b.height);
screenratio = float(screenWidth)/float(screenHeight);
wratio = float(screenWidth)/float(b.width);
hratio = float(screenHeight)/float(b.height);
}

void draw(){
alph += 0.1;
if (screenratio < bratio) { image(b,width/2,height/2,hratio*b.width,height); }
if (screenratio > bratio) { image(b,width/2,height/2,width,wratio*b.height); }

PhiLho

Re: Dynamic Screen & Background Resize (Need Guidance)

2 years ago

" I am trying to have a dynamic screen resize"
With a saw perhaps? But it might be hazardous for the health of the screen...

More seriously, I think you want to search for the "present mode".

nicolasli..

Re: Re: Dynamic Screen & Background Resize (Need Guidance)

2 years ago

phi.lho what do you mean by hazardous?

I will be running this applet on a couple of monitors, some of which have portrait orientation. Do you mean it may cause physical damage to the monitors?

Are you referring to Sketch>Present?

Thanks for the feedback!

PhiLho

Re: Dynamic Screen & Background Resize (Need Guidance)

2 years ago

Well, resizing a screen with a saw, or other tool, might damage the screen... I see no other mean to resize a screen. But resizing the windows might be simpler...

nicolasli..

Re: Re: Dynamic Screen & Background Resize (Need Guidance)

2 years ago

lol. I'm still getting used to the correct terms!

alvinfran..

Re: Dynamic Screen & Background Resize (Need Guidance)

2 years ago

Hi all,

i was searching on net for resizing softwares and i found following info..

----------------------------------------------------------------------------------------------------------------------------------------------------------

"Content Aware Image Resizing" available for licensing

An Unbetable Technology for IMAGE RESIZING also known as “optimized

scale-and-stretch” is available for licensing.Since it allows

regions with high importance and prominence to scale uniformly and

regions with homogeneous content to be distorted, therefore it can

be very effectively used in Display devices (Digital

cameras,Mobiles,LCD's,laptops,PDA's etc.). It is in pending stage

for Patent and we are looking for prospective companies for the

same.

For more details contact

Mr. Gaurav Deshmukh

Email id: g.deshmukh@ttconsultants.co.in

+919815816480

+919592701527

--------------------------------------------------------------------------------------------------------------------------------------------------------

is there any software available with above system?

Regards,

Alvin

Top Reply