-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
151 lines (149 loc) · 8.58 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
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
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<title>NetCoDev / Einstein Rätsel</title>
<link rel="stylesheet" href="app/css/app.css">
<script src="app/js/GameConfig.js"></script>
<script src="app/js/GameUi.js"></script>
<script src="app/js/GameProxy.js"></script>
<script src="app/js/GameLandingPage.js"></script>
<script src="app/js/GameApp.js"></script>
<script src="app/js/GameRegistration.js"></script>
<script src="app/js/MainApp.js"></script>
<script>
window.onload = () => {
const InstMainApp = new MainApp(GAME_CONF, IMAGES);
};
</script>
</head>
<body>
<div class="header">
<div>NetCoDev :: Einsteinrätsel</div>
</div>
<div id="GameLandingPage" class="container-landingpage">
<div class="landingpage-content">
<h2>Das Einsteinrätsel</h2>
<p>
Die Legende erzählt, daß angeblich Albert Einstein dieses Rätsel im letzten Jahrhundert verfasste. Gerüchten zur Folge soll er behauptet haben, dass 98% der Weltbevölkerung nicht in der Lage seien, es zu lösen.<br> <br>
<strong>Gehörst du zu den zwei Prozent?</strong>
</p>
<h3>Du willst das Rätsel lösen?</h3>
<p>
<strong>Du bist vollkommen entspannt? Dann wage den nächsten Schritt!</strong><br>
Mit Gelassenheit kommst du zum Ziel, lerne deine Enttäuschung und deinen Selbstzweifel zu beherrschen. Halte ein Handtuch* bereit und in Reichweite.
<br> <br>
<small>*Nein, du must nicht per Anhalter in irgendein Universum, das Handtuch ist für deine Tränen.</small>
<br> <br>
<strong>Lies die Spieletipps!</strong><br>
Die Spieltipps helfen dir die gute Laune zu behalten, sie sind deine logischen Bausteine zum Erfolg!
</p>
<h3>So funktioniert das Spiel</h3>
<p>
<strong>Des Rätsels Lösung!</strong><br>
Finde heraus, welches Haus den <strong>Fisch</strong> als Haustier hat.
</p>
<p>
<strong>Die Spieleicons</strong><br>
Es gibt fünf Kategorien mit jeweils fünf Eigenschaften:<br> <br>
- Farbe (color)<br>
- Haustier (animal)<br>
- Sport (sport)<br>
- Nationalität (flag)<br>
- Getränk (drink)<br>
<br> <br>
Wenn du ein Icon in ein Haus setzen möchtest, dann fahre mit deiner Mouse über das Icon und halte die
linke Mousetaste gedrückt, ziehe das Icon in den Bereich des von dir gewählten Haus und lass die linke
Mousetaste los. Das Icon springt dann automatisch an die richtige Stelle im Haus.
<br> <br>
Wenn du das Icon in einem Haus ändern möchtest, dann ziehe das neue Icon einfach über das Haus und lass das Icon los.
Wenn sich schon ein anderes Icon derselben Kategorie in diesem Haus befindet, dann springt dieses Icon wieder zurück
in seine Startposition.
<br> <br>
Entferne ein Icon in einem Haus, indem du es einfach außerhalb des Bereichs der Häuser ziehst und es dann losläßt. Das
Icon spring automatisch zu seiner Startpostion im Auswahlfeld.
</p>
<h3>Die Spiel-Tipps</h3>
<ul>
<li><strong>Tipp 1</strong></li>
<li>Der Engländer lebt im roten Haus.</li>
<li>Der Italiener hält einen Hund.</li>
<li>Der Däne trinkt gerne Wein.</li>
<li>Das grüne Haus steht links vom weissen Haus.</li>
<li>Der Besitzer des grünen Hauses trinkt Kaffee.</li>
</ul>
<ul>
<li><strong>Tipp 2</strong></li>
<li>Die Person, die gerne ringt, hält einen Vogel.</li>
<li>Der Mann, der im mittleren Haus wohnt, trinkt Milch.</li>
<li>Der Besitzer des gelben Hauses ist ein Fan des Laufsports.</li>
<li>Der Norweger wohnt im ersten Haus.</li>
<li>Der Fussball-Spieler wohnt neben dem, der eine Katze hält.</li>
</ul>
<ul>
<li><strong>Tipp 3</strong></li>
<li>Der Mann, der ein Pferd hält, wohnt neben dem, der Laufen geht.</li>
<li>Der Ruder-Fan trinkt gerne Bier.</li>
<li>Der Norweger wohnt neben dem blauen Haus.</li>
<li>Der Deutsche liebt das Turnen.</li>
<li>Der Fussball-Spieler hat einen Nachbarn, der Wasser trinkt.</li>
</ul>
<p>Du findest diese Tipps auch im Spielbereich, du musst sie dir jetzt nicht merken!</p>
<h3>Und jetzt viel Spaß!</h3>
<p>
<strong>Wenn du bereit bist dann klicke unten auf "Spiel starten"!</strong><br>
</p>
<p class="footer">
Dieses Spiel ist eine LearningByDoing-Applikation von <a href="http://www.netcodev.de" title="http://www.netcodev.de" target="_blank">NetCoDev</a>, die Idee dazu basiert auf
einem Wochenende ohne Schlaf, dem Hang die Javascriptwelt zu erforschen und dem gnadenlosen
Willen, bei der Umsetzung alle erdenklichen Fehler zu machen und daraus zu lernen.
<br> <br>
Die erste Version wurde 2002 ohne OOP oder die heute beliebten Javascriptlibarys geschrieben, also kein JQuery oder Prototype als Hilfsmittel
für die Umsetzung des Javascriptcodes. Danach verstaubte das Spiel und 2021 erwachte der
Gedanke, den Code mit OOP umzusetzen, dabei mit dem aktuellen Javascriptstandard zu arbeiten und nach wie vor auf neue
bekannten Errungenschaften wie Bootstrap, Vue, React oder Angular zu verzichten.
<br> <br>
Hier findest du den Quellcode :<br>
<a href="https://github.com/chrobaks/einstein" title="https://github.com/chrobaks/einstein" target="_blank">github.com/chrobaks/einstein</a>
</p>
</div>
<div class="landingpage-btn">
<button id="btnIntroCtrl" class="btn">Spiel starten</button>
</div>
</div>
<div id="GameApp" class="container-game"></div>
<div id="GameRegistration" class="container-landingpage">
<div class="landingpage-content">
<h2>Gratulation</h2>
<p>
<strong>Du darfst ab jetzt offiziell den Titel "Einsteinrätsellöser" tragen.</strong>
</p>
<h3>Verewige dich in der Einsteinrätsel-Hall-of-Fame</h3>
<form name="formUser" method="post">
<strong>Deine Emailadresse</strong><small> (nicht öffentlich sichtbar)</small><br>
<input name="email">
<br> <br>
<strong>Dein Spielername</strong><small> (muss nicht dein echter Name sein)</small><br>
<input name="name">
</form>
<div class="form-msg"></div>
<p>
<button class="btn btn-submit">Speichern</button> <a href="hof.html" target="_blank" class="btn btn-hof btn-green">zur Hall of Fame</a>
</p>
<p class="footer">
Dieses Spiel ist eine LearningByDoing-Applikation von <a href="http://www.netcodev.de" title="http://www.netcodev.de" target="_blank">NetCoDev</a>, die Idee dazu basiert auf
einem Wochenende ohne Schlaf, dem Hang die Javascriptwelt zu erforschen und dem gnadenlosen
Willen, bei der Umsetzung alle erdenklichen Fehler zu machen und daraus zu lernen.
<br> <br>
Die erste Version wurde 2002 ohne OOP oder die heute beliebten Javascriptlibarys geschrieben, also kein JQuery oder Prototype als Hilfsmittel
für die Umsetzung des Javascriptcodes. Danach verstaubte das Spiel und 2021 erwachte der
Gedanke, den Code mit OOP umzusetzen, dabei mit dem aktuellen Javascriptstandard zu arbeiten und nach wie vor auf neue
bekannten Errungenschaften wie Bootstrap, Vue, React oder Angular zu verzichten.
<br> <br>
Hier findest du den Quellcode :<br>
<a href="https://github.com/chrobaks/einstein" title="https://github.com/chrobaks/einstein" target="_blank">github.com/chrobaks/einstein</a>
</p>
</div>
</div>
</body>
</html>