-
Notifications
You must be signed in to change notification settings - Fork 0
/
viewsFrom20.html
161 lines (148 loc) · 13.1 KB
/
viewsFrom20.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
<div class="view-wrapper">
<div class="view">
<img src="./Szene20/0_Background.png" style="" />
<img src="./Szene20/1_Widow_Hund.png" style="margin-left: 500px; margin-top: 380px;" />
<img src="./Szene20/2_Ballonanimation.gif" style="" />
<img src="./Szene20/4_Haueser.png" style="" />
<img src="./Szene20/3_Lichtstrahlengross_aussen.png" style="margin-left: -800px; margin-top: -800px; opacity: 0.8;"
class="rotate-right-very-slow" />
<img src="./Szene20/5_Animation_Trunkenbold.gif" style="margin-left: 1002px; margin-top: 735px;" />
<img src="./Szene20/6_Fischbody.png" style="margin-left: 360px; margin-top: 580px;" />
<img src="./Szene20/7_Animation_Fischkopf.gif" style="margin-left: 320px; margin-top: 530px;" />
<img src="./Szene20/8_Fuchsbody.png" style="margin-left: 195px; margin-top: 685px;" />
<img src="./Szene20/9_Animation_Fuchskopf.gif" style="margin-left: 195px; margin-top: 635px;" />
<img src="./Szene20/10_Schweinbody.png" style="margin-left: 30px; margin-top: 780px;" />
<img src="./Szene20/11_Animation_Schweinekopf.gif" style="margin-left: 85px; margin-top: 755px;" />
<img src="./Szene20/12_Teddybody.png" style="margin-left: 320px; margin-top: 765px;" />
<img src="./Szene20/13_Animation_Teddykopf.gif" style="margin-left: 360px; margin-top: 710px;" />
<div style="width: 150px; height: 150px; margin-left: 310px; margin-top: 510px"
class="action sound" data-file="./Sounds/Figurensound/O.wav.MP3" data-tooltip-header="MOE" data-tooltip-style="width: 450px; height: 150px; margin-left: 50px; margin-top: 80px"
data-tooltip-text="Ich bin „Detekt-MOE“, <br/\>die starke Flosse des Gesetzes!"></div>
<div style="width: 150px; height: 150px; margin-left: 190px; margin-top: 630px"
class="action sound" data-file="./Sounds/Figurensound/Pipp.wav.MP3" data-tooltip-header="PIPP" data-tooltip-style="width: 450px; height: 150px; margin-left: 520px; margin-top: 590px"
data-tooltip-text="Aus dem Weg! Ich bin Junior-Schatten „PIPP, der Lausbub“."></div>
<div style="width: 170px; height: 180px; margin-left: 360px; margin-top: 690px"
class="action sound" data-file="./Sounds/Figurensound/Toddy.wav.MP3" data-tooltip-header="TODDY" data-tooltip-style="width: 450px; height: 180px; margin-left: 520px; bottom: 80px;"
data-tooltip-text="Wir spielen Schatten und Detektors. Detekt-MOE wird mich niemals in seine Flosse bekommen! Muahaha..."></div>
<div style="width: 170px; height: 180px; margin-left: 70px; margin-top: 770px"
class="action sound" data-file="./Sounds/Figurensound/Grunz.wav.MP3" data-tooltip-header="GRUNZ" data-tooltip-style="width: 450px; height: 250px; margin-left: 50px; margin-top: 250px"
data-tooltip-text="Du suchst LOW? <br/\>Ich bin „GRUNZ, der Profi-Schnüffler“ und kann LOW sogar von hier aus erschnüffeln. Folge einfach dieser Straße und du gelangst zu seiner Werkstatt. "></div>
<div style="width: 200px; height: 220px; margin-left: 950px; margin-top: 700px"
class="action optional sound" data-file="./Sounds/Figurensound/Trunkenbold.wav.MP3"></div>
<div style="width: 250px; height: 250px; margin-left: 500px; margin-top: 350px"
class="action sound" data-file="./Sounds/Figurensound/WIDOW.wav.MP3" data-tooltip-header="WIDOW" data-tooltip-style="width: 450px; height: 250px; right: 50px; margin-top: 80px"
data-tooltip-text="Hallo Jüngchen `keuch`... <br/\>Der Arzt meinte, ich hätte nur eine leichte Erkältung `hust`... <br/\>Lass uns nach Hause gehen, RUFUS! `röchel`..."></div>
</div>
</div>
<div class="view-wrapper">
<div class="view">
<img src="./Szene21/0_Background.png" style="" />
<img src="./Szene21/2_Animation_gestank_links.gif" style="margin-left: 260px; margin-top: 320px;" />
<img src="./Szene21/3_Animation_gestank_rechts.gif" style="margin-left: 640px; margin-top: 360px;" />
<img src="./Szene21/4_CoffinJR_Koerper.png" style="" />
<img src="./Szene21/5_Animation_gestank_linkshintermaske.gif" style="margin-left: 440px; margin-top: 340px;" />
<img src="./Szene21/6_CoffinJR_Maske.png" style="" />
<img src="./Szene21/7_Garage.png" style="" />
<img src="./Szene21/8_Lichtkreislinksoben.png" style="margin-left: -1100px; margin-top: -1100px; opacity: 0.8;"
class="rotate-right-very-slow" />
<div style="width: 450px; height: 450px; margin-left: 330px; margin-top: 360px"
class="action sound" data-file="./Sounds/Figurensound/Low.MP3" data-tooltip-header="LOW" data-tooltip-style="width: 450px; height: 280px; margin-left: 50px; margin-top: 80px"
data-tooltip-text="Hey Kleiner!<br/\> Ich habe keine Ahnung von einem Einbruch oder den Schatten, außerdem siehst du nicht so aus, als hättest du ein Motorengefährt, das ich reparieren müsste, also verzieh dich! "></div>
</div>
</div>
<div class="view-wrapper">
<div class="view text" data-text="Kein besonders freundlicher Zeitgenosse, dieser LOW, aber was ist das für ein eigenartiger Nebel, der aus der Werkstatt kommt?">
<img src="./Szene22/1_Garagenebelkreis.png" style="margin-left: 680px; margin-top: 280px;"
class="rotate-right-slow" />
<img src="./Szene22/2_Background.png" style="" />
<img src="./Szene22/3_Animation_gestank_garage.gif" style="margin-top: 450px;" />
<img src="./Szene22/4_CoffinJR_Koerper.png" style="" />
<img src="./Szene22/5_CoffinJR_Maske.png" style="" />
<img src="./Szene22/6_Lowswerkstatt.png" style="" />
<img src="./Szene22/7_Lichtkreislinksoben.png" style="margin-left: -1000px; margin-top: -1000px;"
class="rotate-right-very-slow" />
<div style="width: 600px; height: 350px; margin-left: 600px; margin-top: 200px"
class="action sound" data-file="./Sounds/Figurensound/Low.MP3" data-tooltip-header="LOW" data-tooltip-style="width: 450px; height: 150px; margin-left: 280px; margin-top: 290px"
data-tooltip-text="Ich habe gesagt, du sollst verschwinden! Also hau endlich ab, du halbe Portion!"></div>
</div>
</div>
<div class="view-wrapper">
<div class="view">
<img src="./Szene23/0_Background.png" style="" />
<img src="./Szene23/1_Animation_Herzen.gif" style="margin-left: 180px; margin-top: 120px;" />
<img src="./Szene23/2_paar.png" style="" />
<img src="./Szene23/3_Lichtkreislinksoben.png" style="margin-left: -1100px; margin-top: -1100px;"
class="rotate-right-very-slow" />
<img src="./Szene23/4_lichtlinksoben.png" style="margin-left: -100px; margin-top: -100px;" />
<img src="./Szene23/5_Vordergrund.png" style="" />
<img src="./Szene23/6_Koerper.png" style="margin-left: 530px; margin-top: 610px;" />
<img src="./Szene23/7_Putzehaende.gif" style="margin-left: 485px; margin-top: 540px;" />
<img src="./Szene23/8_Kopf.png" style="margin-left: 535px; margin-top: 580px;" />
<div style="width: 300px; height: 300px; margin-left: 160px; margin-top: 230px"
class="action sound" data-file="./Sounds/Figurensound/Liebespaar.wav.MP3" data-tooltip-header="LIEBESPAAR" data-tooltip-style="width: 450px; height: 240px; margin-left: 50px; margin-top: 80px"
data-tooltip-text="Wir haben uns auf der Feier gefunden und werden nächste Woche heiraten! Das liegt aber nicht an der Sparaktion des Standesamtes: „Vermählung: Zwei Personen zum Preis von einer!“, sondern ausschließlich an unserer endlosen Liebe zueinander."></div>
<div style="width: 330px; height: 330px; margin-left: 450px; margin-top: 560px"
class="action sound" data-file="./Sounds/Figurensound/Olga.wav.MP3" data-tooltip-header="OLGA" data-tooltip-style="width: 450px; height: 240px; margin-left: 650px; margin-top: 300px"
data-tooltip-text="Du bist immer noch auf Spurensuche? Nur Mal so unter uns... Wenn du einen Blick in die Werkstatt erhaschen willst, solltest du heute Nacht nochmal dein Glück versuchen. LOW ist nachts immer bei seinen „geheimen Treffen“ im „geheimen Hauptquartier“ der „geheimen Organisation“. "></div>
</div>
</div>
<div class="view-wrapper">
<div class="view actionless video audio" data-pause-audio="testmusik">
<video width="1280" height="760" src="./Videos/Szene24_Nachtszene.mp4">
</video>
</div>
</div>
<div class="view-wrapper">
<div class="view text actionless audio" data-text="LOW ist anscheinend schon bei seinem „geheimen Treffen“. Na dann mal rein in die gute Stube!" data-play-audio="guadnachtmusi">
<img src="./Szene25/0_Background.png" style="" />
<img src="./Szene25/1_Sterne.png" style="margin-left: 240px; margin-top: -350px;"
class="rotate-right-very-slow" />
<img src="./Szene25/2_Mond.png" style="" />
<img src="./Szene25/3_Stadt.png" style="" />
<img src="./Szene25/4_Garagenebelkreis_links.png" style="margin-left: 450px; margin-top: 300px;"
class="rotate-right-very-slow" />
<img src="./Szene25/5_Garagenebelkreis_rechts.png" style="margin-left: 750px; margin-top: 300px;"
class="rotate-right-very-slow" />
<img src="./Szene25/6_LowsWerkstatt.png" style="" />
</div>
</div>
<div class="view-wrapper">
<div class="view text actionless" data-text="Das Auto der Detektoren? Da geht etwas nicht mit rechten Dingen zu... <br/\><br/\>
Und ist das nicht dasselbe Gelee wie in meiner Wohnung? ...Aber warum wird es in Fässern gelagert?">
<img src="./Szene26/0_Background.png" style="" />
<img src="./Szene26/1_Nebel.png" style="" />
<img src="./Szene26/2_nebelanimation.gif" style="margin-left: 120px; margin-top: 110px;" />
<img src="./Szene26/3_nebelanimation.gif" style="margin-left: 610px; margin-top: 250px;" />
<img src="./Szene26/4_car.png" style="" />
<img src="./Szene26/5_Nebel.png" style="" />
<img src="./Szene26/6_Schatten.png" style="" />
<img src="./Szene26/7_Vordergrund.png" style="" />
</div>
</div>
<div class="view-wrapper">
<div class="view text actionless" data-text="EISEN und die Schatten scheinen tatsächlich zusammenzuarbeiten... Äußerst korrupt! <br/\>Bei EXPEDIOS brennt noch Licht. Vielleicht ist er in der Lage, mir Antworten auf meine schleimigen Fragen zu liefern. ">
<img src="./Szene27/0_Background.png" style="" />
<img src="./Szene27/1_Sterne.png" style="margin-left: 240px; margin-top: -350px;"
class="rotate-right-very-slow" />
<img src="./Szene27/2_Mond.png" style="margin-left: 540px; margin-top: -40px;" />
<img src="./Szene27/3_Stadt1.png" style="" />
<img src="./Szene27/4_Animation_feuerlinks.gif" style="margin-left: 830px; margin-top: 178px;" />
<img src="./Szene27/5_Animation_feuerrechts.gif" style="margin-left: 938px; margin-top: 195px;" />
<img src="./Szene27/6_Stadt2.png" style="" />
<img src="./Szene27/7_Rauchvordergrund.png" style="" />
</div>
</div>
<div class="view-wrapper">
<div class="view actionless text" data-text="EXPEDIOS, der Abenteurer, hat schon eine komische Hütte!">
<img src="./Szene28/0_Background.png" style="" />
<img src="./Szene28/1_Sterne.png" style="margin-left: -450px; margin-top: -400px;"
class="rotate-right-very-slow" />
<img src="./Szene28/2_Haus.png" style="" />
<img src="./Szene28/3_fleischi.gif" style="margin-left: 960px; margin-top: 420px" />
<img src="./Szene28/4_Holz.png" style="" />
<img src="./Szene28/Animation_feuerlinks.gif" style="margin-left: 510px; margin-top: 250px" />
<img src="./Szene28/Animation_feuerrechts.gif" style="margin-left: 860px; margin-top: 300px" />
<div style="width: 300px; height: 340px; right: 0px; bottom: 240px"
class="action sound" data-file="./Sounds/Figurensound/Fleischpflanzerl.wav.MP3"></div>
</div>
</div>