three D code

World_Name Password

On the right is the code to make this world.Try your hand at making your own world.Or room, or spaceship, or whatever

Load tools (for example, spheres, cylinders,curves, lighting, transparency, fractals...)

Make Your Own 3d World

//you can use the arrow keys and 1,2,3,4
//to change your viewpoint
//
//
//
//
//we're starting off with a square...
//not quite sure why I called it a line...
//a square has four vertices: 
//start, start_, end, end_
//and each vertex needs x,y,and z
//for a total of 12 inputs
function line(xStart, yStart, zStart, xStart_, yStart_, zStart_, xEnd, yEnd, zEnd, xEnd_, yEnd_, zEnd_, red, green, blue){
  	this.vertices = function(){
    	return[[xStart,yStart,zStart,  xStart_, yStart_, zStart_, xEnd, yEnd, zEnd],[xEnd,yEnd,zEnd,  xStart_, yStart_, zStart_, xEnd_, yEnd_, zEnd_]];
    }
    this.colors = function(){
      
        return [[red,green,blue],[red,green,blue]];
    }
    this.render = function(){
      	
        glRender(this.vertices(),this.colors());
    };
}

//here's where everything comes together
function scene(x,y,z,angleX,angleY,angleZ){
    var vertices = [];
    var colors = [];
    this.add = function(obj){
        for(var i = 0 ; i< obj.vertices().length;i++){
            var temp = [];
            for(var j = 0; j<8; j=j+3){
                var x_ = (obj.vertices()[i][j]+x)*Math.cos(angleZ)*Math.cos(angleY)-(obj.vertices()[i][j+1]+y)*Math.sin(angleZ)*Math.cos(angleY)+(obj.vertices()[i][j+2]+z)*Math.sin(angleY);
               var y_ = (obj.vertices()[i][j]+x)*(Math.sin(angleZ)*Math.cos(angleX)+Math.cos(angleZ)*Math.sin(angleY)*Math.sin(angleX)) + (obj.vertices()[i][j+1]+y)*(Math.cos(angleZ)*Math.cos(angleX)-Math.sin(angleZ)*Math.sin(angleX)*Math.sin(angleY))-(obj.vertices()[i][j+2]+z)*Math.cos(angleY)*Math.sin(angleX);
                var z_ = (obj.vertices()[i][j]+x)*(Math.sin(angleZ)*Math.sin(angleX)-Math.cos(angleX)*Math.sin(angleY)*Math.cos(angleZ))+(obj.vertices()[i][j+1]+y)*(Math.cos(angleZ)*Math.sin(angleX)+Math.cos(angleX)*Math.sin(angleY)*Math.sin(angleZ))+(obj.vertices()[i][j+2]+z)*Math.cos(angleY)*Math.cos(angleX);
                temp.push(x_,y_,z_);
            }
        vertices.push(temp);    
        colors.push(obj.colors()[i]);
        } 
    };
    this.vertices = function(){
        return vertices;
    };
    this.colors = function(){
        return colors;
    };
    this.render = function(){
   
        glRender(vertices,colors);
    };
}
 
//this player object is where we view the world
var player = {
    x: 0,
    y: -10,
    z: -20,
    angleX:0*1/2*Math.PI,
    angleY:0*1/4*Math.PI,
    angleZ:0
};

//this collects data from the arrow keys, etc. 
var keys = [];
window.addEventListener("keydown", function (e) {
  keys[e.keyCode] = true;
});
window.addEventListener("keyup", function (e) {
  keys[e.keyCode] = false;
});

//here's where we animate stuff
var ticker = 0;
function tick(){
    
     if (keys[37]){player.angleY -= 0.05;}
    if (keys[39]){player.angleY += 0.05;}
    if (keys[40]) {
        player.x += 0.15*Math.sin(player.angleY);
        player.z -= 0.15*Math.cos(player.angleY);
    }
    if (keys[38]) {
        player.x -= 0.15*Math.sin(player.angleY);
        player.z += 0.15*Math.cos(player.angleY);
    }
     if (keys[49]) {
        player.y -= 0.3;
    }
  if (keys[50]) {
        player.y += 0.3;
    }
  if (keys[51]) {
        player.angleZ -= 0.1;
    }
  if (keys[52]) {
        player.angleZ += 0.1;
    }
     
   
    world = new scene(player.x, player.y, player.z, player.angleX, player.angleY, player.angleZ);
   ticker += 0.1;
    bessel_0(ticker);
    
    world.render();

request = requestAnimFrame(function(){tick();});
    
}

tick();