Initial Commit
This commit is contained in:
@@ -0,0 +1,40 @@
|
||||
// A Bubble class
|
||||
|
||||
class Bubble {
|
||||
float x,y;
|
||||
float diameter;
|
||||
String name;
|
||||
|
||||
boolean over = false;
|
||||
|
||||
// Create the Bubble
|
||||
Bubble(float x_, float y_, float diameter_, String s) {
|
||||
x = x_;
|
||||
y = y_;
|
||||
diameter = diameter_;
|
||||
name = s;
|
||||
}
|
||||
|
||||
// CHecking if mouse is over the Bubble
|
||||
void rollover(float px, float py) {
|
||||
float d = dist(px,py,x,y);
|
||||
if (d < diameter/2) {
|
||||
over = true;
|
||||
} else {
|
||||
over = false;
|
||||
}
|
||||
}
|
||||
|
||||
// Display the Bubble
|
||||
void display() {
|
||||
stroke(0);
|
||||
strokeWeight(2);
|
||||
noFill();
|
||||
ellipse(x,y,diameter,diameter);
|
||||
if (over) {
|
||||
fill(0);
|
||||
textAlign(CENTER);
|
||||
text(name,x,y+diameter/2+20);
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,118 @@
|
||||
/**
|
||||
* Loading XML Data
|
||||
* by Daniel Shiffman.
|
||||
*
|
||||
* This example demonstrates how to use loadXML()
|
||||
* to retrieve data from an XML file and make objects
|
||||
* from that data.
|
||||
*
|
||||
* Here is what the XML looks like:
|
||||
*
|
||||
<?xml version="1.0"?>
|
||||
<bubbles>
|
||||
<bubble>
|
||||
<position x="160" y="103"/>
|
||||
<diameter>43.19838</diameter>
|
||||
<label>Happy</label>
|
||||
</bubble>
|
||||
<bubble>
|
||||
<position x="372" y="137"/>
|
||||
<diameter>52.42526</diameter>
|
||||
<label>Sad</label>
|
||||
</bubble>
|
||||
</bubbles>
|
||||
*/
|
||||
|
||||
// An Array of Bubble objects
|
||||
Bubble[] bubbles;
|
||||
// A Table object
|
||||
XML xml;
|
||||
|
||||
void setup() {
|
||||
size(640, 360);
|
||||
loadData();
|
||||
}
|
||||
|
||||
void draw() {
|
||||
background(255);
|
||||
// Display all bubbles
|
||||
for (Bubble b : bubbles) {
|
||||
b.display();
|
||||
b.rollover(mouseX, mouseY);
|
||||
}
|
||||
|
||||
textAlign(LEFT);
|
||||
fill(0);
|
||||
text("Click to add bubbles.", 10, height-10);
|
||||
}
|
||||
|
||||
void loadData() {
|
||||
// Load XML file
|
||||
xml = loadXML("data.xml");
|
||||
// Get all the child nodes named "bubble"
|
||||
XML[] children = xml.getChildren("bubble");
|
||||
|
||||
// The size of the array of Bubble objects is determined by the total XML elements named "bubble"
|
||||
bubbles = new Bubble[children.length];
|
||||
|
||||
for (int i = 0; i < bubbles.length; i++) {
|
||||
|
||||
// The position element has two attributes: x and y
|
||||
XML positionElement = children[i].getChild("position");
|
||||
// Note how with attributes we can get an integer or float via getInt() and getFloat()
|
||||
float x = positionElement.getInt("x");
|
||||
float y = positionElement.getInt("y");
|
||||
|
||||
// The diameter is the content of the child named "diamater"
|
||||
XML diameterElement = children[i].getChild("diameter");
|
||||
// Note how with the content of an XML node, we retrieve via getIntContent() and getFloatContent()
|
||||
float diameter = diameterElement.getFloatContent();
|
||||
|
||||
// The label is the content of the child named "label"
|
||||
XML labelElement = children[i].getChild("label");
|
||||
String label = labelElement.getContent();
|
||||
|
||||
// Make a Bubble object out of the data read
|
||||
bubbles[i] = new Bubble(x, y, diameter, label);
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
// Still need to work on adding and deleting
|
||||
|
||||
void mousePressed() {
|
||||
|
||||
// Create a new XML bubble element
|
||||
XML bubble = xml.addChild("bubble");
|
||||
|
||||
// Set the poisition element
|
||||
XML position = bubble.addChild("position");
|
||||
// Here we can set attributes as integers directly
|
||||
position.setInt("x",mouseX);
|
||||
position.setInt("y",mouseY);
|
||||
|
||||
// Set the diameter element
|
||||
XML diameter = bubble.addChild("diameter");
|
||||
// Here for a node's content, we have to convert to a String
|
||||
diameter.setFloatContent(random(40,80));
|
||||
|
||||
// Set a label
|
||||
XML label = bubble.addChild("label");
|
||||
label.setContent("New label");
|
||||
|
||||
|
||||
// Here we are removing the oldest bubble if there are more than 10
|
||||
XML[] children = xml.getChildren("bubble");
|
||||
// If the XML file has more than 10 bubble elements
|
||||
if (children.length > 10) {
|
||||
// Delete the first one
|
||||
xml.removeChild(children[0]);
|
||||
}
|
||||
|
||||
// Save a new XML file
|
||||
saveXML(xml,"data/data.xml");
|
||||
|
||||
// reload the new data
|
||||
loadData();
|
||||
}
|
||||
|
||||
@@ -0,0 +1,23 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<bubbles>
|
||||
<bubble>
|
||||
<position x="160" y="103"/>
|
||||
<diameter>43.19838</diameter>
|
||||
<label>Happy</label>
|
||||
</bubble>
|
||||
<bubble>
|
||||
<position x="372" y="137"/>
|
||||
<diameter>52.42526</diameter>
|
||||
<label>Sad</label>
|
||||
</bubble>
|
||||
<bubble>
|
||||
<position x="273" y="235"/>
|
||||
<diameter>61.14072</diameter>
|
||||
<label>Joyous</label>
|
||||
</bubble>
|
||||
<bubble>
|
||||
<position x="121" y="179"/>
|
||||
<diameter>44.758068</diameter>
|
||||
<label>Melancholy</label>
|
||||
</bubble>
|
||||
</bubbles>
|
||||
Reference in New Issue
Block a user