99 lines
3.3 KiB
Text
99 lines
3.3 KiB
Text
AIreadme.txt
|
|
=================
|
|
|
|
Ziel
|
|
----
|
|
Dieser Ordner ist eine fertige, statische Mini-Webapp mit 2 Spielmodi rund um Fortnite:
|
|
1) Guess the Collab (Ja/Nein + Enzyklopädie)
|
|
2) Guess the Price (Skin-Preisraten)
|
|
|
|
Die App ist dafür vorbereitet, als abgegrenzte Unterseite auf einem Server zu laufen.
|
|
|
|
|
|
Wichtige Laufzeitdateien (MUSS bleiben)
|
|
---------------------------------------
|
|
- index.html
|
|
- collab_game.html
|
|
- price_game.html
|
|
- app.js
|
|
- style.css
|
|
- skins.js
|
|
- images/ (kompletter Ordner mit Collab-Bildern)
|
|
|
|
Ohne diese Dateien funktioniert die App nicht vollständig.
|
|
|
|
|
|
Startpunkte / Routing
|
|
---------------------
|
|
- Hauptmenü: index.html
|
|
- Direkt ins Collab-Spiel: collab_game.html#game
|
|
- Direkt in die Enzyklopädie: collab_game.html#encyclopedia
|
|
- Direkt ins Preis-Spiel: price_game.html
|
|
|
|
Hinweis:
|
|
`collab_game.html` hat KEINEN alten Startscreen mehr. Es startet direkt per Hash-Route.
|
|
|
|
|
|
Wie die Spiele funktionieren
|
|
----------------------------
|
|
A) Guess the Collab (collab_game.html + app.js + style.css + images/)
|
|
- Frageformat: "Ist das in Fortnite?" mit Realbild.
|
|
- Antwort-Flow: Ja/Nein -> Feedback mit Fortnite-Bild und Infos.
|
|
- Ergebnisseite mit Statistik.
|
|
- Enzyklopädie-Ansicht mit Kategorien/Filter und Detail-Modal.
|
|
- Enzyklopädie-Header hat keinen zusätzlichen Zurück-Button (bewusst entfernt).
|
|
|
|
B) Guess the Price (price_game.html + skins.js)
|
|
- Zeigt zufällige Skins aus SKINS (in skins.js).
|
|
- Antwortbuttons für 500 / 800 / 1200 / 1500 / 2000 V-Bucks.
|
|
- Nach Antwort: Auflösung inkl. Europreis (1000 VB = 8,99 €).
|
|
- Zufall mit Gewichtung:
|
|
- 500 VB: 16%
|
|
- 800/1200/1500/2000 VB: jeweils 21%
|
|
- No-repeat Fenster: Ein bereits gezeigter Skin darf erst nach 50 weiteren wieder auftauchen.
|
|
- "Nächster Skin" ist als fixer Top-Button erreichbar (ohne Scrollen).
|
|
|
|
|
|
Deployment-Hinweis für die "rote Button Unterseite"
|
|
---------------------------------------------------
|
|
Falls diese App in eine bestehende Website eingebaut wird:
|
|
- Lege diesen Ordner als eigenen Unterpfad ab, z. B.:
|
|
/fortnite-experience/
|
|
- Der rote Button der Hauptwebsite soll auf diesen Einstieg zeigen:
|
|
/fortnite-experience/index.html
|
|
|
|
WICHTIG (Relative Pfade):
|
|
- Alle internen Links sind relativ (z. B. collab_game.html, price_game.html, images/...).
|
|
- Deshalb muss die App als kompletter zusammenhängender Ordner deployed werden.
|
|
- Nicht einzelne Dateien aus dem Kontext reißen.
|
|
|
|
|
|
Schnelle Server-Checks nach Upload
|
|
----------------------------------
|
|
Mindestens diese URLs auf HTTP 200 prüfen:
|
|
- /fortnite-experience/index.html
|
|
- /fortnite-experience/collab_game.html#game
|
|
- /fortnite-experience/collab_game.html#encyclopedia
|
|
- /fortnite-experience/price_game.html
|
|
|
|
Manuelle Smoke-Checks:
|
|
1) Von index -> Guess the Collab klickbar
|
|
2) Von index -> Guess the Price klickbar
|
|
3) Enzyklopädie öffnet direkt über #encyclopedia
|
|
4) Bilder in collab_game laden (images/*)
|
|
5) skins.js lädt in price_game
|
|
6) Top-Button "Nächster Skin" erscheint nach jeder Antwort
|
|
|
|
|
|
Nicht anfassen / typische Fehler
|
|
--------------------------------
|
|
- Dateinamen nicht ändern, sonst brechen relative Links.
|
|
- images/ nicht teilweise löschen.
|
|
- skins.js nicht umbenennen.
|
|
- Keine Basis-URL erzwingen, wenn die App im Unterpfad läuft.
|
|
|
|
|
|
Kurzfazit
|
|
---------
|
|
Wenn dieser Ordner 1:1 auf den Server kopiert und über index.html aufgerufen wird,
|
|
ist die App direkt lauffähig.
|