upload proton 1.0.0

drawcall · Jul 10, 2013 · 727bc04 · 727bc04
commit 727bc04
Show file tree

Hide file tree

Showing 234 changed files with 32,715 additions and 0 deletions.
diff --git a/.DS_Store b/.DS_Store
diff --git a/build/.DS_Store b/build/.DS_Store
diff --git a/build/proton-1.0.0.js b/build/proton-1.0.0.js
diff --git a/build/proton-1.0.0.min.js b/build/proton-1.0.0.min.js
diff --git a/example/.DS_Store b/example/.DS_Store
diff --git a/example/behaviour/.DS_Store b/example/behaviour/.DS_Store
diff --git a/example/behaviour/attraction/attraction1.html b/example/behaviour/attraction/attraction1.html
@@ -0,0 +1,148 @@
+<!DOCTYPE HTML>
+<html>
+	<head>
+		<title>behaviour-attraction1</title>
+		<meta charset="utf-8">
+		<style type="text/css">
+			body {
+				background-color: #333333;
+				margin: 0px;
+				overflow: hidden;
+				-moz-user-select: none;
+				-webkit-user-select: none;
+				-ms-user-select: none;
+				-khtml-user-select: none;
+				user-select: none;
+			}
+			#testCanvas {
+				background: #000;
+			}
+		</style>
+	</head>
+	<body>
+		<canvas id="testCanvas"></canvas>
+		<script src="../../lib/stats.min.js"></script>
+		<script src="../../../build/proton-1.0.0.min.js"></script>
+		<script>
+			var canvas;
+			var context;
+			var proton;
+			var renderer;
+			var emitter;
+			var stats;
+			var _mousedown = false;
+			var mouseObj;
+			var attractionBehaviour, crossZoneBehaviour;
+
+			Main();
+
+			function Main() {
+				canvas = document.getElementById("testCanvas");
+				canvas.width = window.innerWidth;
+				canvas.height = window.innerHeight;
+				context = canvas.getContext('2d');
+				addStats();
+
+				createProton();
+				createRenderer();
+				tick();
+				canvas.addEventListener('mousedown', mousedownHandler, false);
+				canvas.addEventListener('mouseup', mouseupHandler, false);
+				canvas.addEventListener('mousemove', mousemoveHandler, false);
+				window.onresize = function(e) {
+					canvas.width = window.innerWidth;
+					canvas.height = window.innerHeight;
+					crossZoneBehaviour.reset(new Proton.RectZone(0, 0, canvas.width, canvas.height), 'cross');
+				}
+			}
+
+			function addStats() {
+				stats = new Stats();
+				stats.setMode(2);
+				stats.domElement.style.position = 'absolute';
+				stats.domElement.style.left = '0px';
+				stats.domElement.style.top = '0px';
+				document.body.appendChild(stats.domElement);
+			}
+
+			function createProton() {
+				proton = new Proton;
+				emitter = new Proton.Emitter();
+				emitter.damping = 0.008;
+				emitter.rate = new Proton.Rate(250);
+				emitter.addInitialize(new Proton.Mass(1));
+				emitter.addInitialize(new Proton.Radius(4));
+				emitter.addInitialize(new Proton.Velocity(new Proton.Span(1.5), new Proton.Span(0, 360), 'polar'));
+
+				mouseObj = {
+					x : 1003 / 2,
+					y : 610 / 2
+				};
+				attractionBehaviour = new Proton.Attraction(mouseObj, 0, 0);
+				crossZoneBehaviour = new Proton.CrossZone(new Proton.RectZone(0, 0, canvas.width, canvas.height), 'cross');
+				emitter.addBehaviour(new Proton.Color('random'));
+				emitter.addBehaviour(attractionBehaviour, crossZoneBehaviour);
+				emitter.addBehaviour(new Proton.RandomDrift(10, 10, .05));
+				emitter.p.x = canvas.width / 2;
+				emitter.p.y = canvas.height / 2;
+				emitter.emit('once');
+				proton.addEmitter(emitter);
+			}
+
+			function mousedownHandler(e) {
+				_mousedown = true;
+				attractionBehaviour.reset(mouseObj, 10, 1200);
+				mousemoveHandler(e);
+			}
+
+			function mousemoveHandler(e) {
+				if (_mousedown) {
+					var _x, _y;
+					if (e.layerX || e.layerX == 0) {
+						_x = e.layerX;
+						_y = e.layerY;
+					} else if (e.offsetX || e.offsetX == 0) {
+						_x = e.offsetX;
+						_y = e.offsetY;
+					}
+
+					mouseObj.x = _x;
+					mouseObj.y = _y;
+				}
+			}
+
+			function mouseupHandler(e) {
+				_mousedown = false;
+				attractionBehaviour.reset(mouseObj, 0, 0);
+			}
+
+			function createRenderer() {
+				renderer = new Proton.Renderer('other', proton);
+				renderer.onProtonUpdate = function() {
+					context.fillStyle = "rgba(0, 0, 0, 0.02)";
+					context.fillRect(0, 0, canvas.width, canvas.height);
+				};
+
+				renderer.onParticleUpdate = function(particle) {
+					context.beginPath();
+					context.strokeStyle = particle.color;
+					context.lineWidth = 1;
+					context.moveTo(particle.old.p.x, particle.old.p.y);
+					context.lineTo(particle.p.x, particle.p.y);
+					context.closePath();
+					context.stroke();
+				};
+
+				renderer.start();
+			}
+
+			function tick() {
+				requestAnimationFrame(tick);
+
+				stats.begin();
+				proton.update();
+				stats.end();
+			}
+		</script>
+	</body>
+</html>
diff --git a/example/behaviour/attraction/attraction2.html b/example/behaviour/attraction/attraction2.html
@@ -0,0 +1,167 @@
+<!DOCTYPE HTML>
+<html>
+	<head>
+		<title>behaviour-attraction2</title>
+		<meta charset="utf-8">
+		<style type="text/css">
+			body {
+				background-color: #333333;
+				margin: 0px;
+				overflow: hidden;
+				-moz-user-select: none;
+				-webkit-user-select: none;
+				-ms-user-select: none;
+				-khtml-user-select: none;
+				user-select: none;
+			}
+			#testCanvas {
+				background: #000;
+			}
+		</style>
+	</head>
+	<body>
+		<canvas id="testCanvas"></canvas>
+		<script src="../../lib/stats.min.js"></script>
+		<script src="../../../build/proton-1.0.0.min.js"></script>
+		<script>
+			var canvas;
+			var context;
+			var proton;
+			var renderer;
+			var emitter;
+			var stats;
+			var mouseObj;
+			var _mousedown = false;
+			var repulsionBehaviour, crossZoneBehaviour;
+
+			Main();
+
+			function Main() {
+				canvas = document.getElementById("testCanvas");
+				canvas.width = window.innerWidth;
+				canvas.height = window.innerHeight;
+				context = canvas.getContext('2d');
+				addStats();
+
+				createProton();
+				createRenderer();
+				tick();
+				canvas.addEventListener('mousedown', mousedownHandler, false);
+				canvas.addEventListener('mouseup', mouseupHandler, false);
+				canvas.addEventListener('mousemove', mousemoveHandler, false);
+				window.onresize = function(e) {
+					canvas.width = window.innerWidth;
+					canvas.height = window.innerHeight;
+					crossZoneBehaviour.reset(new Proton.RectZone(0, 0, canvas.width, canvas.height), 'cross');
+				}
+			}
+
+			function addStats() {
+				stats = new Stats();
+				stats.setMode(2);
+				stats.domElement.style.position = 'absolute';
+				stats.domElement.style.left = '0px';
+				stats.domElement.style.top = '0px';
+				document.body.appendChild(stats.domElement);
+			}
+
+			function createProton() {
+				proton = new Proton;
+				emitter = new Proton.Emitter();
+				emitter.damping = 0.008;
+				emitter.rate = new Proton.Rate(200);
+				emitter.addInitialize(new Proton.Mass(1));
+				emitter.addInitialize(new Proton.Radius(4));
+				emitter.addInitialize(new Proton.Velocity(new Proton.Span(1.5), new Proton.Span(0, 360), 'polar'));
+
+				mouseObj = {
+					x : 1003 / 2,
+					y : 610 / 2
+				};
+				repulsionBehaviour = new Proton.Repulsion(mouseObj, 0, 0);
+				addrepulsionBehaviours();
+				crossZoneBehaviour = new Proton.CrossZone(new Proton.RectZone(0, 0, canvas.width, canvas.height), 'cross');
+				emitter.addBehaviour(new Proton.Color('random'));
+				emitter.addBehaviour(repulsionBehaviour);
+				emitter.addBehaviour(crossZoneBehaviour);
+				emitter.p.x = canvas.width / 2;
+				emitter.p.y = canvas.height / 2;
+				emitter.emit('once');
+				proton.addEmitter(emitter);
+			}
+
+			function addrepulsionBehaviours() {
+				var total = 12;
+				var d = 360 / total;
+				var R = 230;
+				for (var i = 0; i < 360; i += d) {
+					var x = R * Math.cos(i * Math.PI / 180);
+					var y = R * Math.sin(i * Math.PI / 180);
+					emitter.addBehaviour(new Proton.Attraction({
+						x : x + canvas.width / 2,
+						y : y + canvas.height / 2
+					}, 10, 300));
+				}
+
+				emitter.addBehaviour(new Proton.Repulsion({
+					x : canvas.width / 2,
+					y : canvas.height / 2
+				}, 20, 300));
+			}
+
+			function mousedownHandler(e) {
+				_mousedown = true;
+			}
+
+			function mousemoveHandler(e) {
+				if (_mousedown) {
+					var _x, _y;
+					if (e.layerX || e.layerX == 0) {
+						_x = e.layerX;
+						_y = e.layerY;
+					} else if (e.offsetX || e.offsetX == 0) {
+						_x = e.offsetX;
+						_y = e.offsetY;
+					}
+
+					mouseObj.x = _x;
+					mouseObj.y = _y;
+					repulsionBehaviour.reset(mouseObj, 30, 500);
+				}
+			}
+
+			function createRenderer() {
+				renderer = new Proton.Renderer('other', proton);
+				renderer.onProtonUpdate = function() {
+					context.fillStyle = "rgba(0, 0, 0, 0.02)";
+					context.fillRect(0, 0, canvas.width, canvas.height);
+				};
+
+				renderer.onParticleUpdate = function(particle) {
+					context.beginPath();
+					context.strokeStyle = particle.color;
+					context.lineWidth = 1;
+					context.moveTo(particle.old.p.x, particle.old.p.y);
+					context.lineTo(particle.p.x, particle.p.y);
+					context.closePath();
+					context.stroke();
+				};
+
+				renderer.start();
+			}
+
+			function mouseupHandler(e) {
+				_mousedown = false;
+				repulsionBehaviour.reset(mouseObj, 0, 0);
+			}
+
+			function tick() {
+				requestAnimationFrame(tick);
+
+				stats.begin();
+				proton.update();
+				stats.end();
+			}
+		</script>
+	</body>
+</html>