first commit

screens/animations/add_animation_clip.py

@@ -0,0 +1,37 @@
+import json
+
+import db
+
+from .ensure_animation_schema import ensure_animation_schema
+
+# Point de départ raisonnable pour un nouveau clip "personnalisé" : un
+# fondu simple de 0 à 1, que le créateur du jeu peut ensuite modifier ou
+# remplacer entièrement dans l'éditeur de images-clés.
+_DEFAULT_CUSTOM_KEYFRAMES = [
+    {"percent": 0, "props": {"opacity": "0"}},
+    {"percent": 100, "props": {"opacity": "1"}},
+]
+
+
+def add_animation_clip(slug, screen_id, element_id, kind="animate_css", animate_name=None,
+                        custom_keyframes=None, start_time=0, duration=1, delay=0,
+                        easing="ease", iteration_count="1"):
+    ensure_animation_schema(slug)
+    if kind == "custom" and not custom_keyframes:
+        custom_keyframes = _DEFAULT_CUSTOM_KEYFRAMES
+    if kind == "animate_css" and not animate_name:
+        animate_name = "fadeIn"
+    keyframes_json = json.dumps(custom_keyframes) if custom_keyframes else None
+    conn = db.connect(slug)
+    conn.execute(
+        """INSERT INTO _animation_clips
+           (screen_id, element_id, kind, animate_name, custom_keyframes,
+            start_time, duration, delay, easing, iteration_count)
+           VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?, ?)""",
+        (screen_id, element_id, kind, animate_name, keyframes_json,
+         float(start_time), float(duration), float(delay), easing, str(iteration_count)),
+    )
+    clip_id = conn.execute("SELECT last_insert_rowid() AS id").fetchone()["id"]
+    conn.commit()
+    conn.close()
+    return clip_id

screens/animations/animate_css_catalog.py

@@ -0,0 +1,76 @@
+# Catalogue des animations de la bibliothèque Animate.css (v4), chargée
+# depuis un CDN dans l'éditeur et en mode jouable (voir extra_head de
+# screen_edit.html et le <head> de play.html) — chaque entrée correspond
+# exactement à une classe "animate__xxx" fournie par la bibliothèque, posée
+# telle quelle sur l'élément ciblé (voir applyAnimationClip() dans
+# templates/play.html). Regroupées par catégorie pour un menu déroulant
+# plus lisible que 80 entrées à plat.
+ANIMATE_CSS_CATALOG = [
+    ("Attirer l'attention", [
+        ("bounce", "Rebond"), ("flash", "Flash"), ("pulse", "Pulsation"),
+        ("rubberBand", "Élastique"), ("shakeX", "Secousse horizontale"),
+        ("shakeY", "Secousse verticale"), ("headShake", "Hoche la tête"),
+        ("swing", "Balancement"), ("tada", "Tada"), ("wobble", "Vacillement"),
+        ("jello", "Gélatine"), ("heartBeat", "Battement de cœur"),
+    ]),
+    ("Entrée — fondu", [
+        ("fadeIn", "Apparition"), ("fadeInDown", "Apparition depuis le haut"),
+        ("fadeInLeft", "Apparition depuis la gauche"), ("fadeInRight", "Apparition depuis la droite"),
+        ("fadeInUp", "Apparition depuis le bas"),
+    ]),
+    ("Sortie — fondu", [
+        ("fadeOut", "Disparition"), ("fadeOutDown", "Disparition vers le bas"),
+        ("fadeOutLeft", "Disparition vers la gauche"), ("fadeOutRight", "Disparition vers la droite"),
+        ("fadeOutUp", "Disparition vers le haut"),
+    ]),
+    ("Entrée — rebond", [
+        ("bounceIn", "Rebond entrant"), ("bounceInDown", "Rebond depuis le haut"),
+        ("bounceInLeft", "Rebond depuis la gauche"), ("bounceInRight", "Rebond depuis la droite"),
+        ("bounceInUp", "Rebond depuis le bas"),
+    ]),
+    ("Sortie — rebond", [
+        ("bounceOut", "Rebond sortant"), ("bounceOutDown", "Rebond vers le bas"),
+        ("bounceOutLeft", "Rebond vers la gauche"), ("bounceOutRight", "Rebond vers la droite"),
+        ("bounceOutUp", "Rebond vers le haut"),
+    ]),
+    ("Entrée — glissement", [
+        ("slideInDown", "Glisse depuis le haut"), ("slideInLeft", "Glisse depuis la gauche"),
+        ("slideInRight", "Glisse depuis la droite"), ("slideInUp", "Glisse depuis le bas"),
+    ]),
+    ("Sortie — glissement", [
+        ("slideOutDown", "Glisse vers le bas"), ("slideOutLeft", "Glisse vers la gauche"),
+        ("slideOutRight", "Glisse vers la droite"), ("slideOutUp", "Glisse vers le haut"),
+    ]),
+    ("Entrée — zoom", [
+        ("zoomIn", "Zoom entrant"), ("zoomInDown", "Zoom depuis le haut"),
+        ("zoomInLeft", "Zoom depuis la gauche"), ("zoomInRight", "Zoom depuis la droite"),
+        ("zoomInUp", "Zoom depuis le bas"),
+    ]),
+    ("Sortie — zoom", [
+        ("zoomOut", "Zoom sortant"), ("zoomOutDown", "Zoom vers le bas"),
+        ("zoomOutLeft", "Zoom vers la gauche"), ("zoomOutRight", "Zoom vers la droite"),
+        ("zoomOutUp", "Zoom vers le haut"),
+    ]),
+    ("Rotation", [
+        ("rotateIn", "Rotation entrante"), ("rotateOut", "Rotation sortante"),
+        ("rotateInDownLeft", "Rotation depuis haut-gauche"), ("rotateInDownRight", "Rotation depuis haut-droite"),
+        ("rotateInUpLeft", "Rotation depuis bas-gauche"), ("rotateInUpRight", "Rotation depuis bas-droite"),
+    ]),
+    ("Retournement", [
+        ("flip", "Retournement"), ("flipInX", "Retournement horizontal entrant"),
+        ("flipInY", "Retournement vertical entrant"), ("flipOutX", "Retournement horizontal sortant"),
+        ("flipOutY", "Retournement vertical sortant"),
+    ]),
+    ("Vitesse lumière", [
+        ("lightSpeedInRight", "Entrée vitesse lumière — droite"), ("lightSpeedInLeft", "Entrée vitesse lumière — gauche"),
+        ("lightSpeedOutRight", "Sortie vitesse lumière — droite"), ("lightSpeedOutLeft", "Sortie vitesse lumière — gauche"),
+    ]),
+    ("Spéciales", [
+        ("jackInTheBox", "Boîte à surprise"), ("rollIn", "Roule à l'entrée"), ("rollOut", "Roule à la sortie"),
+        ("backInDown", "Recul entrant — haut"), ("backInUp", "Recul entrant — bas"),
+        ("backOutDown", "Recul sortant — bas"), ("backOutUp", "Recul sortant — haut"),
+    ]),
+]
+
+# Map key -> label, pour l'affichage côté éditeur (nom du nœud, etc.).
+ANIMATE_CSS_LABELS = {key: label for _cat, items in ANIMATE_CSS_CATALOG for key, label in items}

