Scaling Screen

in Programming Questions • 2 years ago

I'm making a simple video game, but I want to be able to use it on different systems, and have it be optimized for varying screen sizes. I've tried to both use the scale() function each time draw is called, and set my own ratio variables and do everything that way, but neither have worked (I'm testing by taking the program, written and tested on my 15" macbook pro, and putting it on a 10" inspiron netbook). Any ideas about how else I might achieve this? The idea is to have everything be the same ratio, just scaled.

Replies(3)

PhiLho

Re: Scaling Screen

2 years ago

I've tried to both use the scale() function each time draw is called, and set my own ratio variables and do everything that way, but neither have worked

Getting what? You should try and do a simplified sketch illustrating your method. It would allow us to see if you made an error somewhere, and you to experiments easily. As you explain, you use the right method, so we have to see how you implement it.

jalaska13

Re: Scaling Screen

2 years ago

Well, the code for setting the screen width and height variables, and the ratio variables is this:

int screenwidth = int((2*(screen.width))/3), screenheight = int((3*(screen.width))/8);

float xratio = screenwidth/960, yratio = screenheight/540;

Then, in the setup() function, I call

size(screenwidth,screenheight);

Then, for anything that needs to be drawn to the screen, I make the sizes fit on my computer screen, and the window is 960x540, and then multiply it by the ratios (so, for example, on my screen the ratios are both one, so they do nothing, but on another screen, it should account for the difference):

rect(50*xratio, 50*yratio, 200*xratio, 50*xratio);

For using scale(), I simply commented out (put "//" at the beginning of the line) the "float xratio..." line, and put beneath it, "int xratio = 1, yratio = 1," so as not to mess with the rest of the code, and then added the following line to the beginning of the draw() function:

scale(screenwidth/960,screenheight/540);

kooogy

Re: Scaling Screen

2 years ago

pretty much the first thing we were taught in university graphics course i did (23 years ago, cough) was Normalised Device Coordinates - your canvas goes from 0 to 1 in each direction and everything is drawn in relation to those coords. finally this is scaled to fit the physical screen. sounds like something similar would help here.

i think your problem, though, is integer division - make screenwidth and screenheight a float and see if that helps.

http://www.peterbe.com/Integer-division-in-programming-languages

Top Reply

Response title

Attachments

New to this Portal?

Scaling Screen

Replies(3)

Re: Scaling Screen

Re: Scaling Screen

Re: Scaling Screen

Statistics

Tags

Actions

Related Posts