-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathviewsFrom10.html
182 lines (167 loc) · 16 KB
/
viewsFrom10.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
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
<div class="view-wrapper">
<div class="view">
<img src="./Szene9/Outside_2.png" style="" />
<img src="./Szene9/Background.png" style="" />
<img src="./Szene9/Figuren_Schein_rechts oben.png" style="margin-left: 950px; margin-top: 0px"
class="blink" data-interval="1500" data-life="100" data-fade-duration="1500" />
<img src="./Szene9/Eisen_Helfer_2.png" style="margin-left: 588px; margin-top: 73px" />
<div style="width: 390px; height: 230px; margin-left: 900px; margin-top: 100px"
class="action" data-tooltip-header="EISEN" data-tooltip-style="width: 450px; height: 310px; margin-left: 50px; margin-top: 80px"
data-tooltip-text="Sie meinten, es sei lediglich eine alte Kiste ihres Großvaters entwendet worden? Warum wurden dann diese wertvollen Figuren zurückgelassen? Eine Diebesbande würde sich so etwas nie und nimmer durch die Finger gehen lassen. Ich erwarte eine Erklärung!"></div>
</div>
</div>
<div class="view-wrapper">
<div class="view">
<img src="./Szene10/Outside_3.png" style="" />
<img src="./Szene10/Background.png" style="" />
<img src="./Szene10/3_Eisen_Helfer_Schatten.png" style="margin-left: 160px; margin-top: 400px" />
<img src="./Szene10/4_Helfer.png" style="margin-left: 520px; margin-top: 300px" />
<img src="./Szene10/2_Fensterschein.png" style="margin-left: 0px; margin-top: 0px"
class="blink" data-interval="1500" data-life="100" data-fade-duration="1500" />
<img src="./Szene10/5_Eisen.png" style="margin-left: 185px; margin-top: 50px" />
<div style="width: 950px; height: 230px; margin-left: 0px; margin-top: 0px"
class="action" data-tooltip-header="EISEN" data-tooltip-style="width: 450px; height: 245px; margin-left: 50px; margin-top: 380px"
data-tooltip-text="Diese alten, schrumpeligen, vergilbten Fensterscheiben hatten schonmal bessere Tage... Mich dünkt, als wollten Sie hier nur die Summe ihrer Glasversicherung einheimsen! "></div>
<div style="width: 350px; height: 400px; margin-left: 450px; margin-top: 280px"
class="action sound optional" data-file="./Sounds/Figurensound/Schnauz_omnom.wav.MP3"></div>
</div>
</div>
<div class="view-wrapper">
<div class="view">
<img src="./Szene11/0_Himmel.png" style="margin-left: 100px;" />
<img class="slide-left" src="./Szene11/1_Wolke.png" data-wrapper-width="100%" />
<img src="./Szene11/2_Background.png" style="" />
<img src="./Szene11/3_Eisen.png" style="margin-left: 460px; margin-top: 240px" />
<img src="./Szene11/3_nebelanimation.gif" style="margin-left: 860px; margin-top: 270px" />
<img src="./Szene11/4_Auto_Reifen_Hintergrund.png" style="margin-left: 560px; margin-top: 535px" />
<img src="./Szene11/Animation_Auto.gif" style="margin-left: 585px; margin-top: 420px" />
<img src="./Szene11/6_Helfer.png" style="margin-left: 965px; margin-top: 540px" />
<img src="./Szene11/7_Helferrauch.png" style="margin-left: 900px; margin-top: 520px" />
<img src="./Szene11/8_Auto_Reifen_Vordergrund.png" style="margin-left: 940px; margin-top: 690px" />
<img src="./Szene11/10_Busch_rechts.png" style="margin-left: 910px; margin-top: 640px" />
<img src="./Szene11/11_Vordergrund.png" style="" />
<div style="width: 390px; height: 400px; margin-left: 440px; margin-top: 250px"
class="action sound" data-file="./Sounds/Figurensound/Eisen.MP3" data-tooltip-header="EISEN" data-tooltip-style="width: 450px; height: 260px; margin-left: 50px; margin-top: 80px"
data-tooltip-text="Fußabdrücke dreier Personen, unberührte Wertgegenstände und zwei mutmaßliche Täter, die unter dem Tisch hindurchspaziert sein sollen? <br/\>Noch so eine irreführende Verständigung der Detektoren und ich zeige Ihnen was eine Rechte ist… Äh, ich meinte, was Ihre Rechte sind, bevor wir Sie hinter Schloss und Riegel sperren. <br/\> SCHNAUZ, Abfahrt!"></div>
<div style="width: 210px; height: 230px; margin-left: 960px; margin-top: 540px"
class="action optional sound" data-file="./Sounds/Figurensound/Schnauz.wav.MP3"></div>
</div>
</div>
<div class="view-wrapper">
<div class="view actionless video">
<video width="1280" height="760" src="./Videos/Szene12_Detektoren_Nacht.mp4">
</video>
</div>
</div>
<div class="view-wrapper">
<div class="view text audio" data-text="Nanu! Da scheint etwas aus der Garage zu fließen. Ich sollte einen Blick riskieren." data-pause-audio="detektivmusik" data-play-audio="hintergrundmusik">
<img src="./Szene13/0_Himmel_obenlinks.png" style="" />
<img src="./Szene13/4_Background.png" style="" />
<img src="./Szene13/1_Mondschein.png" style="margin-left: -113px; margin-top: -54px;"
class="blink" data-interval="1000" data-life="500" data-fade-duration="3000" />
<img src="./Szene13/2_Mond.png" style="margin-left: -80px; margin-top: -30px" />
<img src="./Szene13/6_Busch_linksunten.png" style="margin-left: 0px; margin-top: 400px" />
<img src="./Szene13/7_Garagenlicht.png" style="margin-left: 1028px; margin-top: 454px;"
class="blink" data-interval="0" data-life="500" data-fade-duration="3000" />
<div style="width: 300px; height: 300px; margin-left: 950px; margin-top: 400px"
class="action"></div>
</div>
</div>
<div class="view-wrapper">
<div class="view actionless text" data-text="Würg! Wer hat hier denn gewütet? Da wird doch das Huhn in der Garage verrückt!">
<img src="./Szene14/0_Background.png" style="" />
<img src="./Szene14/Huhnanimation.gif" style="margin-left: 380px; margin-top: 0px;" />
<div style="width: 500px; height: 240px; margin-left: 520px; margin-top: 750px"
class="action sound" data-file="./Szene14/Chicken.wav"></div>
</div>
</div>
<div class="view-wrapper">
<div class="view actionless text" data-text="Das verschleimte Bett ruft, also setze ich besser bei Tagesanbruch meine Eigenrecherche fort.">
<img src="./Szene15/0_Himmel_obenlinks.png" style="" />
<img src="./Szene15/4_Background.png" style="" />
<img src="./Szene15/1_Mondschein.png" style="margin-left: -113px; margin-top: -54px;"
class="blink" data-interval="1000" data-life="500" data-fade-duration="3000" />
<img src="./Szene15/2_Mond.png" style="margin-left: -80px; margin-top: -30px" />
<img src="./Szene15/6_Busch_linksunten.png" style="margin-left: 0px; margin-top: 400px" />
<img src="./Szene15/7_Garagenlicht.png" style="margin-left: 1028px; margin-top: 454px;" />
</div>
</div>
<div class="view-wrapper">
<div class="view audio text" data-pause-audio="hintergrundmusik" data-play-audio="testmusik" data-text="Mann, hab‘ ich schlecht geschlafen... Am besten befrage ich die Hausbewohner zu den Vorfällen.">
<img src="./Szene17/1_Waende.png" style="" />
<img src="./Szene17/5_black.png" style="" />
<img src="./Szene17/6_Teilstuecke.png" style="" />
<img id="s17pupsiTuer" src="./Szene17/8_PupsiTuer.png" style="" />
<img id="s17clayTuer" src="./Szene17/12_ClayTuer.png" style="" />
<img id="s17neaplerTuer" src="./Szene17/13_NeaplerTuer.png" style="" />
<img src="./Szene17/16_Lichtkegel.png" style="margin-left: -75px; margin-top: -380px"
class="rotate-left-very-slow" />
<img id="s17pupsi1" src="./Szene17/3_PupsiFips.png" style="margin-left: 620px; margin-top: 100px; display: none;" />
<img id="s17pupsi2" src="./Szene17/2_PupsiFips_shadow.png" style="margin-left: 662px; margin-top: 528px; display: none;" />
<img id="s17pupsi3" src="./Szene17/fighterfips.gif" style="margin-left: 660px; margin-top: 310px; display: none;" />
<img id="s17neapler" src="./Szene17/Neapler.png" style="margin-left: 340px; margin-top: 328px; display: none;" />
<img id="s17clay" src="./Szene17/Clayanimation.gif" style="margin-left: 760px; margin-top: 180px; display: none;" />
<img src="./Szene17/14_Vase.png" style="" />
<img id="s17widow" src="./Szene17/10_Widow.png" style="margin-left: -80px; margin-top: 580px; display: none;" />
<img src="./Szene17/11_Teilstuecke2.png" style="" />
<img id="s17widowTuer" src="./Szene17/15_WidowTuer.png" style="" />
<div id="s17pupsiShow" style="width: 160px; height: 530px; margin-left: 780px; margin-top: 0px"
class="action sound" data-show="#s17pupsi1,#s17pupsi2,#s17pupsi3,#s17pupsiHide" data-hide="#s17pupsiTuer,#s17pupsiShow" data-file="./Sounds/Figurensound/FistiFipsi.MP3"
data-tooltip-header="FISTI & FIPSI" data-tooltip-style="width: 500px; height: 178px; margin-left: 200px; margin-top: 80px"
data-tooltip-text="Tut uns leid, wir haben nichts mitbekommen, da wir heute erst wieder aus dem Urlaub zurückgekommen sind. Es gibt doch nichts Schöneres, als ein einwöchiger Wanderurlaub von Puschelberg nach Lunzenhausen, nicht wahr!?"></div>
<div id="s17pupsiHide" style="width: 300px; height: 580px; margin-left: 610px; margin-top: 0px; display: none;"
class="action optional sound" data-show="#s17pupsiTuer,#s17pupsiShow" data-hide="#s17pupsi1,#s17pupsi2,#s17pupsi3,#s17pupsiHide" data-file="./Sounds/Szene17/Close.wav"></div>
<div id="s17neaplerShow" style="width: 220px; height: 380px; margin-left: 290px; margin-top: 180px"
class="action sound" data-show="#s17neapler,#s17neaplerHide" data-hide="#s17neaplerTuer,#s17neaplerShow" data-file="./Sounds/Figurensound/NeaplerHochstapler.wav.MP3"
data-tooltip-header="NEAPLER HOCHSTAPLER" data-tooltip-style="width: 500px; height: 178px; margin-left: 200px; margin-top: 480px"
data-tooltip-text="Ti hi hi... Oh ja, mein junger Herr... Ich habe etwas gehört und gesehen! Es waren mehrere Explosionen zu hören und eine Bisonherde war auch im Spiel... Daraufhin sah ich ein grelles Licht vom Himmel fallen und mehrere fliegende Affen verkündeten den Tag des leckersten Gerichts. Danach musste ich die Weitblickröhre aber ausschalten, um meinen Meditationsstunden nachgehen zu können... Ich muss mich entschuldigen, junger Herr, da ich jetzt meine Hühner zubereiten muss, die ich gestern nach einem erbitterten Kampf zur Strecke gebracht habe."></div>
<div id="s17neaplerHide" style="width: 300px; height: 440px; margin-left: 300px; margin-top: 170px; display: none;"
class="action optional sound" data-show="#s17neaplerTuer,#s17neaplerShow" data-hide="#s17neapler,#s17neaplerHide" data-file="./Sounds/Szene17/Close.wav"></div>
<div id="s17widowShow" style="width: 300px; height: 800px; margin-left: 0px; margin-top: 200px"
class="action sound" data-show="#s17widow,#s17widowHide" data-hide="#s17widowTuer,#s17widowShow" data-file="./Sounds/Figurensound/WIDOW.wav.MP3"
data-tooltip-header="WIDOW" data-tooltip-style="width: 500px; height: 178px; margin-left: 440px; margin-top: 680px"
data-tooltip-text="Hallöchen Kleiner! <br/\>Meine Ohren sind leider nicht mehr die Jüngsten, weswegen ich nichts von einem Einbruch mitbekommen habe und auch mein RUFUS nicht. Stimmt´s RUFUS? Ich würde dir ja gerne ein Tässchen Kuchen und einen heißen Teller Tee anbieten, jedoch muss ich jetzt in die Stadt, um meine Medikamente abzuholen. Bis bald! <br/\>
<br/\>
...ach, und bevor ich es vergesse, bestell‘ doch bitte meiner Schwester liebe Grüße von mir. Ich habe sie bestimmt schon seit 22,5 Stunden nicht mehr gesehen."></div>
<div id="s17widowHide" style="width: 500px; height: 450px; margin-left: 0px; margin-top: 550px; display: none;"
class="action optional sound" data-show="#s17widowTuer,#s17widowShow" data-hide="#s17widow,#s17widowHide" data-file="./Sounds/Szene17/Close.wav"></div>
<div id="s17clayShow" style="width: 330px; height: 680px; margin-left: 950px; margin-top: 110px"
class="action sound" data-show="#s17clay,#s17clayHide" data-hide="#s17clayTuer,#s17clayShow" data-file="./Sounds/Figurensound/EL PARADISO.MP3"
data-tooltip-header="EL PARADISO" data-tooltip-style="width: 500px; height: 178px; margin-left: 440px; margin-top: 280px"
data-tooltip-text="Hallodreo! <br/\>Ich habe tatsächlich vor zwei Tagen etwas gehört. Es war so gegen 3 Uhr nachts, als ich ein klirrendes Geräusch vernahm. Außerdem habe ich kurz darauf ein klägliches Jammern gehört. Ich wollte der Sache zunächst nachgehen, aber musste zuerst meine Yoga-Übungen abschließen. Leider bin ich damit gerade eben erst fertig geworden – man muss ja irgendwie in Form bleiben. Trotzdem noch viel Erfolg bei deiner Spurensuche!"></div>
<div id="s17clayHide" style="width: 500px; height: 600px; margin-left: 750px; margin-top: 180px; display: none;"
class="action optional sound" data-show="#s17clayTuer,#s17clayShow" data-hide="#s17clay,#s17clayHide" data-file="./Sounds/Szene17/Close.wav"></div>
</div>
</div>
<div class="view-wrapper">
<div class="view text" data-text="Das war ja nicht gerade hilfreich… Vielleicht erfahre ich von den anderen Stadtbewohnern mehr.">
<img src="./Szene18/0_Background.png" style="" />
<img src="./Szene18/1_Koerper.png" style="margin-left: 510px; margin-top: 380px;" />
<img src="./Szene18/2_Putzehaende.gif" style="margin-left: 465px; margin-top: 325px;" />
<img src="./Szene18/3_Kopf.png" style="margin-left: 520px; margin-top: 350px;" />
<img src="./Szene18/5_Lichtstrahlenklein_innen.png" style="margin-left: -600px; margin-top: -600px; opacity: 0.95;"
class="rotate-right-very-slow" />
<img src="./Szene18/4_Lichtstrahlengross_aussen.png" style="margin-left: -700px; margin-top: -700px; opacity: 0.75;"
class="rotate-left-very-slow" />
<div style="width: 280px; height: 330px; margin-left: 480px; margin-top: 320px"
class="action sound" data-file="./Sounds/Figurensound/Olga.wav.MP3" data-tooltip-header="OLGA" data-tooltip-style="width: 450px; height: 260px; margin-left: 610px; margin-top: 80px"
data-tooltip-text="Schaut, wie ich die Straße wische – von alter Fisch zu Rosenfrische. <br/\>
Ich musste meine besten Premium-Reinigungsmittel vereinen, um diesen Glibber von der Straße zu bekommen... Da fällt mir ein, eine ähnliche Substanz schon einmal beim alten Abenteurer EXPEDIOS gesehen zu haben... Hm."></div>
</div>
</div>
<div class="view-wrapper">
<div class="view">
<img src="./Szene19/0_Background.png" style="" />
<img id="s19fipsi1" src="./Szene19/1_fipsi.png" style="margin-left: 480px; margin-top: 260px;" />
<img id="s19fipsi2" src="./Szene19/2_fipsi.png" style="margin-left: 480px; margin-top: 260px; display: none;" />
<img src="./Szene19/fighterfips.gif" style="margin-left: 530px; margin-top: 485px;" />
<img src="./Szene19/4_Lichtmitteoben.png" style="margin-left: 250px; margin-top: -600px; opacity: 0.9;"
class="rotate-left-very-slow" />
<img src="./Szene19/5_Lichtlinksoben.png" style="margin-left: -700px; margin-top: -900px;"
class="rotate-right-very-slow" />
<div id="s19showFipsi2" style="width: 350px; height: 550px; margin-left: 430px; margin-top: 220px"
class="action sound" data-file="./Sounds/Figurensound/FistiFipsi.MP3" data-hide="#s19fipsi1,#s19showFipsi2" data-show="#s19fipsi2"
data-tooltip-header="FISTI & FIPSI" data-tooltip-style="width: 470px; height: 260px; margin-left: 50px; margin-top: 80px"
data-tooltip-text="Du machst dich auch auf den Weg in die Stadt? Da werden wir jetzt auch hinflanieren. <br/\>Solltest du den mürrischen LOW in seiner Werkstatt antreffen, kann er dir vielleicht bei deiner Tätersuche weiterhelfen. <br/\>Zumindest ist es kein Geheimnis, dass der alte Stinkstiefel mit den Schatten kooperiert."></div>
</div>
</div>