Visual-Narrative-Website/index.html at master · hinghing15/Visual-Narrative-Website · 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
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
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
<!-- !!!!!!!!!!!!!!!!!WARNING!!!!!!!!!!!!!!!!!!!!! -->
<!-- This is the framework file, if you want to create a new room, make COPY of this file! -->
<!-- DO NOT EDIT THIS. ONLY MAKE COPIES OF IT. -->
<!-- Be sure to delete this warning on any copies you make -->

<!DOCTYPE html>
<html>
<head>
	<title>&lrm;</title> <link rel="icon" href="favicon.ico" />
	<link rel="stylesheet" type="text/css" href="resources/style.css"/>
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
	<script src="resources/script.js"></script>
	<audio id="dooropen" src="sounds/DoorOpen.mp3" onended="leaveRoom()"></audio>
	<script>

	function leaveRoom() {
		if(outroom){
			location.href = 'out/index.html';
		}
		else{
			location.href = 'hallway.html';
		}
	}

	$(document).ready(function(){

		// change this to change the background image
		// the dimensions should be 720px X 405px.
		// ======================
			picture_set("rooms/index.png");
		// ======================

		// clickers go HERE
		// =====================================================

			var chainssound = new Sound('sounds/ChainsRattling.mp3');

			outroom = false;

			add_clicker(190,55,350,350,'clicker_chain','clickers/ChainLocked.png',function(){
				if(inventory_has_item('Exit Key')){
					remove_clicker('clicker_chain');
					console.log("leave time");
					add_clicker(250,100,210,250,'clicker_exit','',function(){
						sessionStorage.dead = "1";
						sessionStorage.beingChased = 0;
						outroom = true;
						document.getElementById("dooropen").play();
					});
				} else {
					chainssound.play();
					subtitle_set("It's locked.");
				}
			});

			add_clicker(620,50,100,350,'clicker_gohall','',function(){
				outroom = false;
				document.getElementById("dooropen").play();
			});

		// =====================================================

		// set where clicking on the side links makes you go
			nav_left("");
			nav_right("");
			nav_up("");
			nav_down("");


	});
	</script>
	<script src="resources/postscript.js"></script>
</head>
<body>

<div class="inline-dismisser"></div>

<div id="wrapper">
	<div id="picture"></div>
	<div id="navclicks">
		<div class="navclick" id="click-up"></div>
		<div class="navclick" id="click-down"></div>
		<div class="navclick" id="click-left"></div>
		<div class="navclick" id="click-right"></div>
	</div>
	<div id="clickers">
		<!-- in here, there go all the custom clicky boxes for items and stuff -->
		<!-- this is handled with the javascript so DON'T PUT ANYTHING HERE. -->
		<!-- ================================================================= -->

		<!-- <div class="clicker" style="width:40px;height:40px;top:150px;left:400px;"></div> -->

		<!-- ================================================================= -->
	</div>
	<div class="inline-dismisser"></div>
	<div id="inline">
		<div id="inline-clickers">
			<!-- in here, go even more clickers for each inline view. -->
		</div>
	</div>
	<div id="inventory"></div>
	<div id="subtitle"></div>
</div>

</body>
</html>