topical media & game development

topical media & game development

[] readme course(s) preface I 1 2 II 3 4 III 5 6 7 IV 8 9 10 V 11 12 afterthought(s) appendix reference(s) example(s) resource(s) _

#javascript-processing-example-basic-structure-recursion.htm / htm


  <!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>Recursion</h2>
  
  <p>A demonstration of recursion, which means functions call themselves. 
  Notice how the drawCircle() function calls itself at the end of its block. 
  It continues to do this until the variable "level" is equal to 1.</p>
  
  <p><a href="http://processing.org/learning/basics/recursion.html"><b>Original Processing.org Example:</b> Recursion</a><br>
  <script type="application/processing">
  void setup() 
  {
    size(200, 200);
    noStroke();
    smooth();
    noLoop();
  }
  
  void draw() 
  {
    drawCircle(126, 170, 6);
  }
  
  void drawCircle(int x, int radius, int level) 
  {                    
    float tt = 126 * level/4.0;
    fill(tt);
    ellipse(x, 100, radius*2, radius*2);      
    if(level > 1) {
      level = level - 1;
      drawCircle(x - radius/2, radius/2, level);
      drawCircle(x + radius/2, radius/2, level);
    }
  }
  </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>
  void setup() 
  {
    size(200, 200);
    noStroke();
    smooth();
    noLoop();
  }
  
  void draw() 
  {
    drawCircle(126, 170, 6);
  }
  
  void drawCircle(int x, int radius, int level) 
  {                    
    float tt = 126 * level/4.0;
    fill(tt);
    ellipse(x, 100, radius*2, radius*2);      
    if(level &gt; 1) {
      level = level - 1;
      drawCircle(x - radius/2, radius/2, level);
      drawCircle(x + radius/2, radius/2, level);
    }
  }</pre>
  </body></html>

[] readme course(s) preface I 1 2 II 3 4 III 5 6 7 IV 8 9 10 V 11 12 afterthought(s) appendix reference(s) example(s) resource(s) _

You may not copy or print any of this material without explicit permission of the author or the publisher. In case of other copyright issues, contact the author.