First, I would like to tell what I already have and then ask you kindly for suggestions.

• The user is asked to input the width and height of the image he wants to design.

• From that a aspect ratios are derived.

• A rectangle maintaining the aspect ratios is created; it is never bigger than the window

My program will be aiding design of images that will most likely be greater in size than the program's window.


What would be the cleverest way to go about doing the following:

• I want to have a scaled representation of that image (presumably buffer) inside the window.

• Later I want to output the buffer to an image file;

What do you suggest?
Thanks

Tried it (with a 2048x1536 image scaled to 400x300). Seems to look OK.

Code:

PImage buffer;

void setup()
{
  size(500, 500);
  background(255);
  buffer=loadImage("test.jpg");
  image(buffer, 50, 50, 400, 300);
}

void draw()
{
  
} 

OK...here is a simple prototype....click and drag to draw in the photo (you will need your own big photo called test.jpg). The black drawing line is being drawn in the big photo (in the buffer), but is being shown in the smaller representation.... adding more drawing tools will just apply the same principles.

Code:

PImage loadedimage;
PGraphics buffer;


void setup()
{
  size(500, 500);
  background(255);
  loadedimage=loadImage("test.jpg");
  buffer = createGraphics(loadedimage.width, loadedimage.height, JAVA2D);
  buffer.beginDraw();
	buffer.image(loadedimage, 0, 0);
  buffer.endDraw();
  image(buffer, 50, 50, 400, 300);
}

void draw()
{
  image(buffer, 50, 50, 400, 300);
}


void mouseDragged()
{
  float bufferx, buffery;
  bufferx = map(mouseX, 50, 450, 0, loadedimage.width);
  buffery = map(mouseY, 50, 350, 0, loadedimage.height);
  buffer.beginDraw();
    buffer.fill(0);
    buffer.noStroke();
    buffer.ellipse(bufferx, buffery, 20, 20);
  buffer.endDraw();
} 

How do you save the contents of the PGraphics buffer to a file without first drawing it to screen? I wouldn't mind knowing the answer to that myself...anyone?

EDIT -  this runs much faster using P2D rather than JAVA2D in buffer = createGraphics(loadedimage.width, loadedimage.height, JAVA2D);
The reason I used JAVA2D was that I found some stuff didn't work with P2D in the past.... (I'm not an expert on this, so not sure about the difference).

No idea...I'm hoping someone else will jump in here and enlighten us  

saveFrame didn't work (with or without parameters, it said the method didn't exist)....but I added this to the program:

Code:

void keyPressed()
{
  buffer.save("saved.jpg");
} 

It saved the file....but the colours all look really weird, so something's not right....

EDIT - tried in both P2D and JAVA2D with same result.

re: colors, make sure you're using the right colorMode(RGB/HSB, #) in the PGraphics object...

aha.  works for me if I replace your .jpg with .png.  not sure why!  might be a bug...