Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen der Seite angezeigt.

--- talit:python_advanced_problems [2024-12-16 12:33] – [6. Winter Wonderland Christmas Game] sca
+++ talit:python_advanced_problems [2025-01-13 10:16] (aktuell) – [8. Web Game of Life mit Flask] sca
@@ Zeile 491: / Zeile 491: @@
    * Santa der mit Schlitten quer durch den Bildschirm reitet
    * Power-Ups
-   * Eigene Ideen, sei kreativ.
+   * Animationen, z.B. wenn Bombe explodiert, ...
+   * Musik & SFX
+   * Eigene Ideen, sei kreativ!
 Anforderungen Programmieren:
@@ Zeile 500: / Zeile 502: @@
 {{:talit:winterwonderland.png?200|}} {{:talit:snowflake.png?100|}} {{:talit:present.png?100|}}
+===== - Flask-Tutorial =====
+Erstelle mit Flask eine einfache Website mit folgenden Features:
+. **Clicker:** Programmiere (nicht serverseitig) einen Counter. Jedes Mal wenn ein Button gedrückt wird, erhöht sich dieser um 1.
+. **Zufallszahl:** Auf Knopfdruck wird eine Zufallszahl angezeigt. Diese wird serverseitig erzeugt.
+. **Encryption:** In Textfeld kann Text eingegeben werden. Dieser wird in real time (also direkt mit Eingabe) serverseitig verschlüsselt. Verwende dazu einen Algorithmus, denn du im Grundlagenfach bereits programmiert hast (Cäsar, Vigenere, ...). Der verschlüsselte Text wird dann immer gleich angezeigt.
+. **Automatisierter Counter** oder automatisierte Zufallszahl: Jede Sekunde soll der Wert neu gesetzt werden. Syntax:<WRAP>
+<code javascript>
+async function loop() {
+    while (true) {
+        // <code that gets executed before the wait>
+        await new Promise(resolve => setTimeout(resolve, 1000)); // Sleep for 1 second (1000 milliseconds)
+        // <code that gets executed after the wait>
+    }
+}
+loop()
+</code>
+</WRAP>
+Nützliche Links:
+   * [[talit:flask_webserver]]
+   * [[gf_informatik:web_sca:websites]]
+   * [[informatik:website_with_js]]
+   * [[informatik:javascript_cheat_sheet]]
+===== - Web Game of Life mit Flask =====
+   * Programmiere eine Web-Version des Game of Life mit Flask.
+   * Verwende dazu dein bereits vorhandenes Game of Life Model.
+   * Jede Sekunde (oder so) soll das Frontend (JS) den Zustand der nächsten Iteration vom Backend (Flask) verlangen.
+   * Sobald das Frontend diesen (in Form eines Dicts) erhalten hat, soll diese angezeigt werden -> View
+   * Tipp: Für die View kann man z.B. ein [[gf_informatik:web_sca:websites#optionale_theorieresponsive_layout_mit_grid|Grid]] verwenden.