Professional Documents
Culture Documents
CODE:
function setup() {
createCanvas(400, 400);
}
function draw(){
background(0);
Line(20,25,200,350);
updatePixels();
}
OUTPUT:
2. Write a program to implement Z-buffer Algorithm.
CODE - 1:
function setup() {
createCanvas(1000,1000);
}
function draw() {
textSize(32);
text("Z-Buffer",100,70);
X1=300;
Y1=100;
Z1=300;
X2=500;
Y2=200;
Z2=200;
X3=400;
Y3=500;
Z3=100;
A=(Y2*Z3-Z2*Y3+Y3*Z1-Z3*Y2+Y1*Z2-Y2*Z1)/(X1*(Y2*Z3-
Z2*Y3)+X2*(Y3*Z1-Z3*Y1)+X3*(Y1*Z2-Z1*Y2));
B=(X3*Y2-Y3*X2+X1*Z3-Z1*X3+X2*Z1-Z2*X1)/(X1*(Y2*Z3-
Z2*Y3)+X2*(Y3*Z1-Z3*Y1)+X3*(Y1*Z2-Z1*Y2));
C=(X2*Y3-Y2*X3+X3*Y1-X1*Y3+X1*Y2-X2*Y1)/(X1*(Y2*Z3-
Z2*Y3)+X2*(Y3*Z1-Z3*Y1)+X3*(Y1*Z2-Z1*Y2));
for(i=X1;i<X2;i++)
{
for(j=Y1;j<Y2;j++){
z=(1-A*i-B*j)/C;
stroke(205-z,20,250);
point(i,j);
}
}
for(i=X1;i<X3;i++)
{
for(j=Y1;j<Y3;j++){
z=(1-A*i-B*j)/C;
if(250-z<0){
z=250;
}
stroke(205,20-z,250);
point(i,j);
}
}
}
OUTPUT:
CODE – 2:
var gl;
var b = true;
function setup() {
createCanvas(600, 600, WEBGL);
gl = document.getElementById('defaultCanvas0').getContext('webgl');
}
function draw() {
background(0);
noStroke();