foster/liabru-matter-js
0
0
Fork 0
mirror of https://github.com/liabru/matter-js.git synced 2024-11-27 09:50:52 -05:00
Code Issues Wiki Activity

added source link to demo

Browse source
This commit is contained in:
liabru 2015-08-25 23:52:25 +01:00
parent 71df1b9427
commit 1e756d319e
3 changed files with 25 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
demo/css/style.css
View file

@ -29,7 +29,11 @@ h1 {
padding: 0 5px; padding: 0 5px;
} }
.nav a, .nav a:link, .nav a:visited, .nav a:active, .nav a:hover { .nav-links a,
.nav-links a:link,
.nav-links a:visited,
.nav-links a:active,
.nav-links a:hover {
color: #aaa; color: #aaa;
text-decoration: none; text-decoration: none;
border-bottom: 1px solid #555; border-bottom: 1px solid #555;
@ -111,6 +115,13 @@ canvas:active {
color: #000; color: #000;
} }
.demo-view-source {
display: inline-block;
margin: 0 0 0 22px;
font-size: 13px;
opacity: 0.5;
}
.dg.a { .dg.a {
margin-right: 0; margin-right: 0;
} }

5
demo/dev.html
View file

@ -31,7 +31,7 @@
<body> <body>
<div class="container"> <div class="container">
<h1>Matter.js Demo (Dev. Build)</h1> <h1>Matter.js Demo (Dev. Build)</h1>
<p class="nav"><a href="./mobile.html">Mobile Demo</a> <span class="nav-sep">&middot;</span> <a href="http://brm.io/matter-js/">Project page</a> <span class="nav-sep">&middot;</span> <a href="https://github.com/liabru/matter-js">GitHub</a> <span class="nav-sep">&middot;</span> <a href="http://twitter.com/liabru">@liabru</a></p> <p class="nav nav-links"><a href="./mobile.html">Mobile Demo</a> <span class="nav-sep">&middot;</span> <a href="http://brm.io/matter-js/">Project page</a> <span class="nav-sep">&middot;</span> <a href="https://github.com/liabru/matter-js">GitHub</a> <span class="nav-sep">&middot;</span> <a href="http://twitter.com/liabru">@liabru</a></p>
<div class="controls-container"> <div class="controls-container">
<select id="demo-select"> <select id="demo-select">
<option value="mixed">Mixed Shapes</option> <option value="mixed">Mixed Shapes</option>
@ -76,6 +76,9 @@
<option value="stress2">Stress 2</option> <option value="stress2">Stress 2</option>
</select> </select>
<input id="demo-reset" value="Reset" type="submit"> <input id="demo-reset" value="Reset" type="submit">
<div class="demo-view-source nav-links">
<a id="demo-view-source" href="https://github.com/liabru/matter-js/blob/master/examples" target="_blank">view source</a>
</div>
</div> </div>
<div id="canvas-container"></div> <div id="canvas-container"></div>
</div> </div>

9
demo/js/Demo.js
View file

@ -150,6 +150,7 @@
// initialise demo selector // initialise demo selector
demoSelect.value = demo.sceneName; demoSelect.value = demo.sceneName;
Demo.setUpdateSourceLink(demo.sceneName);
demoSelect.addEventListener('change', function(e) { demoSelect.addEventListener('change', function(e) {
Demo.reset(demo); Demo.reset(demo);
@ -159,15 +160,23 @@
var scrollY = window.scrollY; var scrollY = window.scrollY;
window.location.hash = demo.sceneName; window.location.hash = demo.sceneName;
window.scrollY = scrollY; window.scrollY = scrollY;
Demo.setUpdateSourceLink(demo.sceneName);
}); });
demoReset.addEventListener('click', function(e) { demoReset.addEventListener('click', function(e) {
Demo.reset(demo); Demo.reset(demo);
Example[demo.sceneName](demo); Example[demo.sceneName](demo);
Gui.update(demo.gui); Gui.update(demo.gui);
Demo.setUpdateSourceLink(demo.sceneName);
}); });
}; };
Demo.setUpdateSourceLink = function(sceneName) {
var demoViewSource = document.getElementById('demo-view-source'),
sourceUrl = 'https://github.com/liabru/matter-js/blob/master/examples';
demoViewSource.setAttribute('href', sourceUrl + '/' + sceneName + '.js');
};
Demo.fullscreen = function(demo) { Demo.fullscreen = function(demo) {
var _fullscreenElement = demo.engine.render.canvas; var _fullscreenElement = demo.engine.render.canvas;