isometric-map/index.html at master · rtatol/isometric-map · 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
<!DOCTYPE HTML>
<html>
    <head>
        <title>Isometric Map</title>
        <link rel="stylesheet" href="css/main.css" type="text/css"/>
    </head>
    <body>
        <!-- main canvas -->
        <canvas id="canvas" class="center"/>
        <!-- initial code -->
        <script type="text/javascript" src="js/isomap.js"></script>
        <script type="text/javascript">
            (function() {

                // isometric map settings
                var params = {
                    screen: { width: 1024, height: 768 },
                    map: { width: 14, height: 14 },
                    tile: { width: 64, height: 32 }
                }

                // create map
                var isoMap = new IsoMap(params);
                isoMap.create();

                // draw shape
                isoMap.drawPrism({ x: 5, y: 6});
                isoMap.drawPrism({ x: 8, y: 7});

            })();
        </script>
    </body>
</html>