Source

devderby-may-2013 / application.html

<!DOCTYPE html>
<html>
<head>
<script>DEBUG=false;</script>
<script data-main="application.js" src="require.js"></script>

<style>
html {
    background: white;
    color: black;
}

body {
    margin: 0;
    padding: 0;
}

#game {
    position:relative;
    width:980px;
    height:370px;
    border:5px solid block;
    border-radius:10px;
    padding: 10px;
    padding-top: 12px;
    margin-top: 10px;
    display:block;
    margin-left: auto;
    margin-right: auto;
    background: black;
}

#footnotes {
    width:980px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px;
}

canvas {
    border: 1px solid black;
    width:480px;
    height:360px;
}

#editor {
    display:none;
}

#subsystem {
    display:none;
}

.canvasContainer {
    position:relative;
    display: inline;
    padding: 3px;
}

.overlay {
    position: absolute;
    top:-349px;
    left:-1px;
    width: 469px;
    height: 349px;
    border-radius: 10px;
    padding: 5px;
    border: 5px solid rgb(100,100,100);
}

.hud_pane {
    position: absolute;
    top:7px;
    width: 495px;
    height: 375px;
    z-index: 99;
    font-size: 50px;
    line-height: 200px;
    text-align: center;
    font-family: Tahoma, sans-serif;
    color: #fff9d6;
}

#hud_right {
    left:496px;
}

#hud_left {
    left:0px;
}

#hud {
    position: absolute;
    top:7px;
    left:0px;
    width: 990px;
    height: 375px;
    z-index: 100;
    font-family: Tahoma, sans-serif;
    line-height: 375px;
    color: #fff9d6;
    font-weight:bold;
    font-size: 64px;
    text-align: center;
    background: black;
}

.footnote {
    display:inline;
    margin-right:15px;
    margin-left:15px;
}
</style>

</head>
<body>
    <div id="game">
        <div id="hud">init'ing</div>
        <div id="hud_left" class="hud_pane"></div>
        <div id="hud_right" class="hud_pane"></div>
        <div class="canvasContainer">
            <canvas id="2space" width=480 height=360></canvas>
            <div class="overlay"></div>
        </div>
        <div class="canvasContainer">
            <canvas id="camera" width=480 height=360></canvas>
            <div class="overlay"></div>
        </div>
    </div>
    <div id="footnotes">
        <div class="footnote">
            this game requires <a href="markers.png">printed AR markers</a>
        </div>
        <div class="footnote">
            indicate your ambient light level: <select name="threshold" id="threshold"></select>
        </div>
        <div class="footnote">
            contact author: abrhie.gmail
        </div>
        <div class="footnote">
            <a href="https://bitbucket.org/abrie/devderby-may-2013/">source code</a> /
            <a href="http://www.youtube.com/watch?v=Pa_EwQ0DoWk">video</a>
        </div>
    </div>
    <div id="editor">
        <select name="mode" id="mode"></select>
        <input type="checkbox" id="pause">pause</input>
        <button id="reload">reload</button>
        <button id="serialize">serialize</button>
        <button id="clear">clear</button>
        <button id="next">next</button>
        <button id="previous">previous</button>
        <input type="text" id="objective"></input>
    </div>
    <div id="subsystem"></div>
</body>
<!--analytics-->
</html>
Tip: Filter by directory path e.g. /media app.js to search for public/media/app.js.
Tip: Use camelCasing e.g. ProjME to search for ProjectModifiedEvent.java.
Tip: Filter by extension type e.g. /repo .js to search for all .js files in the /repo directory.
Tip: Separate your search with spaces e.g. /ssh pom.xml to search for src/ssh/pom.xml.
Tip: Use ↑ and ↓ arrow keys to navigate and return to view the file.
Tip: You can also navigate files with Ctrl+j (next) and Ctrl+k (previous) and view the file with Ctrl+o.
Tip: You can also navigate files with Alt+j (next) and Alt+k (previous) and view the file with Alt+o.