2014-02-19 09:15:05 -05:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="utf-8">
|
|
|
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
2014-04-01 08:47:54 -04:00
|
|
|
<meta name="viewport" content="width=device-width">
|
2014-02-19 09:15:05 -05:00
|
|
|
<meta name="robots" content="noindex">
|
2014-05-01 18:13:42 -04:00
|
|
|
|
|
|
|
|
<!-- only required if using Matter.RenderPixi -->
|
2015-05-21 14:10:17 -04:00
|
|
|
<script type="text/javascript" src="./js/lib/pixi.js"></script>
|
2014-05-01 18:13:42 -04:00
|
|
|
|
2014-05-05 14:32:51 -04:00
|
|
|
<!-- matter lib v0.8.0 -->
|
|
|
|
|
<script type="text/javascript" src="./js/lib/matter-0.8.0.js"></script>
|
2014-05-01 18:13:42 -04:00
|
|
|
|
|
|
|
|
<!-- only required if using MatterTools -->
|
|
|
|
|
<link rel="stylesheet" href="./js/lib/matter-tools/matter-tools.css" type="text/css">
|
2015-01-24 15:19:31 -05:00
|
|
|
<script type="text/javascript" src="./js/lib/matter-tools/jquery-1.11.0.min.js"></script>
|
2014-05-01 18:13:42 -04:00
|
|
|
<script type="text/javascript" src="./js/lib/matter-tools/matter-tools-dev.js"></script>
|
|
|
|
|
|
|
|
|
|
<!-- matter demo code -->
|
2014-02-19 09:15:05 -05:00
|
|
|
<link rel="stylesheet" href="./css/style.css" type="text/css">
|
2014-05-01 18:13:42 -04:00
|
|
|
<script type="text/javascript" src="./js/Demo.js"></script>
|
|
|
|
|
|
2014-02-19 09:15:05 -05:00
|
|
|
<title>Matter.js Physics Engine Demo</title>
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<div class="container">
|
|
|
|
|
<h1>Matter.js Physics Engine Demo</h1>
|
2014-05-09 06:00:07 -04:00
|
|
|
<p class="nav"><a href="./mobile.html">Mobile Demo</a> <span class="nav-sep">·</span> <a href="http://brm.io/matter-js/">Project page</a> <span class="nav-sep">·</span> <a href="https://github.com/liabru/matter-js">GitHub</a> <span class="nav-sep">·</span> <a href="http://twitter.com/liabru">@liabru</a></p>
|
2014-02-19 09:15:05 -05:00
|
|
|
<div class="controls-container">
|
|
|
|
|
<select id="demo-select">
|
|
|
|
|
<option value="mixed">Mixed Shapes</option>
|
|
|
|
|
<option value="mixedSolid">Solid Rendering</option>
|
2014-04-01 08:47:54 -04:00
|
|
|
<option value="newtonsCradle">Newton's Cradle</option>
|
|
|
|
|
<option value="wreckingBall">Wrecking Ball</option>
|
2014-05-09 06:00:07 -04:00
|
|
|
<option value="slingshot">Slingshot Game</option>
|
2014-05-05 14:32:51 -04:00
|
|
|
<option value="rounded">Rounded Corners (Chamfering)</option>
|
|
|
|
|
<option value="views">Views</option>
|
|
|
|
|
<option value="timescale">Time Scaling</option>
|
2014-04-01 08:47:54 -04:00
|
|
|
<option value="sprites">Sprites</option>
|
2014-02-19 09:15:05 -05:00
|
|
|
<option value="pyramid">Pyramid</option>
|
2014-05-05 14:32:51 -04:00
|
|
|
<option value="raycasting">Raycasting</option>
|
2014-02-19 09:15:05 -05:00
|
|
|
<option value="car">Car</option>
|
2014-04-01 08:47:54 -04:00
|
|
|
<option value="catapult">Catapult</option>
|
|
|
|
|
<option value="gravity">Reverse Gravity</option>
|
|
|
|
|
<option value="bridge">Bridge</option>
|
|
|
|
|
<option value="avalanche">Avalanche</option>
|
|
|
|
|
<option value="softBody">Basic Soft Bodies</option>
|
|
|
|
|
<option value="cloth">Cloth</option>
|
|
|
|
|
<option value="events">Events</option>
|
|
|
|
|
<option value="chains">Chains</option>
|
|
|
|
|
<option value="ballPool">Ball Pool</option>
|
|
|
|
|
<option value="stack">Stack</option>
|
|
|
|
|
<option value="circleStack">Circle Stack</option>
|
2014-02-19 09:15:05 -05:00
|
|
|
<option value="restitution">Restitution</option>
|
|
|
|
|
<option value="friction">Friction</option>
|
|
|
|
|
<option value="airFriction">Air Friction</option>
|
|
|
|
|
<option value="sleeping">Sleeping</option>
|
|
|
|
|
<option value="broadphase">Grid Broadphase</option>
|
|
|
|
|
<option value="beachBalls">Beach Balls</option>
|
|
|
|
|
<option value="stress">Stress 1</option>
|
|
|
|
|
<option value="stress2">Stress 2</option>
|
|
|
|
|
</select>
|
|
|
|
|
<input id="demo-reset" value="Reset" type="submit">
|
|
|
|
|
</div>
|
|
|
|
|
<div id="canvas-container"></div>
|
|
|
|
|
</div>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
