Updates for Smashing Conf

sebleedelisle · Mar 18, 2014 · 5155847 · 5155847
1 parent 30c0c75
commit 5155847
Show file tree

Hide file tree

Showing 31 changed files with 171 additions and 0 deletions.
diff --git a/FOWD13/CokeMentos.html → 2013/FOWD13/CokeMentos.html b/FOWD13/CokeMentos.html → 2013/FOWD13/CokeMentos.html
diff --git a/SOTB13/BrowserInvaders1/Invaders.html → 2013/SOTB13/BrowserInvaders1/Invaders.html b/SOTB13/BrowserInvaders1/Invaders.html → 2013/SOTB13/BrowserInvaders1/Invaders.html
diff --git a/SOTB13/BrowserInvaders1/InvadersGame.js → 2013/SOTB13/BrowserInvaders1/InvadersGame.js b/SOTB13/BrowserInvaders1/InvadersGame.js → 2013/SOTB13/BrowserInvaders1/InvadersGame.js
diff --git a/SOTB13/BrowserInvaders1/explode.wav → 2013/SOTB13/BrowserInvaders1/explode.wav b/SOTB13/BrowserInvaders1/explode.wav → 2013/SOTB13/BrowserInvaders1/explode.wav
diff --git a/SOTB13/BrowserInvaders1/laser.wav → 2013/SOTB13/BrowserInvaders1/laser.wav b/SOTB13/BrowserInvaders1/laser.wav → 2013/SOTB13/BrowserInvaders1/laser.wav
diff --git a/SOTB13/BrowserInvaders1/png-0.png → 2013/SOTB13/BrowserInvaders1/png-0.png b/SOTB13/BrowserInvaders1/png-0.png → 2013/SOTB13/BrowserInvaders1/png-0.png
diff --git a/SOTB13/BrowserInvaders1/png-1.png → 2013/SOTB13/BrowserInvaders1/png-1.png b/SOTB13/BrowserInvaders1/png-1.png → 2013/SOTB13/BrowserInvaders1/png-1.png
diff --git a/SOTB13/BrowserInvaders1/png-2.png → 2013/SOTB13/BrowserInvaders1/png-2.png b/SOTB13/BrowserInvaders1/png-2.png → 2013/SOTB13/BrowserInvaders1/png-2.png
diff --git a/SOTB13/BrowserInvaders1/png-3.png → 2013/SOTB13/BrowserInvaders1/png-3.png b/SOTB13/BrowserInvaders1/png-3.png → 2013/SOTB13/BrowserInvaders1/png-3.png
diff --git a/SOTB13/BrowserInvaders1/png-4.png → 2013/SOTB13/BrowserInvaders1/png-4.png b/SOTB13/BrowserInvaders1/png-4.png → 2013/SOTB13/BrowserInvaders1/png-4.png
diff --git a/SOTB13/BrowserInvaders2/Invaders.html → 2013/SOTB13/BrowserInvaders2/Invaders.html b/SOTB13/BrowserInvaders2/Invaders.html → 2013/SOTB13/BrowserInvaders2/Invaders.html
diff --git a/SOTB13/BrowserInvaders2/InvadersGame.js → 2013/SOTB13/BrowserInvaders2/InvadersGame.js b/SOTB13/BrowserInvaders2/InvadersGame.js → 2013/SOTB13/BrowserInvaders2/InvadersGame.js
diff --git a/SOTB13/BrowserInvaders2/explode.wav → 2013/SOTB13/BrowserInvaders2/explode.wav b/SOTB13/BrowserInvaders2/explode.wav → 2013/SOTB13/BrowserInvaders2/explode.wav
diff --git a/SOTB13/BrowserInvaders2/laser.wav → 2013/SOTB13/BrowserInvaders2/laser.wav b/SOTB13/BrowserInvaders2/laser.wav → 2013/SOTB13/BrowserInvaders2/laser.wav
diff --git a/SOTB13/BrowserInvaders2/libs/KeyTracker.js → ...OTB13/BrowserInvaders2/libs/KeyTracker.js b/SOTB13/BrowserInvaders2/libs/KeyTracker.js → ...OTB13/BrowserInvaders2/libs/KeyTracker.js
diff --git a/SOTB13/BrowserInvaders2/libs/Vector2.js → 2013/SOTB13/BrowserInvaders2/libs/Vector2.js b/SOTB13/BrowserInvaders2/libs/Vector2.js → 2013/SOTB13/BrowserInvaders2/libs/Vector2.js
diff --git a/SOTB13/BrowserInvaders2/libs/creativejs.js → ...OTB13/BrowserInvaders2/libs/creativejs.js b/SOTB13/BrowserInvaders2/libs/creativejs.js → ...OTB13/BrowserInvaders2/libs/creativejs.js
diff --git a/SOTB13/BrowserInvaders2/png-0.png → 2013/SOTB13/BrowserInvaders2/png-0.png b/SOTB13/BrowserInvaders2/png-0.png → 2013/SOTB13/BrowserInvaders2/png-0.png
diff --git a/SOTB13/BrowserInvaders2/png-1.png → 2013/SOTB13/BrowserInvaders2/png-1.png b/SOTB13/BrowserInvaders2/png-1.png → 2013/SOTB13/BrowserInvaders2/png-1.png
diff --git a/SOTB13/BrowserInvaders2/png-2.png → 2013/SOTB13/BrowserInvaders2/png-2.png b/SOTB13/BrowserInvaders2/png-2.png → 2013/SOTB13/BrowserInvaders2/png-2.png
diff --git a/SOTB13/BrowserInvaders2/png-3.png → 2013/SOTB13/BrowserInvaders2/png-3.png b/SOTB13/BrowserInvaders2/png-3.png → 2013/SOTB13/BrowserInvaders2/png-3.png
diff --git a/SOTB13/BrowserInvaders2/png-4.png → 2013/SOTB13/BrowserInvaders2/png-4.png b/SOTB13/BrowserInvaders2/png-4.png → 2013/SOTB13/BrowserInvaders2/png-4.png
diff --git a/SOTB13/libs/Animation.js → 2013/SOTB13/libs/Animation.js b/SOTB13/libs/Animation.js → 2013/SOTB13/libs/Animation.js
diff --git a/SOTB13/libs/AnimationDOM.js → 2013/SOTB13/libs/AnimationDOM.js b/SOTB13/libs/AnimationDOM.js → 2013/SOTB13/libs/AnimationDOM.js
diff --git a/SOTB13/libs/DragHandle.js → 2013/SOTB13/libs/DragHandle.js b/SOTB13/libs/DragHandle.js → 2013/SOTB13/libs/DragHandle.js
diff --git a/SOTB13/libs/KeyTracker.js → 2013/SOTB13/libs/KeyTracker.js b/SOTB13/libs/KeyTracker.js → 2013/SOTB13/libs/KeyTracker.js
diff --git a/SOTB13/libs/Vector2.js → 2013/SOTB13/libs/Vector2.js b/SOTB13/libs/Vector2.js → 2013/SOTB13/libs/Vector2.js
diff --git a/SOTB13/libs/creativejs.js → 2013/SOTB13/libs/creativejs.js b/SOTB13/libs/creativejs.js → 2013/SOTB13/libs/creativejs.js
diff --git a/2013/naconf.html b/2013/naconf.html
@@ -0,0 +1,49 @@
+<!DOCTYPE HTML>
+<html lang="en">
+<meta charset="utf-8">
+<head>
+	<title></title>
+	<style type="text/css">
+		body 
+		{
+			margin:0;
+		}
+	</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(loop, 1000/30);
+
+function loop() { 
+	c.clearRect(0,0,canvas.width, canvas.height); 
+
+	var p = {
+	 	x : canvas.width/2, 
+		y : canvas.height/2, 
+		xVel : Math.random()*10 - 5, 
+		yVel : Math.random()*10 - 5}; 
+	particles.push(p); 
+
+	for(var i = 0; i<particles.length; i++) { 
+		var p = particles[i]; 
+		c.fillRect(p.x,p.y,20,20); 
+		p.x+=p.xVel; 
+		p.y+=p.yVel; 
+	}
+}
+
+
+
+
+	</script>
+</body>
+</html>
diff --git a/BathUniversityParticles.html b/BathUniversityParticles.html
@@ -0,0 +1,60 @@
+<!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'); 
+var ctx = canvas.getContext('2d'); 
+document.body.appendChild(canvas); 
+canvas.width = window.innerWidth; 
+canvas.height = window.innerHeight; 
+
+var particles = []; 
+
+setInterval(draw, 16); 
+
+
+function draw() { 
+
+	ctx.clearRect(0,0,canvas.width, canvas.height);
+
+
+	var p = {x : canvas.width/2, 
+		y : canvas.height/2, 
+		xSpeed : Math.random() * 10 - 5, 
+		ySpeed : Math.random() * 10 - 5, 
+		colour : 'hsl('+Math.random()*360+', 100%, 50%)'
+	}
+
+	particles.push(p); 
+
+
+	for(var i = 0; i<particles.length; i++) { 
+
+		p = particles[i]; 
+
+		ctx.fillStyle = p.colour; 
+		ctx.fillRect(p.x,p.y,10,10);
+
+		p.x = p.x+p.xSpeed;
+		p.y = p.y+p.ySpeed;
+	}
+}
+		</script>			
+	</body>
+
+
+</html>
+
diff --git a/SmashingConf2014.html b/SmashingConf2014.html
@@ -0,0 +1,62 @@
+<!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'); 
+canvas.width = window.innerWidth; 
+canvas.height = window.innerHeight; 
+
+var ctx = canvas.getContext('2d'); 
+
+document.body.appendChild(canvas);
+
+var rotation = 0; 
+
+setInterval(loop, 16); 
+
+
+function loop() {
+	ctx.fillStyle = 'black';
+	ctx.fillRect(0,0,canvas.width, canvas.height); 
+	ctx.save();
+
+	ctx.translate(canvas.width/2, canvas.height/2); 
+	ctx.rotate(rotation * Math.PI/180); 
+	ctx.globalCompositeOperation = 'lighter';
+
+	for(var i = 0; i< 36; i++) { 
+		ctx.lineWidth = 5; 
+		ctx.scale(0.96,0.96); 
+		ctx.rotate(rotation *0.1 *  Math.PI/180);
+		ctx.strokeStyle = 'hsla('+i*10+',100%, 70%, 1)'; 
+		ctx.strokeRect(50,0,300,300); 
+	}
+
+	rotation +=0.1; 
+
+	ctx.restore(); 
+
+}
+
+
+
+
+		</script>			
+	</body>
+
+
+</html>
+