// This sketch creates a scene which can be viewed in stereo-vision 

// by a slight crossing of the eyes (left panel is viewed by the right eye)

// Can also be tweaked for a VR headset.

​

// Issues:

// no touch device support (maybe use p5.touchgui)

// no gyroscopic input

​

let r=0; // rotation r incremented by an independent loop:

(function l(){requestAnimationFrame(l);r+=0.01;})();

​

// This is the scene to be rendered, common to all sketches

function renderScene(p){

  p.background(0);

  p.lights();

  p.push();

    p.noFill();

    p.stroke(255);

    p.translate(0, 100);

    p.rotateX(p.radians(90));

    p.rotateZ(p.radians(90));

    p.plane(p.width/2, p.height/2);

    p.translate(-p.width/4+15, -p.height/4+15,15);

    p.normalMaterial();

    p.box(30);

    p.translate(p.width/2-30, 0,0);

    p.box(30);

    p.translate(0, p.height/2-30,0);

    p.box(30);

    p.translate(-p.width/2+30, 0,0);

    p.box(30);

  p.pop();

  p.fill(255);

  p.rotateX(r);

  p.rotateY(r);

  p.normalMaterial();

  p.box(110);  

  //p.icosahedron(100,100,100);

}

​

let sketch1 = function(p) {

  let v, icosahedron;

​

  p.setup = function() {

    let r=p.createCanvas(p.windowWidth/2-1, p.windowHeight, p.WEBGL);

    v = p.createRoverCam();

    v.usePointerLock(p); // p is required here in instance mode

    v.setState({position:[-500,-150,-250],rotation:[p.PI/6,0.3,0],offset:[0,30]}); // set ocular separation

    v.speed = 0.4;

    p.icosahedron = createIcosahedron(r);

  };

  p.windowResized = function() {

    p.resizeCanvas(window.innerWidth/2-1, window.innerHeight, p.WEBGL);

  };

  p.draw = function() {

    renderScene(p);

  };

};

let myp51 = new p5(sketch1);

​

let sketch2 = function(p) {

  let v, icosahedron;

  p.setup = function() {

    let r=p.createCanvas(p.windowWidth/2-1, p.windowHeight, p.WEBGL);

    v = p.createRoverCam(); // not necessary to invoke usePointerLock() again

    v.setState({position:[-500,-150,-250],rotation:[p.PI/6,0.3,0],offset:[0,-30]});

    v.speed = 0.4;

    p.icosahedron = createIcosahedron(r);

  };

  p.windowResized = function() {

    p.resizeCanvas(window.innerWidth/2-1, window.innerHeight, p.WEBGL);

  };

  p.draw = function() {

    renderScene(p);

  };

};

let myp52 = new p5(sketch2);

​

createIcosahedron = (r)=> {

    let icosahedron = new p5.Geometry(0, 0, function() {

        const s = 0.525731112119, t = 0.850650808352,

                    v = [ // three orthogonal rectangles

                        [-s,0,t], [s,0,t], [-s,0,-t], [s,0,-t],

                        [0,t,s], [0,t,-s], [0,-t,s], [0,-t,-s],

                        [t,s,0], [-t,s,0], [t,-s,0], [-t,-s,0]

                    ],

                    f = [ // faces around points 4, 6, and adjacents

                        [4,1,0],  [4,0,9],  [4,9,5],  [4,5,8], [4,8,1],

                        [8,10,1], [8,3,10], [5,3,8],  [5,2,3], [2,7,3],

                        [6,10,7], [6,7,11], [6,11,0], [6,0,1], [6,1,10],

                        [7,10,3], [9,0,11], [9,11,2], [9,2,5], [7,2,11]

                    ];

        for(let i=0; i<v.length; i++){

            this.vertices.push(new p5.Vector(v[i][0],v[i][1],v[i][2]));

            this.vertexNormals.push(this.vertices[i].copy());

            this.uvs.push([this.vertices[i].x, this.vertices[i].y]);

        }

        for(let i=0; i<f.length; i++) this.faces.push(f[i]);

    });

    icosahedron._makeTriangleEdges()._edgesToVertices();

  r.createBuffers('jWilliamDunn', icosahedron);

    return (x,y,z)=>r.drawBuffersScaled('jWilliamDunn', x,y,z);

}