User:Nan Wang/counting: Difference between revisions

From XPUB & Lens-Based wiki
No edit summary
No edit summary
 
(15 intermediate revisions by the same user not shown)
Line 1: Line 1:
http://payload91.cargocollective.com/1/8/283859/4132276/ccc_900.jpg
Nan Wang, Trimester 1, 1'st year, 2012.
Car myCar1;
Car myCar2;
Car myCar3;
Car myCar4;
Car myCar5;
Car myCar6;
Car myCar7;
Car myCar8;
Car myCar9;
Car myCar10;
Car myCar11;
Car myCar12;
Car myCar13;
Car myCar14;
Car myCar15;
//  objects!


void setup() {
[[image:loop1.png|600px]]]
  size(760, 576);


  // Parameters
http://www.openprocessing.org/sketch/73805/check
  myCar1 = new Car(color(225, 225, 225), 0, 100, 2);
  myCar2 = new Car(color(225, 225, 225), 0, 550, 1);
  myCar3 = new Car(color(225, 225, 225), 0, 300, 1.3);
  myCar4 = new Car(color(209, 209, 209), 0, 60, 3);
  myCar5 = new Car(color(225, 225, 225), 0, 120, 0.8);
  myCar6 = new Car(color(225, 225, 225), 0, 200, 1.5);
  myCar7 = new Car(color(225, 225, 225), 0, 500, 2.5);
  myCar8 = new Car(color(160, 160, 160), 0, 400, 4);
  myCar9 = new Car(color(225, 225, 225), 0, 20, 3.5);
  myCar10 = new Car(color(225, 225, 225), 0, 180, 0.8);
  myCar11 = new Car(color(225, 225, 225), 0, 78, 1.5);
  myCar12 = new Car(color(225, 225, 225), 0, 370, 2.5);
  myCar13 = new Car(color(225, 225, 225), 0, 460, 4);
  myCar14 = new Car(color(225, 225, 225), 0, 230, 3.5);
  myCar15 = new Car(color(225, 225, 225), 0, 480, 0.8);
}


void draw() {
  background(0);
  myCar1.drive();
  myCar1.display();
  myCar2.drive();
  myCar2.display();
  myCar3.drive();
  myCar3.display();
  myCar4.drive();
  myCar4.display();
  myCar5.drive();
  myCar5.display();
  myCar6.drive();
  myCar6.display();
  myCar7.drive();
  myCar7.display();
  myCar8.drive();
  myCar8.display();
  myCar9.drive();
  myCar9.display();
}


