<!DOCTYPE html>
<html><head>
<script src="javascript-processing-example-processing.js"></script>
<script src="javascript-processing-example-init.js"></script>
<link rel="stylesheet" href="javascript-processing-example-style.css">
</head><body><h1><a href="http://ejohn.org/blog/processingjs/">Processing.js</a></h1>
<h2>EmbeddedLinks</h2>
<p>Click on the left button to open a different URL in the same window (Only
works online). Click on the right button to open a URL in a new browser window.
Created 21 June 2003.</p>
<p><a href="http://processing.org/learning/basics/embeddedlinks.html"><b>Original Processing.org Example:</b> EmbeddedLinks</a><br>
<script type="application/processing">
boolean overLeftButton = false;
boolean overRightButton = false;
void setup()
{
size(200, 200);
}
void draw()
{
background(204);
// Left buttom
if(overLeftButton == true) {
fill(255);
} else {
noFill();
}
rect(20, 60, 75, 75);
rect(50, 90, 15, 15);
// Right button
if(overRightButton == true) {
fill(255);
} else {
noFill();
}
rect(105, 60, 75, 75);
line(135, 105, 155, 85);
line(140, 85, 155, 85);
line(155, 85, 155, 100);
}
void mousePressed()
{
if(overLeftButton) {
link("http://www.processing.org");
} else if (overRightButton) {
link("http://www.processing.org", "_new");
}
}
void mouseMoved() {
checkButtons();
}
void mouseDragged() {
checkButtons();
}
void checkButtons() {
if(mouseX > 20 && mouseX < 95 &&
mouseY > 60 && mouseY <135) {
overLeftButton = true;
} else if (mouseX > 105 && mouseX < 180 &&
mouseY > 60 && mouseY <135) {
overRightButton = true;
} else {
overLeftButton = overRightButton = false;
}
}
</script><canvas width="200" height="200"></canvas></p>
<div style="overflow: hidden; height: 0px; width: 0px;"></div>
<pre><b>// All Examples Written by <a href="http://reas.com/">Casey Reas</a> and <a href="http://benfry.com/">Ben Fry</a>
// unless otherwise stated.</b>
boolean overLeftButton = false;
boolean overRightButton = false;
void setup()
{
size(200, 200);
}
void draw()
{
background(204);
// Left buttom
if(overLeftButton == true) {
fill(255);
} else {
noFill();
}
rect(20, 60, 75, 75);
rect(50, 90, 15, 15);
// Right button
if(overRightButton == true) {
fill(255);
} else {
noFill();
}
rect(105, 60, 75, 75);
line(135, 105, 155, 85);
line(140, 85, 155, 85);
line(155, 85, 155, 100);
}
void mousePressed()
{
if(overLeftButton) {
link("http://www.processing.org");
} else if (overRightButton) {
link("http://www.processing.org", "_new");
}
}
void mouseMoved() {
checkButtons();
}
void mouseDragged() {
checkButtons();
}
void checkButtons() {
if(mouseX > 20 && mouseX < 95 &&
mouseY > 60 && mouseY <135) {
overLeftButton = true;
} else if (mouseX > 105 && mouseX < 180 &&
mouseY > 60 && mouseY <135) {
overRightButton = true;
} else {
overLeftButton = overRightButton = false;
}
}</pre>
</body></html>