snipt

Ctrl+h for KB shortcuts

C

new UI but not with controlP5 - using back G4P

import fullscreen.*;
import guicomponents.*;
//import processing.opengl.*;
SoftFullScreen fs; 

GPanel pnlControls;
GTextField txfSomeText;
GButton Pro, Ard, CrossBtn, StopProg;
GLabel Closed, Shutdown;

int P = 0, A = 0;
PImage cross_image, processing_logo;

int cx, cy;
float secondsRadius;
float minutesRadius;
float hoursRadius;
float clockDiameter;

RectButton rect1, rect2, rect3, rect4, rect5, rect6, rect7, rect8, rect9, rect10, rect11, rect12;
boolean locked = false;
color currentcolor;

PFont fontA, closeFont; 

void setup() {
  smooth();
  size(1335, 715);
  fs = new SoftFullScreen(this); 
  fs.enter(); 

  int radius = min(149, 149) / 3;
  secondsRadius = radius * 0.72;
  minutesRadius = radius * 0.60;
  hoursRadius = radius * 0.50;
  clockDiameter = radius * 1.8;

  cx = 560;
  cy = 560;

  G4P.setMouseOverEnabled(true);
  LogoButtons();

  color baseColor = color(102);
  currentcolor = baseColor;
  color buttoncolor = color(#1AA1E1);
  color highlight = color(#70C3E8); 
  rect1 = new RectButton(33, 33, 149, 149, buttoncolor, highlight);
  rect2 = new RectButton(193, 33, 149, 149, buttoncolor, highlight);
  rect3 = new RectButton(354, 33, 149, 149, buttoncolor, highlight);
  rect4 = new RectButton(33, 193, 149, 149, buttoncolor, highlight);
  rect5 = new RectButton(354, 193, 149, 307, buttoncolor, highlight);
  rect6 = new RectButton(33, 350, 310, 149, buttoncolor, highlight);
  rect7 = new RectButton(194, 514, 149, 149, buttoncolor, highlight);
  rect8 = new RectButton(354, 514, 149, 149, buttoncolor, highlight);
  rect9= new RectButton(836, 514, 149, 149, buttoncolor, highlight);
  rect10= new RectButton(33, 193, 149, 149, buttoncolor, highlight);
  buttoncolor = color(#9AE31A);
  highlight = color(#C0F75A); 
  rect11 = new RectButton(33, 514, 149, 149, buttoncolor, highlight);//corner rect
  rect12 = new RectButton(676, 514, 149, 149, buttoncolor, highlight);//right rect
}

void draw() {
  background(0);
  //tint(255,255);
  //image(loadImage("cross.jpg"), 525, 35, 25, 25);
  tint(255, P);
  image(loadImage("Processing.jpg"), 700, 100, 475, 300);
  tint(255, A);
  image(loadImage("Arduino.jpg"), 700, 100, 475, 300);
  fill(#1AA1E1);
  rect(515, 514, 149, 149); //clock rect, DO NOT REMOVE
  analogClock();
  digitalClock();
  fill(#9AE31A);
  rect(194, 193, 149, 149); //date rect, DO NOT REMOVE
  date();

  update(mouseX, mouseY);
  rect1.display();
  rect2.display();
  rect3.display();
  rect4.display();
  rect5.display();
  rect6.display();
  rect7.display();
  rect8.display();
  rect9.display();
  rect10.display();
  rect11.display();
  rect12.display();
}

void update(int x, int y)
{
  if (locked == false) {
    rect1.update();
    rect2.update();
    rect3.update();
    rect4.update();
    rect5.update();
    rect6.update();
    rect7.update();
    rect8.update();
    rect9.update();
    rect10.update();
    rect11.update();
    rect12.update();
  } 
  else {
    locked = false;
  }

  if (mousePressed) {
    if (rect1.pressed()) {
      currentcolor = rect1.basecolor;
    } 
    else if (rect2.pressed()) {
      currentcolor = rect2.basecolor;
    }
    else if (rect3.pressed()) {
      currentcolor = rect2.basecolor;
    }
    else if (rect4.pressed()) {
      currentcolor = rect2.basecolor;
    }
    else if (rect5.pressed()) {
      currentcolor = rect2.basecolor;
    }
    else if (rect6.pressed()) {
      currentcolor = rect2.basecolor;
    }
    else if (rect7.pressed()) {
      currentcolor = rect2.basecolor;
    }
    else if (rect8.pressed()) {
      currentcolor = rect2.basecolor;
    }
    else if (rect9.pressed()) {
      currentcolor = rect2.basecolor;
    }
    else if (rect10.pressed()) {
      currentcolor = rect2.basecolor;
    }
    else if (rect11.pressed()) {
      currentcolor = rect2.basecolor;
    }
    else if (rect12.pressed()) {
      currentcolor = rect2.basecolor;
    }
  }
}

void LogoButtons() {
  CrossBtn = new GButton(this, "Button.png", 1, 525, 35, 25, 25);
  StopProg = new GButton(this, "power.jpg", 1, 35, 675, 25, 25);
  Pro = new GButton(this, "ProcessingLogo.png", 1, 996, 514, 154, 154);
  Ard = new GButton(this, "ArduinoLogo.png", 1, 1156, 513, 155, 155);
  CrossBtn.setAlpha(0);
  Pro.setAlpha(0);
  Ard.setAlpha(0);
}

void handleButtonEvents(GButton button) 
{
  if (Pro == button && button.eventType == GButton.CLICKED && P == 0) {
    P = 255;
    A = 0;
  }
  else {
    P = 0;
  }
  if (Ard == button && button.eventType == GButton.CLICKED && A == 0) {
    A = 255;
    P = 0;
  }
  else {
    A = 0;
  }
  if (StopProg == button && button.eventType == GButton.CLICKED) {
    System.exit(0);
  }
}
void analogClock() {
  noStroke();
  ellipse(cx, cy, clockDiameter, clockDiameter);

  // Angles for sin() and cos() start at 3 o'clock;
  // subtract HALF_PI to make them start at the top
  float s = map(second(), 0, 60, 0, TWO_PI) - HALF_PI;
  float m = map(minute() + norm(second(), 0, 60), 0, 60, 0, TWO_PI) - HALF_PI; 
  float h = map(hour() + norm(minute(), 0, 60), 0, 24, 0, TWO_PI * 2) - HALF_PI;

  // Draw the hands of the clock
  stroke(255);
  strokeWeight(1);
  line(cx, cy, cx + cos(s) * secondsRadius, cy + sin(s) * secondsRadius);
  strokeWeight(2);
  line(cx, cy, cx + cos(m) * minutesRadius, cy + sin(m) * minutesRadius);
  strokeWeight(4);
  line(cx, cy, cx + cos(h) * hoursRadius, cy + sin(h) * hoursRadius);

  // Draw the minute ticks
  strokeWeight(2);
  beginShape(POINTS);
  for (int a = 0; a < 360; a+=30) {
    float x = cx + cos(radians(a)) * secondsRadius;
    float y = cy + sin(radians(a)) * secondsRadius;
    vertex(x, y);
  }
  endShape();
}
void digitalClock() {
  PFont font = loadFont("Pro-20.vlw");
  textFont(font, 28);
  fill(255);
  fontA = loadFont("Batang-48.vlw");
  textFont(fontA, 22);
  text("Singapore", 550, 620);
  int s = second();
  int m = minute();
  int h = hour();
  // The nf() function spaces the numbers nicely
  String t = nf(h, 2) + ":" + nf(m, 2) + ":" + nf(s, 2);
  text(t, 520, 650);
}
void date() {
  PFont metaBold = loadFont("Meta-Bold.vlw"); 

  fill(255);
  int d = day();    // Values from 1 - 31
  int m = month();  // Values from 1 - 12
  int y = year();   // 2003, 2004, 2005, etc.
  String M = "";
  int x = 0;
  textFont(metaBold, 60);
  String s = String.valueOf(d);
  text(s, 250, 290);
  //s = String.valueOf(m);
  textFont(metaBold, 40);
  s = String.valueOf(y);
  text(s, 245, 335);

  switch(m) {
  case 1: 
    M = "January";
    break;
  case 2: 
    M = "February";
    break;
  case 3: 
    M = "March";
    break;
  case 4: 
    M = "April";
    break;
  case 5: 
    M = "May";
    break;
  case 6: 
    M = "June";
    break;
  case 7: 
    M = "July";
    break;
  case 8: 
    M = "August";
    break;
  case 9: 
    M = "September";
    break;
  case 10: 
    M = "October";
    x = 220;
    break;
  case 11: 
    M = "November";
    break;
  case 12: 
    M = "December";
    break;
  default:
    break;
  }
  text(M, x, 230);
}



//button PDE

class Button
{
  int x, y;
  int size1, size2;
  color basecolor, highlightcolor;
  color currentcolor;
  boolean over = false;
  boolean pressed = false;   

  void update() 
  {
    if (over()) {
      currentcolor = highlightcolor;
    } 
    else {
      currentcolor = basecolor;
    }
  }

  boolean pressed() 
  {
    if (over) {
      locked = true;
      return true;
    } 
    else {
      locked = false;
      return false;
    }
  }

  boolean over() 
  { 
    return true;
  }

  boolean overRect(int x, int y, int width, int height) 
  {
    if (mouseX >= x && mouseX <= x+width && mouseY >= y && mouseY <= y+height) {
      return true;
    } 
    else {
      return false;
    }
  }
}
class RectButton extends Button
{
  RectButton(int ix, int iy, int isize, int usize, color icolor, color ihighlight) 
  {
    x = ix;
    y = iy;
    size1 = isize;
    size2 = usize;
    
    basecolor = icolor;
    highlightcolor = ihighlight;
    currentcolor = basecolor;
  }

  boolean over() 
  {
    if ( overRect(x, y, size1, size2) ) {
      over = true;
      return true;
    } 
    else {
      over = false;
      return false;
    }
  }

  void display() 
  {
    stroke(255);
    fill(currentcolor);
    rect(x, y, size1, size2);
  }
}
https://snipt.net/embed/8a8b6c0f997636ecd3e4f5fdc29324d6/
/raw/8a8b6c0f997636ecd3e4f5fdc29324d6/
8a8b6c0f997636ecd3e4f5fdc29324d6
c
C
371
2019-08-26T05:39:51
True
False
False
/api/public/snipt/30826/
new-ui-but-not-with-controlp5-using-back-g4p
<table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><a href="#L-1"> 1</a> <a href="#L-2"> 2</a> <a href="#L-3"> 3</a> <a href="#L-4"> 4</a> <a href="#L-5"> 5</a> <a href="#L-6"> 6</a> <a href="#L-7"> 7</a> <a href="#L-8"> 8</a> <a href="#L-9"> 9</a> <a href="#L-10"> 10</a> <a href="#L-11"> 11</a> <a href="#L-12"> 12</a> <a href="#L-13"> 13</a> <a href="#L-14"> 14</a> <a href="#L-15"> 15</a> <a href="#L-16"> 16</a> <a href="#L-17"> 17</a> <a href="#L-18"> 18</a> <a href="#L-19"> 19</a> <a href="#L-20"> 20</a> <a href="#L-21"> 21</a> <a href="#L-22"> 22</a> <a href="#L-23"> 23</a> <a href="#L-24"> 24</a> <a href="#L-25"> 25</a> <a href="#L-26"> 26</a> <a href="#L-27"> 27</a> <a href="#L-28"> 28</a> <a href="#L-29"> 29</a> <a href="#L-30"> 30</a> <a href="#L-31"> 31</a> <a href="#L-32"> 32</a> <a href="#L-33"> 33</a> <a href="#L-34"> 34</a> <a href="#L-35"> 35</a> <a href="#L-36"> 36</a> <a href="#L-37"> 37</a> <a href="#L-38"> 38</a> <a href="#L-39"> 39</a> <a href="#L-40"> 40</a> <a href="#L-41"> 41</a> <a href="#L-42"> 42</a> <a href="#L-43"> 43</a> <a href="#L-44"> 44</a> <a href="#L-45"> 45</a> <a href="#L-46"> 46</a> <a href="#L-47"> 47</a> <a href="#L-48"> 48</a> <a href="#L-49"> 49</a> <a href="#L-50"> 50</a> <a href="#L-51"> 51</a> <a href="#L-52"> 52</a> <a href="#L-53"> 53</a> <a href="#L-54"> 54</a> <a href="#L-55"> 55</a> <a href="#L-56"> 56</a> <a href="#L-57"> 57</a> <a href="#L-58"> 58</a> <a href="#L-59"> 59</a> <a href="#L-60"> 60</a> <a href="#L-61"> 61</a> <a href="#L-62"> 62</a> <a href="#L-63"> 63</a> <a href="#L-64"> 64</a> <a href="#L-65"> 65</a> <a href="#L-66"> 66</a> <a href="#L-67"> 67</a> <a href="#L-68"> 68</a> <a href="#L-69"> 69</a> <a href="#L-70"> 70</a> <a href="#L-71"> 71</a> <a href="#L-72"> 72</a> <a href="#L-73"> 73</a> <a href="#L-74"> 74</a> <a href="#L-75"> 75</a> <a href="#L-76"> 76</a> <a href="#L-77"> 77</a> <a href="#L-78"> 78</a> <a href="#L-79"> 79</a> <a href="#L-80"> 80</a> <a href="#L-81"> 81</a> <a href="#L-82"> 82</a> <a href="#L-83"> 83</a> <a href="#L-84"> 84</a> <a href="#L-85"> 85</a> <a href="#L-86"> 86</a> <a href="#L-87"> 87</a> <a href="#L-88"> 88</a> <a href="#L-89"> 89</a> <a href="#L-90"> 90</a> <a href="#L-91"> 91</a> <a href="#L-92"> 92</a> <a href="#L-93"> 93</a> <a href="#L-94"> 94</a> <a href="#L-95"> 95</a> <a href="#L-96"> 96</a> <a href="#L-97"> 97</a> <a href="#L-98"> 98</a> <a href="#L-99"> 99</a> <a href="#L-100">100</a> <a href="#L-101">101</a> <a href="#L-102">102</a> <a href="#L-103">103</a> <a href="#L-104">104</a> <a href="#L-105">105</a> <a href="#L-106">106</a> <a href="#L-107">107</a> <a href="#L-108">108</a> <a href="#L-109">109</a> <a href="#L-110">110</a> <a href="#L-111">111</a> <a href="#L-112">112</a> <a href="#L-113">113</a> <a href="#L-114">114</a> <a href="#L-115">115</a> <a href="#L-116">116</a> <a href="#L-117">117</a> <a href="#L-118">118</a> <a href="#L-119">119</a> <a href="#L-120">120</a> <a href="#L-121">121</a> <a href="#L-122">122</a> <a href="#L-123">123</a> <a href="#L-124">124</a> <a href="#L-125">125</a> <a href="#L-126">126</a> <a href="#L-127">127</a> <a href="#L-128">128</a> <a href="#L-129">129</a> <a href="#L-130">130</a> <a href="#L-131">131</a> <a href="#L-132">132</a> <a href="#L-133">133</a> <a href="#L-134">134</a> <a href="#L-135">135</a> <a href="#L-136">136</a> <a href="#L-137">137</a> <a href="#L-138">138</a> <a href="#L-139">139</a> <a href="#L-140">140</a> <a href="#L-141">141</a> <a href="#L-142">142</a> <a href="#L-143">143</a> <a href="#L-144">144</a> <a href="#L-145">145</a> <a href="#L-146">146</a> <a href="#L-147">147</a> <a href="#L-148">148</a> <a href="#L-149">149</a> <a href="#L-150">150</a> <a href="#L-151">151</a> <a href="#L-152">152</a> <a href="#L-153">153</a> <a href="#L-154">154</a> <a href="#L-155">155</a> <a href="#L-156">156</a> <a href="#L-157">157</a> <a href="#L-158">158</a> <a href="#L-159">159</a> <a href="#L-160">160</a> <a href="#L-161">161</a> <a href="#L-162">162</a> <a href="#L-163">163</a> <a href="#L-164">164</a> <a href="#L-165">165</a> <a href="#L-166">166</a> <a href="#L-167">167</a> <a href="#L-168">168</a> <a href="#L-169">169</a> <a href="#L-170">170</a> <a href="#L-171">171</a> <a href="#L-172">172</a> <a href="#L-173">173</a> <a href="#L-174">174</a> <a href="#L-175">175</a> <a href="#L-176">176</a> <a href="#L-177">177</a> <a href="#L-178">178</a> <a href="#L-179">179</a> <a href="#L-180">180</a> <a href="#L-181">181</a> <a href="#L-182">182</a> <a href="#L-183">183</a> <a href="#L-184">184</a> <a href="#L-185">185</a> <a href="#L-186">186</a> <a href="#L-187">187</a> <a href="#L-188">188</a> <a href="#L-189">189</a> <a href="#L-190">190</a> <a href="#L-191">191</a> <a href="#L-192">192</a> <a href="#L-193">193</a> <a href="#L-194">194</a> <a href="#L-195">195</a> <a href="#L-196">196</a> <a href="#L-197">197</a> <a href="#L-198">198</a> <a href="#L-199">199</a> <a href="#L-200">200</a> <a href="#L-201">201</a> <a href="#L-202">202</a> <a href="#L-203">203</a> <a href="#L-204">204</a> <a href="#L-205">205</a> <a href="#L-206">206</a> <a href="#L-207">207</a> <a href="#L-208">208</a> <a href="#L-209">209</a> <a href="#L-210">210</a> <a href="#L-211">211</a> <a href="#L-212">212</a> <a href="#L-213">213</a> <a href="#L-214">214</a> <a href="#L-215">215</a> <a href="#L-216">216</a> <a href="#L-217">217</a> <a href="#L-218">218</a> <a href="#L-219">219</a> <a href="#L-220">220</a> <a href="#L-221">221</a> <a href="#L-222">222</a> <a href="#L-223">223</a> <a href="#L-224">224</a> <a href="#L-225">225</a> <a href="#L-226">226</a> <a href="#L-227">227</a> <a href="#L-228">228</a> <a href="#L-229">229</a> <a href="#L-230">230</a> <a href="#L-231">231</a> <a href="#L-232">232</a> <a href="#L-233">233</a> <a href="#L-234">234</a> <a href="#L-235">235</a> <a href="#L-236">236</a> <a href="#L-237">237</a> <a href="#L-238">238</a> <a href="#L-239">239</a> <a href="#L-240">240</a> <a href="#L-241">241</a> <a href="#L-242">242</a> <a href="#L-243">243</a> <a href="#L-244">244</a> <a href="#L-245">245</a> <a href="#L-246">246</a> <a href="#L-247">247</a> <a href="#L-248">248</a> <a href="#L-249">249</a> <a href="#L-250">250</a> <a href="#L-251">251</a> <a href="#L-252">252</a> <a href="#L-253">253</a> <a href="#L-254">254</a> <a href="#L-255">255</a> <a href="#L-256">256</a> <a href="#L-257">257</a> <a href="#L-258">258</a> <a href="#L-259">259</a> <a href="#L-260">260</a> <a href="#L-261">261</a> <a href="#L-262">262</a> <a href="#L-263">263</a> <a href="#L-264">264</a> <a href="#L-265">265</a> <a href="#L-266">266</a> <a href="#L-267">267</a> <a href="#L-268">268</a> <a href="#L-269">269</a> <a href="#L-270">270</a> <a href="#L-271">271</a> <a href="#L-272">272</a> <a href="#L-273">273</a> <a href="#L-274">274</a> <a href="#L-275">275</a> <a href="#L-276">276</a> <a href="#L-277">277</a> <a href="#L-278">278</a> <a href="#L-279">279</a> <a href="#L-280">280</a> <a href="#L-281">281</a> <a href="#L-282">282</a> <a href="#L-283">283</a> <a href="#L-284">284</a> <a href="#L-285">285</a> <a href="#L-286">286</a> <a href="#L-287">287</a> <a href="#L-288">288</a> <a href="#L-289">289</a> <a href="#L-290">290</a> <a href="#L-291">291</a> <a href="#L-292">292</a> <a href="#L-293">293</a> <a href="#L-294">294</a> <a href="#L-295">295</a> <a href="#L-296">296</a> <a href="#L-297">297</a> <a href="#L-298">298</a> <a href="#L-299">299</a> <a href="#L-300">300</a> <a href="#L-301">301</a> <a href="#L-302">302</a> <a href="#L-303">303</a> <a href="#L-304">304</a> <a href="#L-305">305</a> <a href="#L-306">306</a> <a href="#L-307">307</a> <a href="#L-308">308</a> <a href="#L-309">309</a> <a href="#L-310">310</a> <a href="#L-311">311</a> <a href="#L-312">312</a> <a href="#L-313">313</a> <a href="#L-314">314</a> <a href="#L-315">315</a> <a href="#L-316">316</a> <a href="#L-317">317</a> <a href="#L-318">318</a> <a href="#L-319">319</a> <a href="#L-320">320</a> <a href="#L-321">321</a> <a href="#L-322">322</a> <a href="#L-323">323</a> <a href="#L-324">324</a> <a href="#L-325">325</a> <a href="#L-326">326</a> <a href="#L-327">327</a> <a href="#L-328">328</a> <a href="#L-329">329</a> <a href="#L-330">330</a> <a href="#L-331">331</a> <a href="#L-332">332</a> <a href="#L-333">333</a> <a href="#L-334">334</a> <a href="#L-335">335</a> <a href="#L-336">336</a> <a href="#L-337">337</a> <a href="#L-338">338</a> <a href="#L-339">339</a> <a href="#L-340">340</a> <a href="#L-341">341</a> <a href="#L-342">342</a> <a href="#L-343">343</a> <a href="#L-344">344</a> <a href="#L-345">345</a> <a href="#L-346">346</a> <a href="#L-347">347</a> <a href="#L-348">348</a> <a href="#L-349">349</a> <a href="#L-350">350</a> <a href="#L-351">351</a> <a href="#L-352">352</a> <a href="#L-353">353</a> <a href="#L-354">354</a> <a href="#L-355">355</a> <a href="#L-356">356</a> <a href="#L-357">357</a> <a href="#L-358">358</a> <a href="#L-359">359</a> <a href="#L-360">360</a> <a href="#L-361">361</a> <a href="#L-362">362</a> <a href="#L-363">363</a> <a href="#L-364">364</a> <a href="#L-365">365</a> <a href="#L-366">366</a> <a href="#L-367">367</a> <a href="#L-368">368</a> <a href="#L-369">369</a> <a href="#L-370">370</a> <a href="#L-371">371</a></pre></div></td><td class="code"><div class="highlight"><pre><span></span><span id="L-1"><a name="L-1"></a><span class="n">import</span> <span class="n">fullscreen</span><span class="p">.</span><span class="o">*</span><span class="p">;</span> </span><span id="L-2"><a name="L-2"></a><span class="n">import</span> <span class="n">guicomponents</span><span class="p">.</span><span class="o">*</span><span class="p">;</span> </span><span id="L-3"><a name="L-3"></a><span class="c1">//import processing.opengl.*;</span> </span><span id="L-4"><a name="L-4"></a><span class="n">SoftFullScreen</span> <span class="n">fs</span><span class="p">;</span> </span><span id="L-5"><a name="L-5"></a> </span><span id="L-6"><a name="L-6"></a><span class="n">GPanel</span> <span class="n">pnlControls</span><span class="p">;</span> </span><span id="L-7"><a name="L-7"></a><span class="n">GTextField</span> <span class="n">txfSomeText</span><span class="p">;</span> </span><span id="L-8"><a name="L-8"></a><span class="n">GButton</span> <span class="n">Pro</span><span class="p">,</span> <span class="n">Ard</span><span class="p">,</span> <span class="n">CrossBtn</span><span class="p">,</span> <span class="n">StopProg</span><span class="p">;</span> </span><span id="L-9"><a name="L-9"></a><span class="n">GLabel</span> <span class="n">Closed</span><span class="p">,</span> <span class="n">Shutdown</span><span class="p">;</span> </span><span id="L-10"><a name="L-10"></a> </span><span id="L-11"><a name="L-11"></a><span class="kt">int</span> <span class="n">P</span> <span class="o">=</span> <span class="mi">0</span><span class="p">,</span> <span class="n">A</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span> </span><span id="L-12"><a name="L-12"></a><span class="n">PImage</span> <span class="n">cross_image</span><span class="p">,</span> <span class="n">processing_logo</span><span class="p">;</span> </span><span id="L-13"><a name="L-13"></a> </span><span id="L-14"><a name="L-14"></a><span class="kt">int</span> <span class="n">cx</span><span class="p">,</span> <span class="n">cy</span><span class="p">;</span> </span><span id="L-15"><a name="L-15"></a><span class="kt">float</span> <span class="n">secondsRadius</span><span class="p">;</span> </span><span id="L-16"><a name="L-16"></a><span class="kt">float</span> <span class="n">minutesRadius</span><span class="p">;</span> </span><span id="L-17"><a name="L-17"></a><span class="kt">float</span> <span class="n">hoursRadius</span><span class="p">;</span> </span><span id="L-18"><a name="L-18"></a><span class="kt">float</span> <span class="n">clockDiameter</span><span class="p">;</span> </span><span id="L-19"><a name="L-19"></a> </span><span id="L-20"><a name="L-20"></a><span class="n">RectButton</span> <span class="n">rect1</span><span class="p">,</span> <span class="n">rect2</span><span class="p">,</span> <span class="n">rect3</span><span class="p">,</span> <span class="n">rect4</span><span class="p">,</span> <span class="n">rect5</span><span class="p">,</span> <span class="n">rect6</span><span class="p">,</span> <span class="n">rect7</span><span class="p">,</span> <span class="n">rect8</span><span class="p">,</span> <span class="n">rect9</span><span class="p">,</span> <span class="n">rect10</span><span class="p">,</span> <span class="n">rect11</span><span class="p">,</span> <span class="n">rect12</span><span class="p">;</span> </span><span id="L-21"><a name="L-21"></a><span class="n">boolean</span> <span class="n">locked</span> <span class="o">=</span> <span class="nb">false</span><span class="p">;</span> </span><span id="L-22"><a name="L-22"></a><span class="n">color</span> <span class="n">currentcolor</span><span class="p">;</span> </span><span id="L-23"><a name="L-23"></a> </span><span id="L-24"><a name="L-24"></a><span class="n">PFont</span> <span class="n">fontA</span><span class="p">,</span> <span class="n">closeFont</span><span class="p">;</span> </span><span id="L-25"><a name="L-25"></a> </span><span id="L-26"><a name="L-26"></a><span class="kt">void</span> <span class="nf">setup</span><span class="p">()</span> <span class="p">{</span> </span><span id="L-27"><a name="L-27"></a> <span class="n">smooth</span><span class="p">();</span> </span><span id="L-28"><a name="L-28"></a> <span class="n">size</span><span class="p">(</span><span class="mi">1335</span><span class="p">,</span> <span class="mi">715</span><span class="p">);</span> </span><span id="L-29"><a name="L-29"></a> <span class="n">fs</span> <span class="o">=</span> <span class="n">new</span> <span class="n">SoftFullScreen</span><span class="p">(</span><span class="n">this</span><span class="p">);</span> </span><span id="L-30"><a name="L-30"></a> <span class="n">fs</span><span class="p">.</span><span class="n">enter</span><span class="p">();</span> </span><span id="L-31"><a name="L-31"></a> </span><span id="L-32"><a name="L-32"></a> <span class="kt">int</span> <span class="n">radius</span> <span class="o">=</span> <span class="n">min</span><span class="p">(</span><span class="mi">149</span><span class="p">,</span> <span class="mi">149</span><span class="p">)</span> <span class="o">/</span> <span class="mi">3</span><span class="p">;</span> </span><span id="L-33"><a name="L-33"></a> <span class="n">secondsRadius</span> <span class="o">=</span> <span class="n">radius</span> <span class="o">*</span> <span class="mf">0.72</span><span class="p">;</span> </span><span id="L-34"><a name="L-34"></a> <span class="n">minutesRadius</span> <span class="o">=</span> <span class="n">radius</span> <span class="o">*</span> <span class="mf">0.60</span><span class="p">;</span> </span><span id="L-35"><a name="L-35"></a> <span class="n">hoursRadius</span> <span class="o">=</span> <span class="n">radius</span> <span class="o">*</span> <span class="mf">0.50</span><span class="p">;</span> </span><span id="L-36"><a name="L-36"></a> <span class="n">clockDiameter</span> <span class="o">=</span> <span class="n">radius</span> <span class="o">*</span> <span class="mf">1.8</span><span class="p">;</span> </span><span id="L-37"><a name="L-37"></a> </span><span id="L-38"><a name="L-38"></a> <span class="n">cx</span> <span class="o">=</span> <span class="mi">560</span><span class="p">;</span> </span><span id="L-39"><a name="L-39"></a> <span class="n">cy</span> <span class="o">=</span> <span class="mi">560</span><span class="p">;</span> </span><span id="L-40"><a name="L-40"></a> </span><span id="L-41"><a name="L-41"></a> <span class="n">G4P</span><span class="p">.</span><span class="n">setMouseOverEnabled</span><span class="p">(</span><span class="nb">true</span><span class="p">);</span> </span><span id="L-42"><a name="L-42"></a> <span class="n">LogoButtons</span><span class="p">();</span> </span><span id="L-43"><a name="L-43"></a> </span><span id="L-44"><a name="L-44"></a> <span class="n">color</span> <span class="n">baseColor</span> <span class="o">=</span> <span class="n">color</span><span class="p">(</span><span class="mi">102</span><span class="p">);</span> </span><span id="L-45"><a name="L-45"></a> <span class="n">currentcolor</span> <span class="o">=</span> <span class="n">baseColor</span><span class="p">;</span> </span><span id="L-46"><a name="L-46"></a> <span class="n">color</span> <span class="n">buttoncolor</span> <span class="o">=</span> <span class="n">color</span><span class="p">(</span><span class="err">#</span><span class="mi">1</span><span class="n">AA1E1</span><span class="p">);</span> </span><span id="L-47"><a name="L-47"></a> <span class="n">color</span> <span class="n">highlight</span> <span class="o">=</span> <span class="n">color</span><span class="p">(</span><span class="err">#</span><span class="mi">70</span><span class="n">C3E8</span><span class="p">);</span> </span><span id="L-48"><a name="L-48"></a> <span class="n">rect1</span> <span class="o">=</span> <span class="n">new</span> <span class="n">RectButton</span><span class="p">(</span><span class="mi">33</span><span class="p">,</span> <span class="mi">33</span><span class="p">,</span> <span class="mi">149</span><span class="p">,</span> <span class="mi">149</span><span class="p">,</span> <span class="n">buttoncolor</span><span class="p">,</span> <span class="n">highlight</span><span class="p">);</span> </span><span id="L-49"><a name="L-49"></a> <span class="n">rect2</span> <span class="o">=</span> <span class="n">new</span> <span class="n">RectButton</span><span class="p">(</span><span class="mi">193</span><span class="p">,</span> <span class="mi">33</span><span class="p">,</span> <span class="mi">149</span><span class="p">,</span> <span class="mi">149</span><span class="p">,</span> <span class="n">buttoncolor</span><span class="p">,</span> <span class="n">highlight</span><span class="p">);</span> </span><span id="L-50"><a name="L-50"></a> <span class="n">rect3</span> <span class="o">=</span> <span class="n">new</span> <span class="n">RectButton</span><span class="p">(</span><span class="mi">354</span><span class="p">,</span> <span class="mi">33</span><span class="p">,</span> <span class="mi">149</span><span class="p">,</span> <span class="mi">149</span><span class="p">,</span> <span class="n">buttoncolor</span><span class="p">,</span> <span class="n">highlight</span><span class="p">);</span> </span><span id="L-51"><a name="L-51"></a> <span class="n">rect4</span> <span class="o">=</span> <span class="n">new</span> <span class="n">RectButton</span><span class="p">(</span><span class="mi">33</span><span class="p">,</span> <span class="mi">193</span><span class="p">,</span> <span class="mi">149</span><span class="p">,</span> <span class="mi">149</span><span class="p">,</span> <span class="n">buttoncolor</span><span class="p">,</span> <span class="n">highlight</span><span class="p">);</span> </span><span id="L-52"><a name="L-52"></a> <span class="n">rect5</span> <span class="o">=</span> <span class="n">new</span> <span class="n">RectButton</span><span class="p">(</span><span class="mi">354</span><span class="p">,</span> <span class="mi">193</span><span class="p">,</span> <span class="mi">149</span><span class="p">,</span> <span class="mi">307</span><span class="p">,</span> <span class="n">buttoncolor</span><span class="p">,</span> <span class="n">highlight</span><span class="p">);</span> </span><span id="L-53"><a name="L-53"></a> <span class="n">rect6</span> <span class="o">=</span> <span class="n">new</span> <span class="n">RectButton</span><span class="p">(</span><span class="mi">33</span><span class="p">,</span> <span class="mi">350</span><span class="p">,</span> <span class="mi">310</span><span class="p">,</span> <span class="mi">149</span><span class="p">,</span> <span class="n">buttoncolor</span><span class="p">,</span> <span class="n">highlight</span><span class="p">);</span> </span><span id="L-54"><a name="L-54"></a> <span class="n">rect7</span> <span class="o">=</span> <span class="n">new</span> <span class="n">RectButton</span><span class="p">(</span><span class="mi">194</span><span class="p">,</span> <span class="mi">514</span><span class="p">,</span> <span class="mi">149</span><span class="p">,</span> <span class="mi">149</span><span class="p">,</span> <span class="n">buttoncolor</span><span class="p">,</span> <span class="n">highlight</span><span class="p">);</span> </span><span id="L-55"><a name="L-55"></a> <span class="n">rect8</span> <span class="o">=</span> <span class="n">new</span> <span class="n">RectButton</span><span class="p">(</span><span class="mi">354</span><span class="p">,</span> <span class="mi">514</span><span class="p">,</span> <span class="mi">149</span><span class="p">,</span> <span class="mi">149</span><span class="p">,</span> <span class="n">buttoncolor</span><span class="p">,</span> <span class="n">highlight</span><span class="p">);</span> </span><span id="L-56"><a name="L-56"></a> <span class="n">rect9</span><span class="o">=</span> <span class="n">new</span> <span class="n">RectButton</span><span class="p">(</span><span class="mi">836</span><span class="p">,</span> <span class="mi">514</span><span class="p">,</span> <span class="mi">149</span><span class="p">,</span> <span class="mi">149</span><span class="p">,</span> <span class="n">buttoncolor</span><span class="p">,</span> <span class="n">highlight</span><span class="p">);</span> </span><span id="L-57"><a name="L-57"></a> <span class="n">rect10</span><span class="o">=</span> <span class="n">new</span> <span class="n">RectButton</span><span class="p">(</span><span class="mi">33</span><span class="p">,</span> <span class="mi">193</span><span class="p">,</span> <span class="mi">149</span><span class="p">,</span> <span class="mi">149</span><span class="p">,</span> <span class="n">buttoncolor</span><span class="p">,</span> <span class="n">highlight</span><span class="p">);</span> </span><span id="L-58"><a name="L-58"></a> <span class="n">buttoncolor</span> <span class="o">=</span> <span class="n">color</span><span class="p">(</span><span class="err">#</span><span class="mi">9</span><span class="n">AE31A</span><span class="p">);</span> </span><span id="L-59"><a name="L-59"></a> <span class="n">highlight</span> <span class="o">=</span> <span class="n">color</span><span class="p">(</span><span class="err">#</span><span class="n">C0F75A</span><span class="p">);</span> </span><span id="L-60"><a name="L-60"></a> <span class="n">rect11</span> <span class="o">=</span> <span class="n">new</span> <span class="n">RectButton</span><span class="p">(</span><span class="mi">33</span><span class="p">,</span> <span class="mi">514</span><span class="p">,</span> <span class="mi">149</span><span class="p">,</span> <span class="mi">149</span><span class="p">,</span> <span class="n">buttoncolor</span><span class="p">,</span> <span class="n">highlight</span><span class="p">);</span><span class="c1">//corner rect</span> </span><span id="L-61"><a name="L-61"></a> <span class="n">rect12</span> <span class="o">=</span> <span class="n">new</span> <span class="n">RectButton</span><span class="p">(</span><span class="mi">676</span><span class="p">,</span> <span class="mi">514</span><span class="p">,</span> <span class="mi">149</span><span class="p">,</span> <span class="mi">149</span><span class="p">,</span> <span class="n">buttoncolor</span><span class="p">,</span> <span class="n">highlight</span><span class="p">);</span><span class="c1">//right rect</span> </span><span id="L-62"><a name="L-62"></a><span class="p">}</span> </span><span id="L-63"><a name="L-63"></a> </span><span id="L-64"><a name="L-64"></a><span class="kt">void</span> <span class="nf">draw</span><span class="p">()</span> <span class="p">{</span> </span><span id="L-65"><a name="L-65"></a> <span class="n">background</span><span class="p">(</span><span class="mi">0</span><span class="p">);</span> </span><span id="L-66"><a name="L-66"></a> <span class="c1">//tint(255,255);</span> </span><span id="L-67"><a name="L-67"></a> <span class="c1">//image(loadImage(&quot;cross.jpg&quot;), 525, 35, 25, 25);</span> </span><span id="L-68"><a name="L-68"></a> <span class="n">tint</span><span class="p">(</span><span class="mi">255</span><span class="p">,</span> <span class="n">P</span><span class="p">);</span> </span><span id="L-69"><a name="L-69"></a> <span class="n">image</span><span class="p">(</span><span class="n">loadImage</span><span class="p">(</span><span class="s">&quot;Processing.jpg&quot;</span><span class="p">),</span> <span class="mi">700</span><span class="p">,</span> <span class="mi">100</span><span class="p">,</span> <span class="mi">475</span><span class="p">,</span> <span class="mi">300</span><span class="p">);</span> </span><span id="L-70"><a name="L-70"></a> <span class="n">tint</span><span class="p">(</span><span class="mi">255</span><span class="p">,</span> <span class="n">A</span><span class="p">);</span> </span><span id="L-71"><a name="L-71"></a> <span class="n">image</span><span class="p">(</span><span class="n">loadImage</span><span class="p">(</span><span class="s">&quot;Arduino.jpg&quot;</span><span class="p">),</span> <span class="mi">700</span><span class="p">,</span> <span class="mi">100</span><span class="p">,</span> <span class="mi">475</span><span class="p">,</span> <span class="mi">300</span><span class="p">);</span> </span><span id="L-72"><a name="L-72"></a> <span class="n">fill</span><span class="p">(</span><span class="err">#</span><span class="mi">1</span><span class="n">AA1E1</span><span class="p">);</span> </span><span id="L-73"><a name="L-73"></a> <span class="n">rect</span><span class="p">(</span><span class="mi">515</span><span class="p">,</span> <span class="mi">514</span><span class="p">,</span> <span class="mi">149</span><span class="p">,</span> <span class="mi">149</span><span class="p">);</span> <span class="c1">//clock rect, DO NOT REMOVE</span> </span><span id="L-74"><a name="L-74"></a> <span class="n">analogClock</span><span class="p">();</span> </span><span id="L-75"><a name="L-75"></a> <span class="n">digitalClock</span><span class="p">();</span> </span><span id="L-76"><a name="L-76"></a> <span class="n">fill</span><span class="p">(</span><span class="err">#</span><span class="mi">9</span><span class="n">AE31A</span><span class="p">);</span> </span><span id="L-77"><a name="L-77"></a> <span class="n">rect</span><span class="p">(</span><span class="mi">194</span><span class="p">,</span> <span class="mi">193</span><span class="p">,</span> <span class="mi">149</span><span class="p">,</span> <span class="mi">149</span><span class="p">);</span> <span class="c1">//date rect, DO NOT REMOVE</span> </span><span id="L-78"><a name="L-78"></a> <span class="n">date</span><span class="p">();</span> </span><span id="L-79"><a name="L-79"></a> </span><span id="L-80"><a name="L-80"></a> <span class="n">update</span><span class="p">(</span><span class="n">mouseX</span><span class="p">,</span> <span class="n">mouseY</span><span class="p">);</span> </span><span id="L-81"><a name="L-81"></a> <span class="n">rect1</span><span class="p">.</span><span class="n">display</span><span class="p">();</span> </span><span id="L-82"><a name="L-82"></a> <span class="n">rect2</span><span class="p">.</span><span class="n">display</span><span class="p">();</span> </span><span id="L-83"><a name="L-83"></a> <span class="n">rect3</span><span class="p">.</span><span class="n">display</span><span class="p">();</span> </span><span id="L-84"><a name="L-84"></a> <span class="n">rect4</span><span class="p">.</span><span class="n">display</span><span class="p">();</span> </span><span id="L-85"><a name="L-85"></a> <span class="n">rect5</span><span class="p">.</span><span class="n">display</span><span class="p">();</span> </span><span id="L-86"><a name="L-86"></a> <span class="n">rect6</span><span class="p">.</span><span class="n">display</span><span class="p">();</span> </span><span id="L-87"><a name="L-87"></a> <span class="n">rect7</span><span class="p">.</span><span class="n">display</span><span class="p">();</span> </span><span id="L-88"><a name="L-88"></a> <span class="n">rect8</span><span class="p">.</span><span class="n">display</span><span class="p">();</span> </span><span id="L-89"><a name="L-89"></a> <span class="n">rect9</span><span class="p">.</span><span class="n">display</span><span class="p">();</span> </span><span id="L-90"><a name="L-90"></a> <span class="n">rect10</span><span class="p">.</span><span class="n">display</span><span class="p">();</span> </span><span id="L-91"><a name="L-91"></a> <span class="n">rect11</span><span class="p">.</span><span class="n">display</span><span class="p">();</span> </span><span id="L-92"><a name="L-92"></a> <span class="n">rect12</span><span class="p">.</span><span class="n">display</span><span class="p">();</span> </span><span id="L-93"><a name="L-93"></a><span class="p">}</span> </span><span id="L-94"><a name="L-94"></a> </span><span id="L-95"><a name="L-95"></a><span class="kt">void</span> <span class="nf">update</span><span class="p">(</span><span class="kt">int</span> <span class="n">x</span><span class="p">,</span> <span class="kt">int</span> <span class="n">y</span><span class="p">)</span> </span><span id="L-96"><a name="L-96"></a><span class="p">{</span> </span><span id="L-97"><a name="L-97"></a> <span class="k">if</span> <span class="p">(</span><span class="n">locked</span> <span class="o">==</span> <span class="nb">false</span><span class="p">)</span> <span class="p">{</span> </span><span id="L-98"><a name="L-98"></a> <span class="n">rect1</span><span class="p">.</span><span class="n">update</span><span class="p">();</span> </span><span id="L-99"><a name="L-99"></a> <span class="n">rect2</span><span class="p">.</span><span class="n">update</span><span class="p">();</span> </span><span id="L-100"><a name="L-100"></a> <span class="n">rect3</span><span class="p">.</span><span class="n">update</span><span class="p">();</span> </span><span id="L-101"><a name="L-101"></a> <span class="n">rect4</span><span class="p">.</span><span class="n">update</span><span class="p">();</span> </span><span id="L-102"><a name="L-102"></a> <span class="n">rect5</span><span class="p">.</span><span class="n">update</span><span class="p">();</span> </span><span id="L-103"><a name="L-103"></a> <span class="n">rect6</span><span class="p">.</span><span class="n">update</span><span class="p">();</span> </span><span id="L-104"><a name="L-104"></a> <span class="n">rect7</span><span class="p">.</span><span class="n">update</span><span class="p">();</span> </span><span id="L-105"><a name="L-105"></a> <span class="n">rect8</span><span class="p">.</span><span class="n">update</span><span class="p">();</span> </span><span id="L-106"><a name="L-106"></a> <span class="n">rect9</span><span class="p">.</span><span class="n">update</span><span class="p">();</span> </span><span id="L-107"><a name="L-107"></a> <span class="n">rect10</span><span class="p">.</span><span class="n">update</span><span class="p">();</span> </span><span id="L-108"><a name="L-108"></a> <span class="n">rect11</span><span class="p">.</span><span class="n">update</span><span class="p">();</span> </span><span id="L-109"><a name="L-109"></a> <span class="n">rect12</span><span class="p">.</span><span class="n">update</span><span class="p">();</span> </span><span id="L-110"><a name="L-110"></a> <span class="p">}</span> </span><span id="L-111"><a name="L-111"></a> <span class="k">else</span> <span class="p">{</span> </span><span id="L-112"><a name="L-112"></a> <span class="n">locked</span> <span class="o">=</span> <span class="nb">false</span><span class="p">;</span> </span><span id="L-113"><a name="L-113"></a> <span class="p">}</span> </span><span id="L-114"><a name="L-114"></a> </span><span id="L-115"><a name="L-115"></a> <span class="k">if</span> <span class="p">(</span><span class="n">mousePressed</span><span class="p">)</span> <span class="p">{</span> </span><span id="L-116"><a name="L-116"></a> <span class="k">if</span> <span class="p">(</span><span class="n">rect1</span><span class="p">.</span><span class="n">pressed</span><span class="p">())</span> <span class="p">{</span> </span><span id="L-117"><a name="L-117"></a> <span class="n">currentcolor</span> <span class="o">=</span> <span class="n">rect1</span><span class="p">.</span><span class="n">basecolor</span><span class="p">;</span> </span><span id="L-118"><a name="L-118"></a> <span class="p">}</span> </span><span id="L-119"><a name="L-119"></a> <span class="k">else</span> <span class="k">if</span> <span class="p">(</span><span class="n">rect2</span><span class="p">.</span><span class="n">pressed</span><span class="p">())</span> <span class="p">{</span> </span><span id="L-120"><a name="L-120"></a> <span class="n">currentcolor</span> <span class="o">=</span> <span class="n">rect2</span><span class="p">.</span><span class="n">basecolor</span><span class="p">;</span> </span><span id="L-121"><a name="L-121"></a> <span class="p">}</span> </span><span id="L-122"><a name="L-122"></a> <span class="k">else</span> <span class="k">if</span> <span class="p">(</span><span class="n">rect3</span><span class="p">.</span><span class="n">pressed</span><span class="p">())</span> <span class="p">{</span> </span><span id="L-123"><a name="L-123"></a> <span class="n">currentcolor</span> <span class="o">=</span> <span class="n">rect2</span><span class="p">.</span><span class="n">basecolor</span><span class="p">;</span> </span><span id="L-124"><a name="L-124"></a> <span class="p">}</span> </span><span id="L-125"><a name="L-125"></a> <span class="k">else</span> <span class="k">if</span> <span class="p">(</span><span class="n">rect4</span><span class="p">.</span><span class="n">pressed</span><span class="p">())</span> <span class="p">{</span> </span><span id="L-126"><a name="L-126"></a> <span class="n">currentcolor</span> <span class="o">=</span> <span class="n">rect2</span><span class="p">.</span><span class="n">basecolor</span><span class="p">;</span> </span><span id="L-127"><a name="L-127"></a> <span class="p">}</span> </span><span id="L-128"><a name="L-128"></a> <span class="k">else</span> <span class="k">if</span> <span class="p">(</span><span class="n">rect5</span><span class="p">.</span><span class="n">pressed</span><span class="p">())</span> <span class="p">{</span> </span><span id="L-129"><a name="L-129"></a> <span class="n">currentcolor</span> <span class="o">=</span> <span class="n">rect2</span><span class="p">.</span><span class="n">basecolor</span><span class="p">;</span> </span><span id="L-130"><a name="L-130"></a> <span class="p">}</span> </span><span id="L-131"><a name="L-131"></a> <span class="k">else</span> <span class="k">if</span> <span class="p">(</span><span class="n">rect6</span><span class="p">.</span><span class="n">pressed</span><span class="p">())</span> <span class="p">{</span> </span><span id="L-132"><a name="L-132"></a> <span class="n">currentcolor</span> <span class="o">=</span> <span class="n">rect2</span><span class="p">.</span><span class="n">basecolor</span><span class="p">;</span> </span><span id="L-133"><a name="L-133"></a> <span class="p">}</span> </span><span id="L-134"><a name="L-134"></a> <span class="k">else</span> <span class="k">if</span> <span class="p">(</span><span class="n">rect7</span><span class="p">.</span><span class="n">pressed</span><span class="p">())</span> <span class="p">{</span> </span><span id="L-135"><a name="L-135"></a> <span class="n">currentcolor</span> <span class="o">=</span> <span class="n">rect2</span><span class="p">.</span><span class="n">basecolor</span><span class="p">;</span> </span><span id="L-136"><a name="L-136"></a> <span class="p">}</span> </span><span id="L-137"><a name="L-137"></a> <span class="k">else</span> <span class="k">if</span> <span class="p">(</span><span class="n">rect8</span><span class="p">.</span><span class="n">pressed</span><span class="p">())</span> <span class="p">{</span> </span><span id="L-138"><a name="L-138"></a> <span class="n">currentcolor</span> <span class="o">=</span> <span class="n">rect2</span><span class="p">.</span><span class="n">basecolor</span><span class="p">;</span> </span><span id="L-139"><a name="L-139"></a> <span class="p">}</span> </span><span id="L-140"><a name="L-140"></a> <span class="k">else</span> <span class="k">if</span> <span class="p">(</span><span class="n">rect9</span><span class="p">.</span><span class="n">pressed</span><span class="p">())</span> <span class="p">{</span> </span><span id="L-141"><a name="L-141"></a> <span class="n">currentcolor</span> <span class="o">=</span> <span class="n">rect2</span><span class="p">.</span><span class="n">basecolor</span><span class="p">;</span> </span><span id="L-142"><a name="L-142"></a> <span class="p">}</span> </span><span id="L-143"><a name="L-143"></a> <span class="k">else</span> <span class="k">if</span> <span class="p">(</span><span class="n">rect10</span><span class="p">.</span><span class="n">pressed</span><span class="p">())</span> <span class="p">{</span> </span><span id="L-144"><a name="L-144"></a> <span class="n">currentcolor</span> <span class="o">=</span> <span class="n">rect2</span><span class="p">.</span><span class="n">basecolor</span><span class="p">;</span> </span><span id="L-145"><a name="L-145"></a> <span class="p">}</span> </span><span id="L-146"><a name="L-146"></a> <span class="k">else</span> <span class="k">if</span> <span class="p">(</span><span class="n">rect11</span><span class="p">.</span><span class="n">pressed</span><span class="p">())</span> <span class="p">{</span> </span><span id="L-147"><a name="L-147"></a> <span class="n">currentcolor</span> <span class="o">=</span> <span class="n">rect2</span><span class="p">.</span><span class="n">basecolor</span><span class="p">;</span> </span><span id="L-148"><a name="L-148"></a> <span class="p">}</span> </span><span id="L-149"><a name="L-149"></a> <span class="k">else</span> <span class="k">if</span> <span class="p">(</span><span class="n">rect12</span><span class="p">.</span><span class="n">pressed</span><span class="p">())</span> <span class="p">{</span> </span><span id="L-150"><a name="L-150"></a> <span class="n">currentcolor</span> <span class="o">=</span> <span class="n">rect2</span><span class="p">.</span><span class="n">basecolor</span><span class="p">;</span> </span><span id="L-151"><a name="L-151"></a> <span class="p">}</span> </span><span id="L-152"><a name="L-152"></a> <span class="p">}</span> </span><span id="L-153"><a name="L-153"></a><span class="p">}</span> </span><span id="L-154"><a name="L-154"></a> </span><span id="L-155"><a name="L-155"></a><span class="kt">void</span> <span class="nf">LogoButtons</span><span class="p">()</span> <span class="p">{</span> </span><span id="L-156"><a name="L-156"></a> <span class="n">CrossBtn</span> <span class="o">=</span> <span class="n">new</span> <span class="n">GButton</span><span class="p">(</span><span class="n">this</span><span class="p">,</span> <span class="s">&quot;Button.png&quot;</span><span class="p">,</span> <span class="mi">1</span><span class="p">,</span> <span class="mi">525</span><span class="p">,</span> <span class="mi">35</span><span class="p">,</span> <span class="mi">25</span><span class="p">,</span> <span class="mi">25</span><span class="p">);</span> </span><span id="L-157"><a name="L-157"></a> <span class="n">StopProg</span> <span class="o">=</span> <span class="n">new</span> <span class="n">GButton</span><span class="p">(</span><span class="n">this</span><span class="p">,</span> <span class="s">&quot;power.jpg&quot;</span><span class="p">,</span> <span class="mi">1</span><span class="p">,</span> <span class="mi">35</span><span class="p">,</span> <span class="mi">675</span><span class="p">,</span> <span class="mi">25</span><span class="p">,</span> <span class="mi">25</span><span class="p">);</span> </span><span id="L-158"><a name="L-158"></a> <span class="n">Pro</span> <span class="o">=</span> <span class="n">new</span> <span class="n">GButton</span><span class="p">(</span><span class="n">this</span><span class="p">,</span> <span class="s">&quot;ProcessingLogo.png&quot;</span><span class="p">,</span> <span class="mi">1</span><span class="p">,</span> <span class="mi">996</span><span class="p">,</span> <span class="mi">514</span><span class="p">,</span> <span class="mi">154</span><span class="p">,</span> <span class="mi">154</span><span class="p">);</span> </span><span id="L-159"><a name="L-159"></a> <span class="n">Ard</span> <span class="o">=</span> <span class="n">new</span> <span class="n">GButton</span><span class="p">(</span><span class="n">this</span><span class="p">,</span> <span class="s">&quot;ArduinoLogo.png&quot;</span><span class="p">,</span> <span class="mi">1</span><span class="p">,</span> <span class="mi">1156</span><span class="p">,</span> <span class="mi">513</span><span class="p">,</span> <span class="mi">155</span><span class="p">,</span> <span class="mi">155</span><span class="p">);</span> </span><span id="L-160"><a name="L-160"></a> <span class="n">CrossBtn</span><span class="p">.</span><span class="n">setAlpha</span><span class="p">(</span><span class="mi">0</span><span class="p">);</span> </span><span id="L-161"><a name="L-161"></a> <span class="n">Pro</span><span class="p">.</span><span class="n">setAlpha</span><span class="p">(</span><span class="mi">0</span><span class="p">);</span> </span><span id="L-162"><a name="L-162"></a> <span class="n">Ard</span><span class="p">.</span><span class="n">setAlpha</span><span class="p">(</span><span class="mi">0</span><span class="p">);</span> </span><span id="L-163"><a name="L-163"></a><span class="p">}</span> </span><span id="L-164"><a name="L-164"></a> </span><span id="L-165"><a name="L-165"></a><span class="kt">void</span> <span class="nf">handleButtonEvents</span><span class="p">(</span><span class="n">GButton</span> <span class="n">button</span><span class="p">)</span> </span><span id="L-166"><a name="L-166"></a><span class="p">{</span> </span><span id="L-167"><a name="L-167"></a> <span class="k">if</span> <span class="p">(</span><span class="n">Pro</span> <span class="o">==</span> <span class="n">button</span> <span class="o">&amp;&amp;</span> <span class="n">button</span><span class="p">.</span><span class="n">eventType</span> <span class="o">==</span> <span class="n">GButton</span><span class="p">.</span><span class="n">CLICKED</span> <span class="o">&amp;&amp;</span> <span class="n">P</span> <span class="o">==</span> <span class="mi">0</span><span class="p">)</span> <span class="p">{</span> </span><span id="L-168"><a name="L-168"></a> <span class="n">P</span> <span class="o">=</span> <span class="mi">255</span><span class="p">;</span> </span><span id="L-169"><a name="L-169"></a> <span class="n">A</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span> </span><span id="L-170"><a name="L-170"></a> <span class="p">}</span> </span><span id="L-171"><a name="L-171"></a> <span class="k">else</span> <span class="p">{</span> </span><span id="L-172"><a name="L-172"></a> <span class="n">P</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span> </span><span id="L-173"><a name="L-173"></a> <span class="p">}</span> </span><span id="L-174"><a name="L-174"></a> <span class="k">if</span> <span class="p">(</span><span class="n">Ard</span> <span class="o">==</span> <span class="n">button</span> <span class="o">&amp;&amp;</span> <span class="n">button</span><span class="p">.</span><span class="n">eventType</span> <span class="o">==</span> <span class="n">GButton</span><span class="p">.</span><span class="n">CLICKED</span> <span class="o">&amp;&amp;</span> <span class="n">A</span> <span class="o">==</span> <span class="mi">0</span><span class="p">)</span> <span class="p">{</span> </span><span id="L-175"><a name="L-175"></a> <span class="n">A</span> <span class="o">=</span> <span class="mi">255</span><span class="p">;</span> </span><span id="L-176"><a name="L-176"></a> <span class="n">P</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span> </span><span id="L-177"><a name="L-177"></a> <span class="p">}</span> </span><span id="L-178"><a name="L-178"></a> <span class="k">else</span> <span class="p">{</span> </span><span id="L-179"><a name="L-179"></a> <span class="n">A</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span> </span><span id="L-180"><a name="L-180"></a> <span class="p">}</span> </span><span id="L-181"><a name="L-181"></a> <span class="k">if</span> <span class="p">(</span><span class="n">StopProg</span> <span class="o">==</span> <span class="n">button</span> <span class="o">&amp;&amp;</span> <span class="n">button</span><span class="p">.</span><span class="n">eventType</span> <span class="o">==</span> <span class="n">GButton</span><span class="p">.</span><span class="n">CLICKED</span><span class="p">)</span> <span class="p">{</span> </span><span id="L-182"><a name="L-182"></a> <span class="n">System</span><span class="p">.</span><span class="n">exit</span><span class="p">(</span><span class="mi">0</span><span class="p">);</span> </span><span id="L-183"><a name="L-183"></a> <span class="p">}</span> </span><span id="L-184"><a name="L-184"></a><span class="p">}</span> </span><span id="L-185"><a name="L-185"></a><span class="kt">void</span> <span class="nf">analogClock</span><span class="p">()</span> <span class="p">{</span> </span><span id="L-186"><a name="L-186"></a> <span class="n">noStroke</span><span class="p">();</span> </span><span id="L-187"><a name="L-187"></a> <span class="n">ellipse</span><span class="p">(</span><span class="n">cx</span><span class="p">,</span> <span class="n">cy</span><span class="p">,</span> <span class="n">clockDiameter</span><span class="p">,</span> <span class="n">clockDiameter</span><span class="p">);</span> </span><span id="L-188"><a name="L-188"></a> </span><span id="L-189"><a name="L-189"></a> <span class="c1">// Angles for sin() and cos() start at 3 o&#39;clock;</span> </span><span id="L-190"><a name="L-190"></a> <span class="c1">// subtract HALF_PI to make them start at the top</span> </span><span id="L-191"><a name="L-191"></a> <span class="kt">float</span> <span class="n">s</span> <span class="o">=</span> <span class="n">map</span><span class="p">(</span><span class="n">second</span><span class="p">(),</span> <span class="mi">0</span><span class="p">,</span> <span class="mi">60</span><span class="p">,</span> <span class="mi">0</span><span class="p">,</span> <span class="n">TWO_PI</span><span class="p">)</span> <span class="o">-</span> <span class="n">HALF_PI</span><span class="p">;</span> </span><span id="L-192"><a name="L-192"></a> <span class="kt">float</span> <span class="n">m</span> <span class="o">=</span> <span class="n">map</span><span class="p">(</span><span class="n">minute</span><span class="p">()</span> <span class="o">+</span> <span class="n">norm</span><span class="p">(</span><span class="n">second</span><span class="p">(),</span> <span class="mi">0</span><span class="p">,</span> <span class="mi">60</span><span class="p">),</span> <span class="mi">0</span><span class="p">,</span> <span class="mi">60</span><span class="p">,</span> <span class="mi">0</span><span class="p">,</span> <span class="n">TWO_PI</span><span class="p">)</span> <span class="o">-</span> <span class="n">HALF_PI</span><span class="p">;</span> </span><span id="L-193"><a name="L-193"></a> <span class="kt">float</span> <span class="n">h</span> <span class="o">=</span> <span class="n">map</span><span class="p">(</span><span class="n">hour</span><span class="p">()</span> <span class="o">+</span> <span class="n">norm</span><span class="p">(</span><span class="n">minute</span><span class="p">(),</span> <span class="mi">0</span><span class="p">,</span> <span class="mi">60</span><span class="p">),</span> <span class="mi">0</span><span class="p">,</span> <span class="mi">24</span><span class="p">,</span> <span class="mi">0</span><span class="p">,</span> <span class="n">TWO_PI</span> <span class="o">*</span> <span class="mi">2</span><span class="p">)</span> <span class="o">-</span> <span class="n">HALF_PI</span><span class="p">;</span> </span><span id="L-194"><a name="L-194"></a> </span><span id="L-195"><a name="L-195"></a> <span class="c1">// Draw the hands of the clock</span> </span><span id="L-196"><a name="L-196"></a> <span class="n">stroke</span><span class="p">(</span><span class="mi">255</span><span class="p">);</span> </span><span id="L-197"><a name="L-197"></a> <span class="n">strokeWeight</span><span class="p">(</span><span class="mi">1</span><span class="p">);</span> </span><span id="L-198"><a name="L-198"></a> <span class="n">line</span><span class="p">(</span><span class="n">cx</span><span class="p">,</span> <span class="n">cy</span><span class="p">,</span> <span class="n">cx</span> <span class="o">+</span> <span class="n">cos</span><span class="p">(</span><span class="n">s</span><span class="p">)</span> <span class="o">*</span> <span class="n">secondsRadius</span><span class="p">,</span> <span class="n">cy</span> <span class="o">+</span> <span class="n">sin</span><span class="p">(</span><span class="n">s</span><span class="p">)</span> <span class="o">*</span> <span class="n">secondsRadius</span><span class="p">);</span> </span><span id="L-199"><a name="L-199"></a> <span class="n">strokeWeight</span><span class="p">(</span><span class="mi">2</span><span class="p">);</span> </span><span id="L-200"><a name="L-200"></a> <span class="n">line</span><span class="p">(</span><span class="n">cx</span><span class="p">,</span> <span class="n">cy</span><span class="p">,</span> <span class="n">cx</span> <span class="o">+</span> <span class="n">cos</span><span class="p">(</span><span class="n">m</span><span class="p">)</span> <span class="o">*</span> <span class="n">minutesRadius</span><span class="p">,</span> <span class="n">cy</span> <span class="o">+</span> <span class="n">sin</span><span class="p">(</span><span class="n">m</span><span class="p">)</span> <span class="o">*</span> <span class="n">minutesRadius</span><span class="p">);</span> </span><span id="L-201"><a name="L-201"></a> <span class="n">strokeWeight</span><span class="p">(</span><span class="mi">4</span><span class="p">);</span> </span><span id="L-202"><a name="L-202"></a> <span class="n">line</span><span class="p">(</span><span class="n">cx</span><span class="p">,</span> <span class="n">cy</span><span class="p">,</span> <span class="n">cx</span> <span class="o">+</span> <span class="n">cos</span><span class="p">(</span><span class="n">h</span><span class="p">)</span> <span class="o">*</span> <span class="n">hoursRadius</span><span class="p">,</span> <span class="n">cy</span> <span class="o">+</span> <span class="n">sin</span><span class="p">(</span><span class="n">h</span><span class="p">)</span> <span class="o">*</span> <span class="n">hoursRadius</span><span class="p">);</span> </span><span id="L-203"><a name="L-203"></a> </span><span id="L-204"><a name="L-204"></a> <span class="c1">// Draw the minute ticks</span> </span><span id="L-205"><a name="L-205"></a> <span class="n">strokeWeight</span><span class="p">(</span><span class="mi">2</span><span class="p">);</span> </span><span id="L-206"><a name="L-206"></a> <span class="n">beginShape</span><span class="p">(</span><span class="n">POINTS</span><span class="p">);</span> </span><span id="L-207"><a name="L-207"></a> <span class="k">for</span> <span class="p">(</span><span class="kt">int</span> <span class="n">a</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span> <span class="n">a</span> <span class="o">&lt;</span> <span class="mi">360</span><span class="p">;</span> <span class="n">a</span><span class="o">+=</span><span class="mi">30</span><span class="p">)</span> <span class="p">{</span> </span><span id="L-208"><a name="L-208"></a> <span class="kt">float</span> <span class="n">x</span> <span class="o">=</span> <span class="n">cx</span> <span class="o">+</span> <span class="n">cos</span><span class="p">(</span><span class="n">radians</span><span class="p">(</span><span class="n">a</span><span class="p">))</span> <span class="o">*</span> <span class="n">secondsRadius</span><span class="p">;</span> </span><span id="L-209"><a name="L-209"></a> <span class="kt">float</span> <span class="n">y</span> <span class="o">=</span> <span class="n">cy</span> <span class="o">+</span> <span class="n">sin</span><span class="p">(</span><span class="n">radians</span><span class="p">(</span><span class="n">a</span><span class="p">))</span> <span class="o">*</span> <span class="n">secondsRadius</span><span class="p">;</span> </span><span id="L-210"><a name="L-210"></a> <span class="n">vertex</span><span class="p">(</span><span class="n">x</span><span class="p">,</span> <span class="n">y</span><span class="p">);</span> </span><span id="L-211"><a name="L-211"></a> <span class="p">}</span> </span><span id="L-212"><a name="L-212"></a> <span class="n">endShape</span><span class="p">();</span> </span><span id="L-213"><a name="L-213"></a><span class="p">}</span> </span><span id="L-214"><a name="L-214"></a><span class="kt">void</span> <span class="nf">digitalClock</span><span class="p">()</span> <span class="p">{</span> </span><span id="L-215"><a name="L-215"></a> <span class="n">PFont</span> <span class="n">font</span> <span class="o">=</span> <span class="n">loadFont</span><span class="p">(</span><span class="s">&quot;Pro-20.vlw&quot;</span><span class="p">);</span> </span><span id="L-216"><a name="L-216"></a> <span class="n">textFont</span><span class="p">(</span><span class="n">font</span><span class="p">,</span> <span class="mi">28</span><span class="p">);</span> </span><span id="L-217"><a name="L-217"></a> <span class="n">fill</span><span class="p">(</span><span class="mi">255</span><span class="p">);</span> </span><span id="L-218"><a name="L-218"></a> <span class="n">fontA</span> <span class="o">=</span> <span class="n">loadFont</span><span class="p">(</span><span class="s">&quot;Batang-48.vlw&quot;</span><span class="p">);</span> </span><span id="L-219"><a name="L-219"></a> <span class="n">textFont</span><span class="p">(</span><span class="n">fontA</span><span class="p">,</span> <span class="mi">22</span><span class="p">);</span> </span><span id="L-220"><a name="L-220"></a> <span class="n">text</span><span class="p">(</span><span class="s">&quot;Singapore&quot;</span><span class="p">,</span> <span class="mi">550</span><span class="p">,</span> <span class="mi">620</span><span class="p">);</span> </span><span id="L-221"><a name="L-221"></a> <span class="kt">int</span> <span class="n">s</span> <span class="o">=</span> <span class="n">second</span><span class="p">();</span> </span><span id="L-222"><a name="L-222"></a> <span class="kt">int</span> <span class="n">m</span> <span class="o">=</span> <span class="n">minute</span><span class="p">();</span> </span><span id="L-223"><a name="L-223"></a> <span class="kt">int</span> <span class="n">h</span> <span class="o">=</span> <span class="n">hour</span><span class="p">();</span> </span><span id="L-224"><a name="L-224"></a> <span class="c1">// The nf() function spaces the numbers nicely</span> </span><span id="L-225"><a name="L-225"></a> <span class="n">String</span> <span class="n">t</span> <span class="o">=</span> <span class="n">nf</span><span class="p">(</span><span class="n">h</span><span class="p">,</span> <span class="mi">2</span><span class="p">)</span> <span class="o">+</span> <span class="s">&quot;:&quot;</span> <span class="o">+</span> <span class="n">nf</span><span class="p">(</span><span class="n">m</span><span class="p">,</span> <span class="mi">2</span><span class="p">)</span> <span class="o">+</span> <span class="s">&quot;:&quot;</span> <span class="o">+</span> <span class="n">nf</span><span class="p">(</span><span class="n">s</span><span class="p">,</span> <span class="mi">2</span><span class="p">);</span> </span><span id="L-226"><a name="L-226"></a> <span class="n">text</span><span class="p">(</span><span class="n">t</span><span class="p">,</span> <span class="mi">520</span><span class="p">,</span> <span class="mi">650</span><span class="p">);</span> </span><span id="L-227"><a name="L-227"></a><span class="p">}</span> </span><span id="L-228"><a name="L-228"></a><span class="kt">void</span> <span class="nf">date</span><span class="p">()</span> <span class="p">{</span> </span><span id="L-229"><a name="L-229"></a> <span class="n">PFont</span> <span class="n">metaBold</span> <span class="o">=</span> <span class="n">loadFont</span><span class="p">(</span><span class="s">&quot;Meta-Bold.vlw&quot;</span><span class="p">);</span> </span><span id="L-230"><a name="L-230"></a> </span><span id="L-231"><a name="L-231"></a> <span class="n">fill</span><span class="p">(</span><span class="mi">255</span><span class="p">);</span> </span><span id="L-232"><a name="L-232"></a> <span class="kt">int</span> <span class="n">d</span> <span class="o">=</span> <span class="n">day</span><span class="p">();</span> <span class="c1">// Values from 1 - 31</span> </span><span id="L-233"><a name="L-233"></a> <span class="kt">int</span> <span class="n">m</span> <span class="o">=</span> <span class="n">month</span><span class="p">();</span> <span class="c1">// Values from 1 - 12</span> </span><span id="L-234"><a name="L-234"></a> <span class="kt">int</span> <span class="n">y</span> <span class="o">=</span> <span class="n">year</span><span class="p">();</span> <span class="c1">// 2003, 2004, 2005, etc.</span> </span><span id="L-235"><a name="L-235"></a> <span class="n">String</span> <span class="n">M</span> <span class="o">=</span> <span class="s">&quot;&quot;</span><span class="p">;</span> </span><span id="L-236"><a name="L-236"></a> <span class="kt">int</span> <span class="n">x</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span> </span><span id="L-237"><a name="L-237"></a> <span class="n">textFont</span><span class="p">(</span><span class="n">metaBold</span><span class="p">,</span> <span class="mi">60</span><span class="p">);</span> </span><span id="L-238"><a name="L-238"></a> <span class="n">String</span> <span class="n">s</span> <span class="o">=</span> <span class="n">String</span><span class="p">.</span><span class="n">valueOf</span><span class="p">(</span><span class="n">d</span><span class="p">);</span> </span><span id="L-239"><a name="L-239"></a> <span class="n">text</span><span class="p">(</span><span class="n">s</span><span class="p">,</span> <span class="mi">250</span><span class="p">,</span> <span class="mi">290</span><span class="p">);</span> </span><span id="L-240"><a name="L-240"></a> <span class="c1">//s = String.valueOf(m);</span> </span><span id="L-241"><a name="L-241"></a> <span class="n">textFont</span><span class="p">(</span><span class="n">metaBold</span><span class="p">,</span> <span class="mi">40</span><span class="p">);</span> </span><span id="L-242"><a name="L-242"></a> <span class="n">s</span> <span class="o">=</span> <span class="n">String</span><span class="p">.</span><span class="n">valueOf</span><span class="p">(</span><span class="n">y</span><span class="p">);</span> </span><span id="L-243"><a name="L-243"></a> <span class="n">text</span><span class="p">(</span><span class="n">s</span><span class="p">,</span> <span class="mi">245</span><span class="p">,</span> <span class="mi">335</span><span class="p">);</span> </span><span id="L-244"><a name="L-244"></a> </span><span id="L-245"><a name="L-245"></a> <span class="k">switch</span><span class="p">(</span><span class="n">m</span><span class="p">)</span> <span class="p">{</span> </span><span id="L-246"><a name="L-246"></a> <span class="k">case</span> <span class="mi">1</span><span class="o">:</span> </span><span id="L-247"><a name="L-247"></a> <span class="n">M</span> <span class="o">=</span> <span class="s">&quot;January&quot;</span><span class="p">;</span> </span><span id="L-248"><a name="L-248"></a> <span class="k">break</span><span class="p">;</span> </span><span id="L-249"><a name="L-249"></a> <span class="k">case</span> <span class="mi">2</span><span class="o">:</span> </span><span id="L-250"><a name="L-250"></a> <span class="n">M</span> <span class="o">=</span> <span class="s">&quot;February&quot;</span><span class="p">;</span> </span><span id="L-251"><a name="L-251"></a> <span class="k">break</span><span class="p">;</span> </span><span id="L-252"><a name="L-252"></a> <span class="k">case</span> <span class="mi">3</span><span class="o">:</span> </span><span id="L-253"><a name="L-253"></a> <span class="n">M</span> <span class="o">=</span> <span class="s">&quot;March&quot;</span><span class="p">;</span> </span><span id="L-254"><a name="L-254"></a> <span class="k">break</span><span class="p">;</span> </span><span id="L-255"><a name="L-255"></a> <span class="k">case</span> <span class="mi">4</span><span class="o">:</span> </span><span id="L-256"><a name="L-256"></a> <span class="n">M</span> <span class="o">=</span> <span class="s">&quot;April&quot;</span><span class="p">;</span> </span><span id="L-257"><a name="L-257"></a> <span class="k">break</span><span class="p">;</span> </span><span id="L-258"><a name="L-258"></a> <span class="k">case</span> <span class="mi">5</span><span class="o">:</span> </span><span id="L-259"><a name="L-259"></a> <span class="n">M</span> <span class="o">=</span> <span class="s">&quot;May&quot;</span><span class="p">;</span> </span><span id="L-260"><a name="L-260"></a> <span class="k">break</span><span class="p">;</span> </span><span id="L-261"><a name="L-261"></a> <span class="k">case</span> <span class="mi">6</span><span class="o">:</span> </span><span id="L-262"><a name="L-262"></a> <span class="n">M</span> <span class="o">=</span> <span class="s">&quot;June&quot;</span><span class="p">;</span> </span><span id="L-263"><a name="L-263"></a> <span class="k">break</span><span class="p">;</span> </span><span id="L-264"><a name="L-264"></a> <span class="k">case</span> <span class="mi">7</span><span class="o">:</span> </span><span id="L-265"><a name="L-265"></a> <span class="n">M</span> <span class="o">=</span> <span class="s">&quot;July&quot;</span><span class="p">;</span> </span><span id="L-266"><a name="L-266"></a> <span class="k">break</span><span class="p">;</span> </span><span id="L-267"><a name="L-267"></a> <span class="k">case</span> <span class="mi">8</span><span class="o">:</span> </span><span id="L-268"><a name="L-268"></a> <span class="n">M</span> <span class="o">=</span> <span class="s">&quot;August&quot;</span><span class="p">;</span> </span><span id="L-269"><a name="L-269"></a> <span class="k">break</span><span class="p">;</span> </span><span id="L-270"><a name="L-270"></a> <span class="k">case</span> <span class="mi">9</span><span class="o">:</span> </span><span id="L-271"><a name="L-271"></a> <span class="n">M</span> <span class="o">=</span> <span class="s">&quot;September&quot;</span><span class="p">;</span> </span><span id="L-272"><a name="L-272"></a> <span class="k">break</span><span class="p">;</span> </span><span id="L-273"><a name="L-273"></a> <span class="k">case</span> <span class="mi">10</span><span class="o">:</span> </span><span id="L-274"><a name="L-274"></a> <span class="n">M</span> <span class="o">=</span> <span class="s">&quot;October&quot;</span><span class="p">;</span> </span><span id="L-275"><a name="L-275"></a> <span class="n">x</span> <span class="o">=</span> <span class="mi">220</span><span class="p">;</span> </span><span id="L-276"><a name="L-276"></a> <span class="k">break</span><span class="p">;</span> </span><span id="L-277"><a name="L-277"></a> <span class="k">case</span> <span class="mi">11</span><span class="o">:</span> </span><span id="L-278"><a name="L-278"></a> <span class="n">M</span> <span class="o">=</span> <span class="s">&quot;November&quot;</span><span class="p">;</span> </span><span id="L-279"><a name="L-279"></a> <span class="k">break</span><span class="p">;</span> </span><span id="L-280"><a name="L-280"></a> <span class="k">case</span> <span class="mi">12</span><span class="o">:</span> </span><span id="L-281"><a name="L-281"></a> <span class="n">M</span> <span class="o">=</span> <span class="s">&quot;December&quot;</span><span class="p">;</span> </span><span id="L-282"><a name="L-282"></a> <span class="k">break</span><span class="p">;</span> </span><span id="L-283"><a name="L-283"></a> <span class="k">default</span><span class="o">:</span> </span><span id="L-284"><a name="L-284"></a> <span class="k">break</span><span class="p">;</span> </span><span id="L-285"><a name="L-285"></a> <span class="p">}</span> </span><span id="L-286"><a name="L-286"></a> <span class="n">text</span><span class="p">(</span><span class="n">M</span><span class="p">,</span> <span class="n">x</span><span class="p">,</span> <span class="mi">230</span><span class="p">);</span> </span><span id="L-287"><a name="L-287"></a><span class="p">}</span> </span><span id="L-288"><a name="L-288"></a> </span><span id="L-289"><a name="L-289"></a> </span><span id="L-290"><a name="L-290"></a> </span><span id="L-291"><a name="L-291"></a><span class="c1">//button PDE</span> </span><span id="L-292"><a name="L-292"></a> </span><span id="L-293"><a name="L-293"></a><span class="n">class</span> <span class="n">Button</span> </span><span id="L-294"><a name="L-294"></a><span class="p">{</span> </span><span id="L-295"><a name="L-295"></a> <span class="kt">int</span> <span class="n">x</span><span class="p">,</span> <span class="n">y</span><span class="p">;</span> </span><span id="L-296"><a name="L-296"></a> <span class="kt">int</span> <span class="n">size1</span><span class="p">,</span> <span class="n">size2</span><span class="p">;</span> </span><span id="L-297"><a name="L-297"></a> <span class="n">color</span> <span class="n">basecolor</span><span class="p">,</span> <span class="n">highlightcolor</span><span class="p">;</span> </span><span id="L-298"><a name="L-298"></a> <span class="n">color</span> <span class="n">currentcolor</span><span class="p">;</span> </span><span id="L-299"><a name="L-299"></a> <span class="n">boolean</span> <span class="n">over</span> <span class="o">=</span> <span class="nb">false</span><span class="p">;</span> </span><span id="L-300"><a name="L-300"></a> <span class="n">boolean</span> <span class="n">pressed</span> <span class="o">=</span> <span class="nb">false</span><span class="p">;</span> </span><span id="L-301"><a name="L-301"></a> </span><span id="L-302"><a name="L-302"></a> <span class="kt">void</span> <span class="nf">update</span><span class="p">()</span> </span><span id="L-303"><a name="L-303"></a> <span class="p">{</span> </span><span id="L-304"><a name="L-304"></a> <span class="k">if</span> <span class="p">(</span><span class="n">over</span><span class="p">())</span> <span class="p">{</span> </span><span id="L-305"><a name="L-305"></a> <span class="n">currentcolor</span> <span class="o">=</span> <span class="n">highlightcolor</span><span class="p">;</span> </span><span id="L-306"><a name="L-306"></a> <span class="p">}</span> </span><span id="L-307"><a name="L-307"></a> <span class="k">else</span> <span class="p">{</span> </span><span id="L-308"><a name="L-308"></a> <span class="n">currentcolor</span> <span class="o">=</span> <span class="n">basecolor</span><span class="p">;</span> </span><span id="L-309"><a name="L-309"></a> <span class="p">}</span> </span><span id="L-310"><a name="L-310"></a> <span class="p">}</span> </span><span id="L-311"><a name="L-311"></a> </span><span id="L-312"><a name="L-312"></a> <span class="n">boolean</span> <span class="nf">pressed</span><span class="p">()</span> </span><span id="L-313"><a name="L-313"></a> <span class="p">{</span> </span><span id="L-314"><a name="L-314"></a> <span class="k">if</span> <span class="p">(</span><span class="n">over</span><span class="p">)</span> <span class="p">{</span> </span><span id="L-315"><a name="L-315"></a> <span class="n">locked</span> <span class="o">=</span> <span class="nb">true</span><span class="p">;</span> </span><span id="L-316"><a name="L-316"></a> <span class="k">return</span> <span class="nb">true</span><span class="p">;</span> </span><span id="L-317"><a name="L-317"></a> <span class="p">}</span> </span><span id="L-318"><a name="L-318"></a> <span class="k">else</span> <span class="p">{</span> </span><span id="L-319"><a name="L-319"></a> <span class="n">locked</span> <span class="o">=</span> <span class="nb">false</span><span class="p">;</span> </span><span id="L-320"><a name="L-320"></a> <span class="k">return</span> <span class="nb">false</span><span class="p">;</span> </span><span id="L-321"><a name="L-321"></a> <span class="p">}</span> </span><span id="L-322"><a name="L-322"></a> <span class="p">}</span> </span><span id="L-323"><a name="L-323"></a> </span><span id="L-324"><a name="L-324"></a> <span class="n">boolean</span> <span class="nf">over</span><span class="p">()</span> </span><span id="L-325"><a name="L-325"></a> <span class="p">{</span> </span><span id="L-326"><a name="L-326"></a> <span class="k">return</span> <span class="nb">true</span><span class="p">;</span> </span><span id="L-327"><a name="L-327"></a> <span class="p">}</span> </span><span id="L-328"><a name="L-328"></a> </span><span id="L-329"><a name="L-329"></a> <span class="n">boolean</span> <span class="nf">overRect</span><span class="p">(</span><span class="kt">int</span> <span class="n">x</span><span class="p">,</span> <span class="kt">int</span> <span class="n">y</span><span class="p">,</span> <span class="kt">int</span> <span class="n">width</span><span class="p">,</span> <span class="kt">int</span> <span class="n">height</span><span class="p">)</span> </span><span id="L-330"><a name="L-330"></a> <span class="p">{</span> </span><span id="L-331"><a name="L-331"></a> <span class="k">if</span> <span class="p">(</span><span class="n">mouseX</span> <span class="o">&gt;=</span> <span class="n">x</span> <span class="o">&amp;&amp;</span> <span class="n">mouseX</span> <span class="o">&lt;=</span> <span class="n">x</span><span class="o">+</span><span class="n">width</span> <span class="o">&amp;&amp;</span> <span class="n">mouseY</span> <span class="o">&gt;=</span> <span class="n">y</span> <span class="o">&amp;&amp;</span> <span class="n">mouseY</span> <span class="o">&lt;=</span> <span class="n">y</span><span class="o">+</span><span class="n">height</span><span class="p">)</span> <span class="p">{</span> </span><span id="L-332"><a name="L-332"></a> <span class="k">return</span> <span class="nb">true</span><span class="p">;</span> </span><span id="L-333"><a name="L-333"></a> <span class="p">}</span> </span><span id="L-334"><a name="L-334"></a> <span class="k">else</span> <span class="p">{</span> </span><span id="L-335"><a name="L-335"></a> <span class="k">return</span> <span class="nb">false</span><span class="p">;</span> </span><span id="L-336"><a name="L-336"></a> <span class="p">}</span> </span><span id="L-337"><a name="L-337"></a> <span class="p">}</span> </span><span id="L-338"><a name="L-338"></a><span class="p">}</span> </span><span id="L-339"><a name="L-339"></a><span class="n">class</span> <span class="n">RectButton</span> <span class="n">extends</span> <span class="n">Button</span> </span><span id="L-340"><a name="L-340"></a><span class="p">{</span> </span><span id="L-341"><a name="L-341"></a> <span class="n">RectButton</span><span class="p">(</span><span class="kt">int</span> <span class="n">ix</span><span class="p">,</span> <span class="kt">int</span> <span class="n">iy</span><span class="p">,</span> <span class="kt">int</span> <span class="n">isize</span><span class="p">,</span> <span class="kt">int</span> <span class="n">usize</span><span class="p">,</span> <span class="n">color</span> <span class="n">icolor</span><span class="p">,</span> <span class="n">color</span> <span class="n">ihighlight</span><span class="p">)</span> </span><span id="L-342"><a name="L-342"></a> <span class="p">{</span> </span><span id="L-343"><a name="L-343"></a> <span class="n">x</span> <span class="o">=</span> <span class="n">ix</span><span class="p">;</span> </span><span id="L-344"><a name="L-344"></a> <span class="n">y</span> <span class="o">=</span> <span class="n">iy</span><span class="p">;</span> </span><span id="L-345"><a name="L-345"></a> <span class="n">size1</span> <span class="o">=</span> <span class="n">isize</span><span class="p">;</span> </span><span id="L-346"><a name="L-346"></a> <span class="n">size2</span> <span class="o">=</span> <span class="n">usize</span><span class="p">;</span> </span><span id="L-347"><a name="L-347"></a> </span><span id="L-348"><a name="L-348"></a> <span class="n">basecolor</span> <span class="o">=</span> <span class="n">icolor</span><span class="p">;</span> </span><span id="L-349"><a name="L-349"></a> <span class="n">highlightcolor</span> <span class="o">=</span> <span class="n">ihighlight</span><span class="p">;</span> </span><span id="L-350"><a name="L-350"></a> <span class="n">currentcolor</span> <span class="o">=</span> <span class="n">basecolor</span><span class="p">;</span> </span><span id="L-351"><a name="L-351"></a> <span class="p">}</span> </span><span id="L-352"><a name="L-352"></a> </span><span id="L-353"><a name="L-353"></a> <span class="n">boolean</span> <span class="n">over</span><span class="p">()</span> </span><span id="L-354"><a name="L-354"></a> <span class="p">{</span> </span><span id="L-355"><a name="L-355"></a> <span class="k">if</span> <span class="p">(</span> <span class="n">overRect</span><span class="p">(</span><span class="n">x</span><span class="p">,</span> <span class="n">y</span><span class="p">,</span> <span class="n">size1</span><span class="p">,</span> <span class="n">size2</span><span class="p">)</span> <span class="p">)</span> <span class="p">{</span> </span><span id="L-356"><a name="L-356"></a> <span class="n">over</span> <span class="o">=</span> <span class="nb">true</span><span class="p">;</span> </span><span id="L-357"><a name="L-357"></a> <span class="k">return</span> <span class="nb">true</span><span class="p">;</span> </span><span id="L-358"><a name="L-358"></a> <span class="p">}</span> </span><span id="L-359"><a name="L-359"></a> <span class="k">else</span> <span class="p">{</span> </span><span id="L-360"><a name="L-360"></a> <span class="n">over</span> <span class="o">=</span> <span class="nb">false</span><span class="p">;</span> </span><span id="L-361"><a name="L-361"></a> <span class="k">return</span> <span class="nb">false</span><span class="p">;</span> </span><span id="L-362"><a name="L-362"></a> <span class="p">}</span> </span><span id="L-363"><a name="L-363"></a> <span class="p">}</span> </span><span id="L-364"><a name="L-364"></a> </span><span id="L-365"><a name="L-365"></a> <span class="kt">void</span> <span class="n">display</span><span class="p">()</span> </span><span id="L-366"><a name="L-366"></a> <span class="p">{</span> </span><span id="L-367"><a name="L-367"></a> <span class="n">stroke</span><span class="p">(</span><span class="mi">255</span><span class="p">);</span> </span><span id="L-368"><a name="L-368"></a> <span class="n">fill</span><span class="p">(</span><span class="n">currentcolor</span><span class="p">);</span> </span><span id="L-369"><a name="L-369"></a> <span class="n">rect</span><span class="p">(</span><span class="n">x</span><span class="p">,</span> <span class="n">y</span><span class="p">,</span> <span class="n">size1</span><span class="p">,</span> <span class="n">size2</span><span class="p">);</span> </span><span id="L-370"><a name="L-370"></a> <span class="p">}</span> </span><span id="L-371"><a name="L-371"></a><span class="p">}</span> </span></pre></div> </td></tr></table>
gui, processing