<canvas id="canvas" width="600" height="300" showsrc>
var p;
       
        q=1;
       
        function draw(){
            c = document.getElementById("canvas");
            console.log("c is",c);
            p = c.getContext("2d");
            p.fillStyle="rgb(0,0,0)"
            p.fillRect(0, 0, 800, 300);


class Car {
         
  color c;
            drawBlocks();
  float xpos;
            q= q+2;
  float ypos;
            if(q>83)
  float xspeed;
              {q=1};
           
         
        }
       
       


  //  defined.
  Car(color tempC, float tempXpos, float tempYpos, float tempXspeed) {
    c = tempC;
    xpos = tempXpos;
    ypos = tempYpos;
    xspeed = tempXspeed;
  }


  void display() {
        function drawBlocks(){
    stroke(0);
            x = 0;
    fill(c);
            i = 0;
    rectMode(CENTER);
            y=0;
    rect(xpos, ypos, 20, 10);
            z=0;
  }
            g=0;
          while (i< 800){
            p.fillRect(10*q,x,1,1);
            p.fillRect(10*q+20,x,2,2);
            p.fillRect(10*q+40,x,3,3);
            p.fillRect(10*q+60,x,4,4);
            p.fillRect(10*q+80,x,3,3);
            p.fillRect(10*q+100,x,2,2);
            p.fillRect(10*q+120,x,1,1);
            p.fillRect(10*q+140,x,1,1);
            p.fillRect(10*q+160,x,2,2);
            p.fillRect(10*q+180,x,3,3);
            p.fillRect(10*q+200,x,4,4);
            p.fillRect(10*q+220,x,5,5);
            p.fillRect(10*q+240,x,4,4);
            p.fillRect(10*q+260,x,3,3);
            p.fillRect(10*q+280,x,2,2);
            p.fillRect(10*q+300,x,1,1);
            p.fillRect(10*q+320,x,1,1);
            p.fillRect(10*q+340,x,2,2);
            p.fillRect(10*q+360,x,3,3);
            p.fillRect(10*q+380,x,4,4);
            p.fillRect(10*q+400,x,5,5);
            p.fillRect(10*q+420,x,4,4);
            p.fillRect(10*q+440,x,3,3);
            p.fillRect(10*q+460,x,2,2);
            p.fillRect(10*q+480,x,1,1);
            p.fillRect(10*q+500,x,1,1);
            p.fillRect(10*q+520,x,2,2);
            p.fillRect(10*q+540,x,3,3);
           
            p.fillRect(10*q-35,60,15,15);
            p.fillRect(10*q-50,110,10,10);
            p.fillRect(10*q-150,30,10,10);
            p.fillRect(10*q-70,140,10,10);
            p.fillRect(10*q-110,80,10,10);
            p.fillRect(10*q-80,760,20,20);
            p.fillRect(10*q-55,200,15,15);
            p.fillRect(10*q-130,220,10,10);
            p.fillRect(10*q-50,280,10,10);
            p.fillRect(10*q-205,180,5,5);


  void drive() {
           
    xpos = xpos + xspeed;
            p.fillRect(10*q+560,x,4,4);
    if (xpos > width) {
            p.fillRect(10*q+580,x,3,3);
      xpos = 0;
            p.fillRect(10*q-820,x,2,2);
    }
            p.fillRect(10*q-800,x,1,1);
  }
            p.fillRect(10*q-780,x,1,1);
}
            p.fillRect(10*q-760,x,1,1);
            p.fillRect(10*q-740,x,2,2);
            p.fillRect(10*q-720,x,3,3);
            p.fillRect(10*q-700,x,4,4);
            p.fillRect(10*q-680,x,5,5);
            p.fillRect(10*q-660,x,4,4);
            p.fillRect(10*q-640,x,3,3);
            p.fillRect(10*q-620,x,2,2);
            p.fillRect(10*q-600,x,1 ,1);
            p.fillRect(10*q-580,x,1,1);
            p.fillRect(10*q-560,x,2,2);
            p.fillRect(10*q-540,x,3,3);
            p.fillRect(10*q-520,x,4,4);
 
            p.fillRect(10*q-500,x,5,5);
            p.fillRect(10*q-480,x,6,6);
            p.fillRect(10*q-460,x,5,5);
            p.fillRect(10*q-440,x,4,4);
            p.fillRect(10*q-420,x,3,3);
            p.fillRect(10*q-400,x,2,2);
            p.fillRect(10*q-380,x,1,1);
            p.fillRect(10*q-360,x,1,1);
            p.fillRect(10*q-340,x,2,2);
            p.fillRect(10*q-320,x,3,3);
            p.fillRect(10*q-300,x,4,4);
            p.fillRect(10*q-280,x,5,5);
            p.fillRect(10*q-260,x,6,6);
            p.fillRect(10*q-240,x,5,5);
            p.fillRect(10*q-220,x,4,4);
            p.fillRect(10*q-200,x,3,3);
            p.fillRect(10*q-180,x,2,2);
 
 
            p.fillRect(10*q-160,x,2,2);
            p.fillRect(10*q-140,x,4,4);
            p.fillRect(10*q-120,x,4,4);
            p.fillRect(10*q-100,x,2,2);
            p.fillRect(10*q-80,x,2,2);
            p.fillRect(10*q-60,x,4,4);
            p.fillRect(10*q-40,x,4,4);
            p.fillRect(10*q-20,x,4,4);
 
 
          p.fillStyle= "rgb("+y+","+z+","+g+")";
            x = x + 5;
            i = i + 5;
            y = y+2;
            z = z+9;
            g = g+130;
             
 
           
 
         
         
          }
 
        }
 
setInterval(function(){draw()},50);   
       
      </canvas>

Latest revision as of 17:31, 13 December 2012

Nan Wang, Trimester 1, 1'st year, 2012.

Loop1.png]

http://www.openprocessing.org/sketch/73805/check


<canvas id="canvas" width="600" height="300" showsrc> 

