kopia lustrzana https://github.com/villares/sketch-a-day
easy cam not working :(
rodzic
25ea41bc02
commit
e137899ee6
|
|
@ -0,0 +1,18 @@
|
|||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
|
||||
<!-- PLEASE NO CHANGES BELOW THIS LINE (UNTIL I SAY SO) -->
|
||||
<script language="javascript" type="text/javascript" src="libraries/p5.js"></script>
|
||||
<script language="javascript" type="text/javascript" src="libraries/p5.easycam.js"></script>
|
||||
<script language="javascript" type="text/javascript" src="s180105.js"></script>
|
||||
<!-- OK, YOU CAN MAKE CHANGES BELOW THIS LINE AGAIN -->
|
||||
|
||||
<!-- This line removes any default padding and style.
|
||||
You might only need one of these values set. -->
|
||||
<style> body {padding: 0; margin: 0;} </style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
</body>
|
||||
</html>
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,79 @@
|
|||
/*
|
||||
|
||||
*/
|
||||
|
||||
var easycam;
|
||||
|
||||
var tetrah_list = [];
|
||||
var rot_x = 0;
|
||||
var rot_y = 0;
|
||||
|
||||
function setup() {
|
||||
canvas = createCanvas(500, 500, WEBGL);
|
||||
setAttributes('antialias', true);
|
||||
easycam = createEasyCam();
|
||||
print(Dw.EasyCam.INFO);
|
||||
|
||||
for (var i = -5; i < 5; i++) {
|
||||
for (var j = -5; j < 5; j++) {
|
||||
var x = i*40;
|
||||
var y = j*40;
|
||||
var z = random(-20, 20);
|
||||
var t = new Tetrahedron(x, y, z, 35, true); // instancia um tetrah
|
||||
tetrah_list.push(t); // acrescenta na lista }
|
||||
}
|
||||
}
|
||||
}
|
||||
function draw() {
|
||||
background(0);
|
||||
rot_x += 0.005;
|
||||
rot_y += 0.01;
|
||||
for (var i = 0; i < tetrah_list.length; i++) { // itera pela lista apas
|
||||
tetrah_list[i].plot();
|
||||
}
|
||||
}
|
||||
|
||||
function Tetrahedron(x, y, z, radius, showFaces) {
|
||||
this.x = x;
|
||||
this.y = y;
|
||||
this.z = z;
|
||||
this.vert = [];
|
||||
this.radius = radius;
|
||||
this.showFaces = showFaces;
|
||||
var a = this.radius*2/3;
|
||||
this.vert[0] = new p5.Vector( a, a, a ); // vertex 1
|
||||
this.vert[1] = new p5.Vector(-a, -a, a ); // vertex 2
|
||||
this.vert[2] = new p5.Vector(-a, a, -a ); // vertex 3
|
||||
this.vert[3] = new p5.Vector( a, -a, -a ); // vertex 4
|
||||
// draws tetrahedron
|
||||
this.plot = function(rx, ry) {
|
||||
push();
|
||||
noFill();
|
||||
strokeWeight(5);
|
||||
stroke(200, 0, 0, 10);
|
||||
translate(this.x, this.y, this.z);
|
||||
rotateX(rot_y);
|
||||
rotateY(rot_x);
|
||||
beginShape();
|
||||
vertex(this.vert[0].x, this.vert[0].y, this.vert[0].z); // vertex 1
|
||||
vertex(this.vert[1].x, this.vert[1].y, this.vert[1].z); // vertex 2
|
||||
vertex(this.vert[2].x, this.vert[2].y, this.vert[2].z); // vertex 3
|
||||
endShape(CLOSE);
|
||||
beginShape();
|
||||
vertex(this.vert[0].x, this.vert[0].y, this.vert[0].z); // vertex 1
|
||||
vertex(this.vert[3].x, this.vert[3].y, this.vert[3].z); // vertex 4
|
||||
vertex(this.vert[2].x, this.vert[2].y, this.vert[2].z); // vertex 3
|
||||
endShape(CLOSE);
|
||||
beginShape();
|
||||
vertex(this.vert[3].x, this.vert[3].y, this.vert[3].z); // vertex 4
|
||||
vertex(this.vert[0].x, this.vert[0].y, this.vert[0].z); // vertex 1
|
||||
vertex(this.vert[1].x, this.vert[1].y, this.vert[1].z); // vertex 2
|
||||
endShape(CLOSE);
|
||||
beginShape();
|
||||
vertex(this.vert[3].x, this.vert[3].y, this.vert[3].z); // vertex 4
|
||||
vertex(this.vert[2].x, this.vert[2].y, this.vert[2].z); // vertex 3
|
||||
vertex(this.vert[1].x, this.vert[1].y, this.vert[1].z); // vertex 2
|
||||
endShape(CLOSE);
|
||||
pop();
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,2 @@
|
|||
mode=p5.js
|
||||
mode.id=processing.mode.p5js.p5jsMode
|
||||
Ładowanie…
Reference in New Issue