commit variation 1
[konstrukt_wksp:konstrukt_wksp.git] / code / processingjs / 14-variation1_4.html
1 <script src="processing-1.0.0.js"></script>  
2 <script src="init.js"></script>   
3 <script type="application/processing">  
4
5    
6 // Global variables  
7 int width = 200;  
8 int height = 200;
9 // Setup the Processing Canvas  
10 void setup(){  
11     size( width, height);  
12     strokeWeight(0.5 );
13     background(0);
14     //frameRate(2);
15     noLoop();
16 }  
17
18 void draw_area() {
19     stroke(100);
20     noFill();
21     rect(0,0,swidth,sheight);
22     
23 }
24
25 void draw(){
26     int res = 20;
27     //int res = ((frameCount%16)*2)+1;
28     int step = (width/(res-1))/2;
29     int cx = width/2;
30     int cy = height/2;
31     
32     background(0);
33     pushMatrix();
34     translate(cx, cy);
35     stroke(255,0,0);
36
37 for(int i=0; i<(res-1); i++) {
38     int x1 = 0;
39     int y1 = i*step-cy;
40     int x2 = (i+1)*step;
41     int y2 = 0;
42     for(n=0;n<2;n++) {
43             y4 = (i+1)*step;
44             nu_y4 = (y4/cy*(cy/4))+((cy/4)*2);
45             if(n){
46                 y1=(abs((i+1)-res)*step)-height;
47                 y2=0-height;
48                 nu_y4 = -1*nu_y4;
49             }
50         
51         for(m=0; m<2; m++){
52             nu_x2 = (x2/cx*(cx/4))+((cx/4)*2);
53             x4 = i*step;
54             x5 = cx;
55             if(m){nu_x2=nu_x2-(2*nu_x2);x4=x4-(2*x4);x5=x5-(2*x5)}
56             
57             //left -> bottom
58             line(x1, y1+cy, nu_x2, y2+cy);
59             //top->right
60             line(x4, 0, x5, nu_y4);
61         }
62     }
63 }
64
65 popMatrix(); 
66 save("14-variation1.png");
67 }
68
69
70 </script>  
71 <body bgcolor="#11111">
72
73 <div align=center>
74 <canvas> </canvas>
75 </div>
76 </body>