screens/animations/delete_animation_clip.py

@@ -0,0 +1,8 @@
+import db
+
+
+def delete_animation_clip(slug, clip_id):
+    conn = db.connect(slug)
+    conn.execute("DELETE FROM _animation_clips WHERE id = ?", (clip_id,))
+    conn.commit()
+    conn.close()

screens/animations/ensure_animation_schema.py

@@ -0,0 +1,29 @@
+import db
+
+
+def ensure_animation_schema(slug):
+    """Crée la table des clips d'animation si elle n'existe pas encore —
+    même principe que ensure_flow_schema.py : un jeu créé avant l'ajout de
+    cette fonctionnalité n'a pas besoin d'être migré à la main, la première
+    ouverture du panneau timeline suffit."""
+    conn = db.connect(slug)
+    conn.executescript(
+        """
+        CREATE TABLE IF NOT EXISTS _animation_clips (
+            id INTEGER PRIMARY KEY AUTOINCREMENT,
+            screen_id INTEGER NOT NULL REFERENCES _screens(id) ON DELETE CASCADE,
+            element_id INTEGER NOT NULL REFERENCES _screen_elements(id) ON DELETE CASCADE,
+            kind TEXT NOT NULL DEFAULT 'animate_css',
+            animate_name TEXT,
+            custom_keyframes TEXT,
+            start_time REAL NOT NULL DEFAULT 0,
+            duration REAL NOT NULL DEFAULT 1,
+            delay REAL NOT NULL DEFAULT 0,
+            easing TEXT NOT NULL DEFAULT 'ease',
+            iteration_count TEXT NOT NULL DEFAULT '1',
+            created_at TEXT DEFAULT CURRENT_TIMESTAMP
+        );
+        """
+    )
+    conn.commit()
+    conn.close()

screens/animations/get_animation_clip.py

@@ -0,0 +1,11 @@
+import db
+
+from .ensure_animation_schema import ensure_animation_schema
+
+
+def get_animation_clip(slug, clip_id):
+    ensure_animation_schema(slug)
+    conn = db.connect(slug)
+    row = conn.execute("SELECT * FROM _animation_clips WHERE id = ?", (clip_id,)).fetchone()
+    conn.close()
+    return dict(row) if row else None

screens/animations/list_animation_clips.py

@@ -0,0 +1,13 @@
+import db
+
+from .ensure_animation_schema import ensure_animation_schema
+
+
+def list_animation_clips(slug, screen_id):
+    ensure_animation_schema(slug)
+    conn = db.connect(slug)
+    rows = conn.execute(
+        "SELECT * FROM _animation_clips WHERE screen_id = ? ORDER BY start_time, id", (screen_id,)
+    ).fetchall()
+    conn.close()
+    return [dict(r) for r in rows]

screens/animations/update_animation_clip.py

@@ -0,0 +1,33 @@
+import json
+
+import db
+
+from .ensure_animation_schema import ensure_animation_schema
+
+# Champs modifiables après création — le déplacement/redimensionnement à la
+# souris dans le panneau timeline n'envoie que start_time/duration, le
+# formulaire d'édition du clip peut envoyer n'importe lequel des autres.
+_UPDATABLE_FIELDS = {
+    "kind", "animate_name", "start_time", "duration", "delay", "easing", "iteration_count",
+}
+
+
+def update_animation_clip(slug, clip_id, **fields):
+    ensure_animation_schema(slug)
+    sets, vals = [], []
+    for key, value in fields.items():
+        if key == "custom_keyframes":
+            sets.append("custom_keyframes = ?")
+            vals.append(json.dumps(value) if value else None)
+        elif key in _UPDATABLE_FIELDS and value is not None:
+            if key in ("start_time", "duration", "delay"):
+                value = float(value)
+            sets.append(f"{key} = ?")
+            vals.append(value)
+    if not sets:
+        return
+    vals.append(clip_id)
+    conn = db.connect(slug)
+    conn.execute(f"UPDATE _animation_clips SET {', '.join(sets)} WHERE id = ?", vals)
+    conn.commit()
+    conn.close()