/
index.html
88 lines (74 loc) · 3.39 KB
/
index.html
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
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
<!DOCTYPE html>
<html>
<head>
<title>LD48 #28 (You Only Get One): Archerilles' Heel</title>
<!-- Library CDNs -->
<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="http://code.createjs.com/createjs-2013.09.25.min.js"></script>
<!-- Class includes -->
<script type="text/javascript" src="src/MathHelper.js"></script>
<script type="text/javascript" src="src/SvgXmlHelper.js"></script>
<script type="text/javascript" src="src/GlobalControls.js"></script>
<script type="text/javascript" src="src/Preloader.js"></script>
<script type="text/javascript" src="src/BeginningOverlay.js"></script>
<script type="text/javascript" src="src/TextButton.js"></script>
<script type="text/javascript" src="src/IconButton.js"></script>
<script type="text/javascript" src="src/IconButtonContainer.js"></script>
<script type="text/javascript" src="src/Background.js"></script>
<script type="text/javascript" src="src/Archerilles.js"></script>
<script type="text/javascript" src="src/Arrow.js"></script>
<script type="text/javascript" src="src/PowerArrow.js"></script>
<script type="text/javascript" src="src/Target.js"></script>
<script type="text/javascript" src="src/TargetTracker.js"></script>
<script type="text/javascript" src="src/Level.js"></script>
<script type="text/javascript" src="src/LevelWalls.js"></script>
<script type="text/javascript" src="src/MainMenuView.js"></script>
<script type="text/javascript" src="src/GameView.js"></script>
<script type="text/javascript" src="src/EndView.js"></script>
<script type="text/javascript" src="src/Game.js"></script>
<!-- Level classes -->
<script type="text/javascript" src="src/TutorialLevel1.js"></script>
<script type="text/javascript" src="src/TutorialLevel2.js"></script>
<script type="text/javascript" src="src/TutorialLevel3.js"></script>
<script type="text/javascript" src="src/TutorialLevel4.js"></script>
<script type="text/javascript" src="src/FinalLevel.js"></script>
<!-- Main execution -->
<script type="text/javascript">
var stage;
var preloaderQueue;
var assetQueue;
var isReady = false;
var bgColor = "#fff";
var currentView;
$(document).ready(function() {
stage = new createjs.Stage("game-canvas");
if (createjs.Touch.isSupported)
createjs.Touch.enable(stage);
var background = new createjs.Shape();
background.graphics.beginFill(bgColor).drawRect(0, 0, stage.canvas.width, stage.canvas.height);
stage.addChild(background);
preloaderQueue = new createjs.LoadQueue();
preloaderQueue.loadFile({id: "logo", src: "assets/images/tbsh.png"});
preloaderQueue.addEventListener("complete", startPreloader);
});
function startPreloader() {
var preloader = new Preloader(stage.canvas.width, stage.canvas.height, preloaderQueue.getResult("logo"), function() {
assetQueue = preloader.getAssetQueue();
stage.removeChild(preloader);
loadedAssets();
});
stage.addChild(preloader);
createjs.Ticker.addEventListener("tick", stage);
}
function loadedAssets() {
isReady = true;
stage.addChild(new Game(stage, assetQueue));
}
</script>
</head>
<body style="background-color: #000">
<canvas id="game-canvas" width="544" height="306">
You must use a browser which supports canvas in order to play.
</canvas>
</body>
</html>