Cursor Praxisprojekt-03 - Erweiterte Bild-zu-GIF-Funktionalität

Projektbeschreibung

Cursor Praxisprojekt-03

Zeitaufwand: Ca. 2 Stunden

Cursor-Nutzung: 20 Mal, die Kernfunktionen des Projekts waren nach 3 Mal grundsätzlich implementiert, davon wurden 15 Mal für die Mehrsprachenunterstützung verschwendet.

Dieses Projekt baut auf dem ursprünglichen Projekt auf und bietet ein Bild-zu-GIF-Tool ähnlich einer Videobearbeitungssoftware. Benutzer können alle Bilder in einer Zeile anzeigen lassen, durch Drag-and-Drop sortieren und für jedes Bild individuell die Anzeigedauer (in Sekunden) einstellen. Unter jedem Bild befindet sich ein Eingabebereich für Untertitel, wo Benutzer benutzerdefinierte Untertitel eingeben können, einschließlich Einstellungen für Schriftart, Farbe, Größe und Position. Alle Untertitel werden automatisch entsprechend den Einstellungen zu den jeweiligen Bildern hinzugefügt, und schließlich wird eine GIF-Animation mit personalisierten Untertiteln und Zeiteinstellungen generiert.

Sehr praktisch für die Erstellung von Tutorial-Bildern. Zukünftig könnte ein Webdienst entwickelt werden, um dies allen zur Verfügung zu stellen.

Ergebnispräsentation

• Bedienoberfläche

• Generiertes GIF

• 6 Bilder, 26 Sekunden, 360k, gute Qualität.

Vorbereitung

• Cursor

  • Version: 1.2.4
  • Cursor-Regeln: Cursor Rules
  • Agent: claude-4-sonnet-thinking

• Gesamtprozess

  • Cursor-Regeln festlegen -> Anforderungen beschreiben -> Cursor-Codierung -> Git-Versionsverwaltung -> Debugging und Ausgabe

Problemprotokoll

1. Problem 1: Der Wunsch nach Mehrsprachenunterstützung zwischendurch verursachte viele Probleme und verschwendete über 10 Interaktionen.

   • Lösung: Wenn Mehrsprachenunterstützung gewünscht ist, sollte dies bereits in der Architektur berücksichtigt werden. Nachträgliche Änderungen sind sehr komplex.

2. Problem 2: Probleme mit chinesischen Schriftzeichen in Untertiteln

   • Screenshot machen, an Cursor übermitteln, Problem beschreiben, und es wird gelöst.

Erfahrungsbericht

1. Bei Verwendung von Python müssen in den Regeln virtuelle Umgebungen eingerichtet werden. Arbeiten in der virtuellen Umgebung verhindert Konflikte.
2. Mehrsprachenunterstützung muss von Anfang an in der Architektur berücksichtigt werden, nachträgliche Änderungen sind sehr komplex.

Detaillierte Projektschritte

1. Anforderungen analysieren und neue Anforderungen in pj-requirement.md hinzufügen

2. Basierend auf den Anforderungen mit der Cursor-Verarbeitung beginnen. Datum generieren, Projektverzeichnis erstellen, Projektumgebung aufbauen.

3. Für die initial implementierten Funktionen Fragen stellen und Cursor Änderungen vornehmen lassen.

    1. Einstellung der GIF-Bildauflösung hinzufügen.
    2. Gibt es Probleme mit dem aktuellen Bildkomprimierungsalgorithmus? Die Bildqualität ist sehr schlecht geworden.
    3. Untertiteleinstellungen werden nicht übernommen, die Schrift ist sehr klein.
    4. Zuerst die Untertitel bearbeiten, als Wasserzeichen auf die Bilder laden, dann das GIF generieren.

4. Git für Versionsverwaltung nutzen

5. Ergebnisse verifizieren und testen

6. 6 Bilder, 26 Sekunden, 360k, gute Qualität.