Reorganising and adding WXG files

Signed-off-by: Seb Lee-Delisle <[email protected]>
sebleedelisle · Oct 13, 2012 · af4f1fe · af4f1fe
1 parent 83eb31b
commit af4f1fe
Show file tree

Hide file tree

Showing 47 changed files with 251 additions and 28 deletions.
diff --git a/.DS_Store b/.DS_Store
diff --git a/1_Particles/.DS_Store b/1_Particles/.DS_Store
diff --git a/1_Particles/Particles0.html b/1_Particles/Particles0.html
diff --git a/1_Particles/07_physics.swf → 2011/1_Particles/07_physics.swf b/1_Particles/07_physics.swf → 2011/1_Particles/07_physics.swf
diff --git a/2011/1_Particles/Particles0.html b/2011/1_Particles/Particles0.html
@@ -0,0 +1,76 @@
+<!DOCTYPE HTML>
+<html lang="en">
+<meta charset="utf-8">
+<head>
+	<title>@seb_ly</title>
+	<style type="text/css">
+		body { 
+			margin : 0px; 
+			background : black; 
+			overflow : hidden; 
+		}
+
+	</style>
+</head>
+<body>
+
+	<script>
+
+var canvas = document.createElement('canvas'); 
+var c = canvas.getContext('2d'); 
+document.body.appendChild(canvas); 
+var  width = canvas.width = window.innerWidth; 
+var height = canvas.height = window.innerHeight; 
+
+var particles = new Array() ; 
+
+
+
+setInterval(loop, 1000/30); 
+
+function loop() { 
+
+	c.clearRect(0, 0, width, height); 
+
+	var particle = new Particle(); 
+	particles.push(particle); 
+
+	for(var i = 0; i< particles.length;i++)  { 
+		particles[i].update(); 
+	}
+
+	while(particles.length>20) { 
+		particles.shift(); 
+	}
+
+}
+
+
+function Particle() { 
+
+	this.x = width/2; 
+	this.y = height/2;
+	this.velX = Math.random() * 20 - 10; 
+	this.velY = Math.random() * 20 - 10;  
+	this.size = Math.random() * 10; 
+
+	this.update = function () { 
+
+		this.x+=this.velX; 
+		this.y+=this.velY; 
+
+		c.fillStyle = '#ff6600'; 
+
+		c.beginPath(); 
+		c.arc(this.x, this.y, this.size, 0, Math.PI*2, true); 
+		c.fill(); 
+		this.size *=0.9; 
+		this.velY+=1; 
+
+	};
+
+}
+
+	</script>
+</body>
+</html>
diff --git a/1_Particles/Particles1_0.html → 2011/1_Particles/Particles1_0.html b/1_Particles/Particles1_0.html → 2011/1_Particles/Particles1_0.html
diff --git a/1_Particles/Particles1_0a.html → 2011/1_Particles/Particles1_0a.html b/1_Particles/Particles1_0a.html → 2011/1_Particles/Particles1_0a.html
diff --git a/1_Particles/Particles1_1.html → 2011/1_Particles/Particles1_1.html b/1_Particles/Particles1_1.html → 2011/1_Particles/Particles1_1.html
diff --git a/1_Particles/Particles1_2_spinner.html → 2011/1_Particles/Particles1_2_spinner.html b/1_Particles/Particles1_2_spinner.html → 2011/1_Particles/Particles1_2_spinner.html
diff --git a/1_Particles/Particles2_0.html → 2011/1_Particles/Particles2_0.html b/1_Particles/Particles2_0.html → 2011/1_Particles/Particles2_0.html
diff --git a/1_Particles/Particles2_1.html → 2011/1_Particles/Particles2_1.html b/1_Particles/Particles2_1.html → 2011/1_Particles/Particles2_1.html
diff --git a/1_Particles/Particles3_0.html → 2011/1_Particles/Particles3_0.html b/1_Particles/Particles3_0.html → 2011/1_Particles/Particles3_0.html
diff --git a/1_Particles/Particles3_1.html → 2011/1_Particles/Particles3_1.html b/1_Particles/Particles3_1.html → 2011/1_Particles/Particles3_1.html
diff --git a/1_Particles/Particles4_0.html → 2011/1_Particles/Particles4_0.html b/1_Particles/Particles4_0.html → 2011/1_Particles/Particles4_0.html
diff --git a/1_Particles/Particles5_0_DOM.html → 2011/1_Particles/Particles5_0_DOM.html b/1_Particles/Particles5_0_DOM.html → 2011/1_Particles/Particles5_0_DOM.html
diff --git a/1_Particles/ParticlesForces.html → 2011/1_Particles/ParticlesForces.html b/1_Particles/ParticlesForces.html → 2011/1_Particles/ParticlesForces.html
diff --git a/1_Particles/img/ParticleBlue.png → 2011/1_Particles/img/ParticleBlue.png b/1_Particles/img/ParticleBlue.png → 2011/1_Particles/img/ParticleBlue.png
diff --git a/1_Particles/img/ParticleCyan.png → 2011/1_Particles/img/ParticleCyan.png b/1_Particles/img/ParticleCyan.png → 2011/1_Particles/img/ParticleCyan.png
diff --git a/1_Particles/img/ParticleWhite.png → 2011/1_Particles/img/ParticleWhite.png b/1_Particles/img/ParticleWhite.png → 2011/1_Particles/img/ParticleWhite.png
diff --git a/1_Particles/img/ParticleWhite2.png → 2011/1_Particles/img/ParticleWhite2.png b/1_Particles/img/ParticleWhite2.png → 2011/1_Particles/img/ParticleWhite2.png
diff --git a/1_Particles/js/DOMParticle.js → 2011/1_Particles/js/DOMParticle.js b/1_Particles/js/DOMParticle.js → 2011/1_Particles/js/DOMParticle.js
diff --git a/1_Particles/js/ImageParticle.js → 2011/1_Particles/js/ImageParticle.js b/1_Particles/js/ImageParticle.js → 2011/1_Particles/js/ImageParticle.js
diff --git a/1_Particles/js/PhysicsParticle.js → 2011/1_Particles/js/PhysicsParticle.js b/1_Particles/js/PhysicsParticle.js → 2011/1_Particles/js/PhysicsParticle.js
diff --git a/1_Particles/js/SimpleParticle.js → 2011/1_Particles/js/SimpleParticle.js b/1_Particles/js/SimpleParticle.js → 2011/1_Particles/js/SimpleParticle.js
diff --git a/2_Simple3D/3DGrid.swf → 2011/2_Simple3D/3DGrid.swf b/2_Simple3D/3DGrid.swf → 2011/2_Simple3D/3DGrid.swf
diff --git a/2_Simple3D/Canvas3D_0.html → 2011/2_Simple3D/Canvas3D_0.html b/2_Simple3D/Canvas3D_0.html → 2011/2_Simple3D/Canvas3D_0.html
diff --git a/2_Simple3D/Canvas3D_1_0.html → 2011/2_Simple3D/Canvas3D_1_0.html b/2_Simple3D/Canvas3D_1_0.html → 2011/2_Simple3D/Canvas3D_1_0.html
diff --git a/2_Simple3D/Canvas3D_2_0.html → 2011/2_Simple3D/Canvas3D_2_0.html b/2_Simple3D/Canvas3D_2_0.html → 2011/2_Simple3D/Canvas3D_2_0.html
diff --git a/2_Simple3D/Canvas3D_2_0_depth.html → 2011/2_Simple3D/Canvas3D_2_0_depth.html b/2_Simple3D/Canvas3D_2_0_depth.html → 2011/2_Simple3D/Canvas3D_2_0_depth.html
diff --git a/2_Simple3D/Canvas3D_3_0.html → 2011/2_Simple3D/Canvas3D_3_0.html b/2_Simple3D/Canvas3D_3_0.html → 2011/2_Simple3D/Canvas3D_3_0.html
diff --git a/2_Simple3D/Canvas3D_4_0.html → 2011/2_Simple3D/Canvas3D_4_0.html b/2_Simple3D/Canvas3D_4_0.html → 2011/2_Simple3D/Canvas3D_4_0.html
diff --git a/2_Simple3D/img/particle.png → 2011/2_Simple3D/img/particle.png b/2_Simple3D/img/particle.png → 2011/2_Simple3D/img/particle.png
diff --git a/JSSnow/img/ParticleSmoke.png → 2011/JSSnow/img/ParticleSmoke.png b/JSSnow/img/ParticleSmoke.png → 2011/JSSnow/img/ParticleSmoke.png
diff --git a/JSSnow/img/bg.jpg → 2011/JSSnow/img/bg.jpg b/JSSnow/img/bg.jpg → 2011/JSSnow/img/bg.jpg
diff --git a/JSSnow/js/Snow.js → 2011/JSSnow/js/Snow.js b/JSSnow/js/Snow.js → 2011/JSSnow/js/Snow.js
diff --git a/JSSnow/js/ThreeCanvas.js → 2011/JSSnow/js/ThreeCanvas.js b/JSSnow/js/ThreeCanvas.js → 2011/JSSnow/js/ThreeCanvas.js
diff --git a/JSSnow/snow3d.html → 2011/JSSnow/snow3d.html b/JSSnow/snow3d.html → 2011/JSSnow/snow3d.html
diff --git a/LiveCoding-11-11/SnowParticles.html → 2011/LiveCoding-11-11/SnowParticles.html b/LiveCoding-11-11/SnowParticles.html → 2011/LiveCoding-11-11/SnowParticles.html
diff --git a/LiveCoding-11-11/Tree1.html → 2011/LiveCoding-11-11/Tree1.html b/LiveCoding-11-11/Tree1.html → 2011/LiveCoding-11-11/Tree1.html
diff --git a/LiveCoding-11-11/Tree2_animated.html → 2011/LiveCoding-11-11/Tree2_animated.html b/LiveCoding-11-11/Tree2_animated.html → 2011/LiveCoding-11-11/Tree2_animated.html
diff --git a/LiveCoding-11-11/Tree3_robo.html → 2011/LiveCoding-11-11/Tree3_robo.html b/LiveCoding-11-11/Tree3_robo.html → 2011/LiveCoding-11-11/Tree3_robo.html
diff --git a/libs/Stats.js → 2011/libs/Stats.js b/libs/Stats.js → 2011/libs/Stats.js
diff --git a/libs/Three.js → 2011/libs/Three.js b/libs/Three.js → 2011/libs/Three.js
diff --git a/libs/Vector2.js → 2011/libs/Vector2.js b/libs/Vector2.js → 2011/libs/Vector2.js
diff --git a/libs/.DS_Store b/libs/.DS_Store
diff --git a/wxg/designer-track.html b/wxg/designer-track.html
@@ -0,0 +1,72 @@
+<!DOCTYPE HTML>
+<html lang="en"> 
+<meta charset="utf-8"> 
+	<head>
+	<title> Particles!</title>
+	<style type="text/css"> 
+		body { 
+			background-color:black; 
+			margin:0px; 
+			overflow : hidden; 
+		}
+		</style> 
+	</head>
+
+	<body>
+
+<canvas width=800 height=600 id='mycanvas'></canvas>
+
+		<script>
+
+var canvas = document.getElementById('mycanvas'); 
+var c = canvas.getContext('2d'); 
+
+var particles = []; 
+
+
+setInterval(loop, 1000/60); 
+
+function loop() { 
+
+	//c.clearRect(0,0,800,600); 
+	c.fillStyle = 'rgba(0,0,0,0.1)';
+	c.fillRect(0,0,800,600);  
+
+	var p = {
+
+		x : 400,  
+		y : 300,
+		xSpeed : Math.random() * 10 -5, 
+		ySpeed : Math.random() * 10 -5, 
+		colour : 'hsl('+ Math.random()*50 +',100%,50%)', 
+		size : Math.random()*10
+
+
+	}
+
+	particles.push(p); 
+
+	if(particles.length>200) particles.shift(); 
+
+	for(var i = 0; i<particles.length; i++) { 
+		var p = particles[i]; 
+		c.fillStyle = p.colour ; 
+
+
+		c.beginPath(); 
+		c.arc(p.x,p.y,p.size,0,Math.PI*2, true);  
+		c.fill(); 
+
+		p.size*=0.96;
+		p.x += p.xSpeed; 
+		p.y += p.ySpeed;
+		p.ySpeed+=0.2; 
+	}
+}
+
+		</script>			
+	</body>
+
+
+</html>
+
diff --git a/wxg/developer-track.html b/wxg/developer-track.html
@@ -0,0 +1,103 @@
+<!DOCTYPE HTML>
+<html lang="en"> 
+<meta charset="utf-8"> 
+	<head>
+	<title> Particles!</title>
+	<style type="text/css"> 
+		body { 
+			background-color:black; 
+			margin:0px; 
+			overflow : hidden; 
+		}
+		</style> 
+	</head>
+
+	<body>
+		<script>
+
+var canvas = document.createElement('canvas'); 
+document.body.appendChild(canvas); 
+canvas.width = window.innerWidth; 
+canvas.height = window.innerHeight; 
+var c = canvas.getContext('2d'); 
+
+var particles = []; 
+
+setInterval(draw, 1000/30); 
+
+function draw() { 
+
+	//c.clearRect(0,0,canvas.width, canvas.height); 
+
+	c.fillStyle = 'rgba(0,0,0,0.05)';
+	c.fillRect(0,0,canvas.width, canvas.height);  
+	c.save(); 
+	c.translate(canvas.width/2, canvas.height/2); 
+
+	var p = new Particle(); 
+	particles.push(p); 
+
+	while(particles.length>200) particles.shift(); 
+
+	for(var i = 0; i<particles.length; i++) { 
+
+		p = particles[i]; 
+
+		c.fillStyle = p.colour;
+
+		var fov = 250; 
+		var scale = fov/(p.z+fov); 
+		var x2d = p.x * scale; 
+		var y2d = p.y * scale;
+
+
+		c.fillRect(x2d,y2d,scale, scale); 
+
+		// p.size*=1.05; 
+		// 
+		// 	var drag = 1.05; 
+		// 	
+		// 	p.xVel *= drag; 
+		// 	p.yVel *= drag;
+		// 	
+		// //	p.yVel +=0.5;  
+
+		//p.x+=p.xVel; 
+		//p.y+=p.yVel; 
+		p.z -= 5; 
+
+		if(p.z < -fov) p.z += (fov*2); 
+
+	}
+	c.restore(); 
+}
+
+function Particle() { 
+
+	this.x = random(-400,400);
+	this.y = random(-400,400); 
+	this.z = 0; 
+
+	// this.xVel =random(-15,15); 
+	// this.yVel =random(-15,15); 
+	this.size = 2; 
+
+	this.colour = 'white';//'hsl('+random(180,220)+', 100%, 50%)';
+
+
+
+}
+
+
+function random(min, max) { 
+
+	return Math.random() * (max-min) + min; 
+
+}
+
+		</script>			
+	</body>
+
+
+</html>
+