Processing Forum

Screen name:
msandor

msandor's Profile

2 Posts

4 Responses

0 Followers

Activity Trend

Last 30 days

Loading Chart...

Show:

Expanded view
List view

Limit the translate to window extent.

[3 Replies]
- 17-Oct-2010 01:36 PM
- Forum: Programming Questions
I have been working on this code that takes and image and let’s me zoom in using the scale() function tied to the mouse wheel. And, I can drag the image around the screen using the translate((width/2)+x, (height/2)+y) function with x & y being updated by the void mousePressed() and void mouseDragged(). So far the code works great but I would like to limit the amount I can translate the the image to the size of the screen.

So if the scale is “1.00” I can’t move the image at all and if the scale is 1.05 I can only move the image ((width*Scale)-width/2). My background is black and I never want to see it. I have tried adding an if statement in the void mouseDragged() function but it does not work well.

Any advice on how to do this, or could you point me at a forum or an example where this is already being done.

Code:

PImage sdsu;
PImage sdsu_key;
float Scale = 1;
float x = 0;
float y = 0;
float easing = 0.1;

float testx = 0;
float testy = 0;
float bdifx = 0;
float bdify = 0;
float targetX, targetY;

void setup() {
size(600, 450);
   sdsu = loadImage("SDSU.png");

// enable the mouse wheel, for zooming
addMouseWheelListener(new java.awt.event.MouseWheelListener() {
    public void mouseWheelMoved(java.awt.event.MouseWheelEvent evt) {
      mouseWheel(evt.getWheelRotation());
    }});
}

void draw(){
background(0);
smooth();
drawImage();
}

// zoom in or out:
void mouseWheel(int delta) {
if (delta < 0){
    Scale *= 1.05;
}
else if ((delta > 0) && (Scale > 1.05)) {
    Scale *= 1.0/1.05;
}
}

// draws the image
void drawImage() {
imageMode(CENTER);
translate((width/2)+ x, (height/2)+ y);
scale(Scale);
image(sdsu, 0, 0, width, height);
}

//
void mousePressed(){
targetX = mouseX;
targetY = mouseY;
bdifx = targetX - x;
bdify = targetY - y;
}

void mouseDragged(){
x = (mouseX - bdifx);
y = (mouseY - bdify);

}

void keyReleased(){
if (key == ' '){
    Scale = 1;
    x=0;
    y=0;
}}

Store polygons from an xml list into polygon class with xy array

[7 Replies]
- 16-Oct-2010 05:24 PM
- Forum: Programming Questions
I have the following code that pulls polygon objects out of an xml document and draws them to the screen using the beginShape(), vertex(xMap, yMap), endShape(). I would like to put these objects into a Polygon class with the name of each polygon “the polygons are real building outlines with names” and an array for both the x and y coordinates. I want to due this because cycling through the xml document to draw my polygons kills the performance of my processing sketch and I’m thinking a class would be quicker. I’m not sure how to pass the data.

I would think it would be something like:

Polygon(name, xMap[], yMap[]);

But I can’t seem to get this to work right. Any help would be appreciated.

void Draw_ESRI2XML()
   {
float xWorld, yWorld, xMap, yMap;
XMLElement bldgsXML = new XMLElement(this,"Buildings.xml");
      String names = bldgValues[5].getContent();//Pulls the name out of the xml
XMLElement[] bldgRecords = bldgsXML.getChildren("Data/Records/Record");
for (int i = 0; i < bldgRecords.length; i++)
    {
    XMLElement[] bldgValues = bldgRecords[i].getChildren("Values/Value");
    XMLElement[] bldgCoords = bldgValues[1].getChildren("RingArray/Ring/PointArray/Point");
    beginShape();
    for (int j = 0; j < bldgCoords.length; j++)
      {
      xWorld = float(bldgCoords[j].getChild(0).getContent());
      yWorld = float(bldgCoords[j].getChild(1).getContent());
      xMap = map(xWorld, 6307107.02507646, 6311107.02507646, -width/2, width/2);
      yMap = map(yWorld, 1864191.34421644, 1861191.34421644, -height/2, height/2);
      vertex(xMap, yMap);


    }
    endShape();
    }
   }

«Prev
Next »