Processing [n-vertices]-gons :3

2015-08-07 Generate n-gon Processing

by schrodingers

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/processing.js/1.4.13/processing.min.js"></script>
<canvas></canvas>

CSS

</style> <script type="text/javascript"> window.addEventListener('load', function() {
    var scripts=document.body.getElementsByTagName('script');
    var canvases=document.body.getElementsByTagName('canvas');
    new Processing(canvases[0], scripts[0].text);
}
, false);
 // Here prevent javascript in body from throwing error </script> <style>

JavaScript

/* 
 title: Polygons, array[vertnum]-gons :3
 date: 2015-08-07
 */
color violet = color(58, 48, 66);
color yellow = color(237, 230, 35);
color cyan = color(5, 190, 255);

float side = 50; //sidelength (equilateral polygons)
      
 void setup() {
    size(800, 600, P2D);
    smooth(6);
 }
void draw(){ 
  translate(width/3, 50);
  fill(cyan);
  noStroke();
  
  int[] points = {3, 4, 5, 6};
  pushMatrix();
  for (int i = 0; i < points.length; i++)
  {
    beginShape();
    for (int j = 0; j < points[i]; j++)
    {
      float vertexX = cos(j * (TAU/points[i])) * side;
      float vertexY = sin(j * (TAU/points[i])) * side;
      vertex(vertexX, vertexY);
    }
    endShape(CLOSE);
    translate(0, 150);
  }
  popMatrix();

}