Cursor實踐專案-03-增強圖片轉換gif功能

專案說明

cursor專案實踐-03

耗費時間：2小時左右

Cursor使用次數：20次，專案核心功能3次就基本搭建完成，其中15次浪費在支援多語言上。

本專案在原專案的基礎上，提供一個類似影視製作軟體的圖片轉GIF工具。使用者可以在介面上一行展示所有圖片，透過拖曳實現圖片排序，並為每張圖片單獨設定顯示時長（秒）。每張圖片下方配有字幕輸入區，使用者可自訂字幕內容，並支援設定字幕的字體、顏色、大小和位置。所有字幕將根據配置自動添加到對應圖片上，最終生成帶有個性化字幕和時長設定的GIF動畫。

很方便的用來製作教學的圖片，未來可以考慮編寫web服務提供給大家使用。

結果展示

• 操作介面

• 生成gif效果

• 6張圖片，26秒，360k，效果不錯。

前置準備

• Cursor

  • 版本：1.2.4
  • cursor rules : Cursor Rules
  • agent: claude-4-sonnet-thinking

• 整體流程

  • 設定cursor規則->描述需求->cursor編碼->git版本管理->偵錯輸出

問題記錄

1. 問題1：中途想要支援多語言，帶來了非常多的問題，浪費互動次數10多次才搞定，

   • 解決：如果要支援多語言，在架構上就先考慮支援。後續修改會非常複雜

2. 問題2：字幕的漢字支援問題

   • 截圖，提交個cursor，說明問題，即可解決

使用心得

1. 使用python，rules中設定規則，必須先安裝虛擬環境。進入虛擬環境進行操作，防止環境衝突
2. 如果要支援多語言，在初始架構上就必須考慮清楚，後續修改會非常複雜。

專案詳細步驟

1. 梳理需求，增加新需求到pj-requirement.md中

2. 根據需求，讓cursor開始處理. 生成日期，搭建專案目錄，構建專案環境

3. 針對初始實現的功能，提出問題，讓cursor進行修改。

    1.增加生成gif圖片解析度的設定。
    2.現在圖片壓縮演算法是否有問題？圖片效果變得非常差。
    3.字幕設定未生效，字體非常的小。
    4.你可以先處理字幕，按照浮水印的方式先載入到圖片上，然後再生成gif。

4. 使用git進行版本管理

5. 針對結果進行驗證測試

6. 6張圖片，26秒，360k，效果不錯。