OneRoom/mapmaker.html at master · attrition/OneRoom · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
<html>

    <head>
        <title>Hoplitelite map maker</title>
        <link rel="stylesheet" type="text/css" href="style.css">
        <link href="https://fonts.googleapis.com/css?family=Press+Start+2P" rel="stylesheet">
    </head>

    <body>

        <h1>Hoplitelite map maker</h1>

        <div id="main">
            <div>
                <p id="selected-brush">
                    selected brush: player-knight
                </p>
            </div>
            <div id="brushes"></div>

            <canvas id="canvas" width="1016" height="512"></canvas>
            <div id="share">
                <p id="testMap"></p>
                <p>
                    copy and paste below to share your custom map <br />
                </p>
                <textarea id="shareBox" onfocus="this.select()" cols="50" rows="5" maxlength="1000"></textarea>
                <p>
                    not interested? <a href="index.html">take me back to the game</a>
                </p>
            </div>
        </div>

        <script src="mapmaker.js"></script>

        <script>
            (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
            m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
            })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

            ga('create', 'UA-36143006-1', 'auto');
            ga('send', 'pageview');
        </script>
    </body>

    <footer>
            built using <a href="http://vanilla-js.com/">vanilla.js</a> and <a href="https://github.com/tweenjs/tween.js/">tween.js</a>
            <br /><br />
            check out the source on <a href="https://github.com/attrition/OneRoom">github</a>!
            <br /><br />
            Copyright © 2016 astudyinpixels
    </footer>
</html>