Cursor实践项目-03-增强图片转换gif功能

项目说明

cursor项目实践-03

耗费时间:2小时左右

Cursor使用次数:20次,项目核心功能3次就基本搭建完成,其中15次浪费在支持多语言上。

本项目在原项目的基础上,提供一个类似影视制作软件的图片转GIF工具。用户可以在界面上一行展示所有图片,通过拖拽实现图片排序,并为每张图片单独设置显示时长(秒)。每张图片下方配有字幕输入区,用户可自定义字幕内容,并支持设置字幕的字体、颜色、大小和位置。所有字幕将根据配置自动添加到对应图片上,最终生成带有个性化字幕和时长设置的GIF动画。

很方便的用来制作教程的图片,未来可以考虑编写web服务提供给大家使用。

结果展示

  • 操作界面
enhanceGIF-01
  • 生成gif效果
enhanceGIF-02
  • 6张图片,26秒,360k,效果不错。 enhanceGIF-03

前置准备

  • 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中
cursor-03-1
  1. 根据需求,让cursor开始处理. 生成日期,搭建项目目录,构建项目环境
cursor-03-2
  1. 针对初始实现的功能,提出问题,让cursor进行修改。
    1.增加生成gif图片分辨率的设置。
    2.现在图片压缩算法是否有问题?图片效果变得非常差。
    3.字幕设置未生效,字体非常的小。
    4.你可以先处理字幕,按照水印的方式先加载到图片上,然后再生成gif。
cursor-03-gif-3
  1. 使用git进行版本管理
cursor-03-gif-3
  1. 针对结果进行验证测试

  2. 6张图片,26秒,360k,效果不错。

cursor-03-gif-2