A physics-based constellation-like animation in JavaScript
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
README.md
constellation.js
index.html

README.md

Constellation

A physics-based constellation-like animation in JavaScript. View it here: http://coreyshuman.com/projects/constellation/

Example Usage:

<html>
	<head>
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<style>
			* { margin:0; padding: 0;}
			html, body { width:100%; height: 100%;}
			canvas { display: block;}
			
			#fps {
				position: fixed;
				top: 10;
				left: 10;
				width: 50;
				height: 20;
				color: white;
			}
			
		</style>
	</head>
	<body>
	  
	  <div id="canvasdiv">
		<div id="fps"></div>
	  </div>
	  
	  <script src="https://code.jquery.com/jquery-2.1.3.min.js"></script>
		<script src="constellation.js"></script>
		<script type="text/javascript">
			$(function() {
				var constellation = new Constellation({targetDiv: 'canvasdiv', fpsDiv: 'fps', showFps: true});
				constellation.init();
				constellation.start();
			});
		</script>
	</body>
</html>