var c; var ctx; var t=0; var w; var h; var znear=0; var zfar=-10000; function init() { c=document.querySelector("canvas"); ctx=c.getContext("2d"); c.width=window.innerWidth; c.height=window.innerHeight; w=c.width; h=c.height; initParticles(); } function vertex2(x,y) { this.x=x; this.y=y; } function vertex3(x,y,z) { this.x=x; this.y=y; this.z=z; this.setXYZ= function(x,y,z) { this.x=x; this.y=y; this.z=z; } } function particle(x,y,z,vx,vy,vz,size) { this.x=x; this.y=y; this.z=z; this.vx=vx; this.vy=vy; this.vz=vz; this.size=size; this.lifetime=0; this.maxlife=minmaxRandom(25,50); this.alive=true; this.setPos=function(x,y,z) { this.x=x; this.y=y; this.z=z; } this.setVel=function(vx,vy,vz) { this.vx=vx; this.vy=vy; this.vz=vz; } this.move = function () { this.x+=this.vx; this.y+=this.vy; this.z+=this.vz; } this.accelerate = function(dx,dy,dz) { this.vx+=dx; this.vy+=dy; this.vz+=dz; } } var numparts=350; var numverts=4*numparts; var prt=[]; var v=[]; function copyVertices() { for(i=0;i=znear) return true; } return false; } function update() { for(i=0;iprt[i].maxlife) { var px=minmaxRandom(-5,5); var py=minmaxRandom(-5,5); var pz=minmaxRandom(-5,-10); // prt[i].setPos(px,py,pz); // prt[i].setVel(0,0,0.1); prt[i]=new particle(px,py,pz,0,0,0.1,0.05); } prt[i].move(); prt[i].lifetime++; } copyVertices(); draw(); } function draw() { ctx.fillStyle="rgba(0,0,0,0.01)"; ctx.fillRect(0,0,c.width,c.height); // project 3d vertices to screen var vp=[]; // clip particles that lie outside viewing frustum if(!clip(v)) { vp=project(v,numverts,1); // fit to screen var vs=[]; vs=scale(vp,numverts, c.width,c.height); drawParticles(vs); } } function drawParticles(p) { ctx.fillStyle="rgba(255,255,255,0.09)"; for(j=0;j

Hyperspace