var p;
        
        q=1;
        
        function draw(){
           c = document.getElementById("canvas");
           console.log("c is",c);
           p = c.getContext("2d");
           p.fillStyle="rgb(0,0,0)"
           p.fillRect(0, 0, 800, 300);



           drawBlocks();
           q= q+2;
           if(q>83)
              {q=1};
            
          
        }
        
       



       function drawBlocks(){
           x = 0;
           i = 0;
           y=0;
           z=0;
           g=0;
          while (i< 800){
           p.fillRect(10*q,x,1,1);
           p.fillRect(10*q+20,x,2,2);
           p.fillRect(10*q+40,x,3,3);
           p.fillRect(10*q+60,x,4,4);
           p.fillRect(10*q+80,x,3,3);
           p.fillRect(10*q+100,x,2,2);
           p.fillRect(10*q+120,x,1,1);
           p.fillRect(10*q+140,x,1,1);
           p.fillRect(10*q+160,x,2,2);
           p.fillRect(10*q+180,x,3,3);
           p.fillRect(10*q+200,x,4,4);
           p.fillRect(10*q+220,x,5,5);
           p.fillRect(10*q+240,x,4,4);
           p.fillRect(10*q+260,x,3,3);
           p.fillRect(10*q+280,x,2,2);
           p.fillRect(10*q+300,x,1,1);
           p.fillRect(10*q+320,x,1,1);
           p.fillRect(10*q+340,x,2,2);
           p.fillRect(10*q+360,x,3,3);
           p.fillRect(10*q+380,x,4,4);
           p.fillRect(10*q+400,x,5,5);
           p.fillRect(10*q+420,x,4,4);
           p.fillRect(10*q+440,x,3,3);
           p.fillRect(10*q+460,x,2,2);
           p.fillRect(10*q+480,x,1,1);
           p.fillRect(10*q+500,x,1,1);
           p.fillRect(10*q+520,x,2,2);
           p.fillRect(10*q+540,x,3,3);
           
           p.fillRect(10*q-35,60,15,15);
           p.fillRect(10*q-50,110,10,10);
           p.fillRect(10*q-150,30,10,10);
           p.fillRect(10*q-70,140,10,10);
           p.fillRect(10*q-110,80,10,10);
           p.fillRect(10*q-80,760,20,20);
           p.fillRect(10*q-55,200,15,15);
           p.fillRect(10*q-130,220,10,10);
           p.fillRect(10*q-50,280,10,10);
           p.fillRect(10*q-205,180,5,5);



           p.fillRect(10*q+560,x,4,4);
           p.fillRect(10*q+580,x,3,3);
           p.fillRect(10*q-820,x,2,2);
           p.fillRect(10*q-800,x,1,1);
           p.fillRect(10*q-780,x,1,1);
           p.fillRect(10*q-760,x,1,1);
           p.fillRect(10*q-740,x,2,2);
           p.fillRect(10*q-720,x,3,3);
           p.fillRect(10*q-700,x,4,4);
           p.fillRect(10*q-680,x,5,5);
           p.fillRect(10*q-660,x,4,4);
           p.fillRect(10*q-640,x,3,3);
           p.fillRect(10*q-620,x,2,2);
           p.fillRect(10*q-600,x,1 ,1);
           p.fillRect(10*q-580,x,1,1);
           p.fillRect(10*q-560,x,2,2);
           p.fillRect(10*q-540,x,3,3);
           p.fillRect(10*q-520,x,4,4);

           p.fillRect(10*q-500,x,5,5);
           p.fillRect(10*q-480,x,6,6);
           p.fillRect(10*q-460,x,5,5);
           p.fillRect(10*q-440,x,4,4);
           p.fillRect(10*q-420,x,3,3);
           p.fillRect(10*q-400,x,2,2);
           p.fillRect(10*q-380,x,1,1);
           p.fillRect(10*q-360,x,1,1);
           p.fillRect(10*q-340,x,2,2);
           p.fillRect(10*q-320,x,3,3);
           p.fillRect(10*q-300,x,4,4);
           p.fillRect(10*q-280,x,5,5);
           p.fillRect(10*q-260,x,6,6);
           p.fillRect(10*q-240,x,5,5);
           p.fillRect(10*q-220,x,4,4);
           p.fillRect(10*q-200,x,3,3);
           p.fillRect(10*q-180,x,2,2);



           p.fillRect(10*q-160,x,2,2);
           p.fillRect(10*q-140,x,4,4);
           p.fillRect(10*q-120,x,4,4);
           p.fillRect(10*q-100,x,2,2);
           p.fillRect(10*q-80,x,2,2);
           p.fillRect(10*q-60,x,4,4);
           p.fillRect(10*q-40,x,4,4);
           p.fillRect(10*q-20,x,4,4);



          p.fillStyle= "rgb("+y+","+z+","+g+")";
           x = x + 5;
           i = i + 5;
           y = y+2;
           z = z+9;
           g = g+130;
             




         }  



       }

setInterval(function(){draw()},50); 

      </canvas>
Retrieved from "https://pzwiki.wdka.nl/mw-mediadesign/index.php?title=User:Nan_Wang/counting&oldid=39202"