一天搞定了一个交互产品:Cursor + Processing(实操)
近几个月,Cursor 非常火,其产品公司获得了 a16z、OpenAI 初创基金超 6000 万美元融资,目前估值达到 4 亿美元,过去一年多已获得数千名注册用户,包括 OpenAI、Midjourney 和 Perplexity 等公司用户,其谷歌搜索量呈指数级增长,热度一度超越老牌 AI 代码助手 GitHub Copilot。 Cursor 对提升编程效率有很大帮助: – 它能根据上下文精准预测并自动完成代码,加快编写速度; – 可通过自然语言指令快速执行复杂编程任务; – 还能智能分析代码,识别错误并给出修复建议,提高代码准确性; – 此外,其光标位置预测和多行编辑功能可节省时间,代码库索引及聊天功能有助于快速获取方案和进行代码审查,让编程更高效 既然风刮得这么大,那我们也来试试,看看究竟有多好用。
01 开发案例剖析
左滑查看更多效果
这是我花一天上班时间用cursor协助开发的一个互动产品项目。它主要的功能包括:三维流体干冰shader互动效果,背景彩色渐变,激光雷达tuio多点信号处理。
制作步骤大体分为3个步骤
1.1 转写干冰shader植入到processing中
这一步的教训是当时的rules规则里“总体功能框架优先构建”这点实际很不合理,导致cursor把参考代码中和后续步骤相关的功能也擅自提前引入,造成混乱,浪费了不少时间。shader参考链接:https://www.shadertoy.com/view/WlVyRV
1.2、合写tuio功能
这次我直接给了一份功能干净的tuio代码资料,但是在合写时,cursor还是出现了常见的遗漏问题,教训是简单直接的功能不如自己动手。
1.3、干冰shader调整等和互动关联
背景加渐变色动态,加鼠标互动,关联tuio多点互动,调整干冰厚度等,这几个点的处理都比较顺畅,经验是让它先去理解找到相关位置,再尝试调整和修改,不然直接去改很容易出现错乱。
02 十条经验总结
2.1 基础操作和设置
参考文章:2024年9月Cursor 使用教程,超详细攻略高效使用AI编程工具Cursor实用教程
2.2 关于ai rules
这里要填写的要点是要把自己常用的语言,项目文件层级结构,自己的编程习惯等等尽量说清楚,公众号后台发送“cursor”会自动回复我的模板分享。
2.3 项目管理
每个项目的内容放在同一个文件夹,选定文件夹以后,开始对话,这个对话就始终是围绕这个项目的。
2.4 对话要点
项目需求对齐。一个项目的对话刚开始的时候就要把开发的最终目标和功能概要,以及总体步骤给到cursor。
2.5 对话要点
准备资料。给出指令时,提供准确的资料同时要求cursor反馈它缺失的信息。
2.6 debug要点
先减再加。cursor有时会引入超过指令范畴的参考内容造成bug,这时需要先提炼参考内容中需要的部分,自己删或者让ai简化都可以,独立功能测试通过后,再作为参考内容引用给cursor。
2.7 debug要点
先理解再解决。cursor的回复有时也会遗漏一些部分,并且经常会回复错误的内容。这时可以让cursor先去理解,让它先标出所有和当前指令相关的地方,自己检查一遍,确保它没漏什么,再让它改,成功率就会高很多。
2.8 debug要点
工具代码。对于个别不便在项目工程代码上常规调试的功能,可以让cursor生成一个单独小巧的测试代码,亲测好用,30分钟的工作量1分钟搞定。
2.9 编程习惯
保持简洁,每推进几步以后让cursor整理优化一遍代码。
2.10 编程习惯
注意存档,以免整体混乱到代码滚不回去了。毕竟ai和人类都有放飞的时候。
03 个性化迭代ai rules/promp
3.1 在有推进后,可以让cursor根据对话历史总结一下沟通存在的问题并给出建议,一方面不断调整完善rules,适应你自己的思路。一方面也优化自己的指令效率。
3.2 我自己用的ai rules和沟通技巧总结分享会放在我们的公众号“云岸互动”,后台发送cursor或ai编程或rules或prompt将自动回复,随着后面ai协作开发项目的积累我也会不定期更新这条分享的内容。
04 关于效率优化
目前,从我的使用感受来说就是ai真的能帮上忙了,但是架构,思路,捉虫这些还是要靠自己的经验。
提升效率方面,我认为个性化的双向迭代(也就是彼此的沟通规范rules优化)是非常有助于提高合作效率的,预期目标是用ai编程让项目开发的时间和精力都缩减到20%左右。
总结来说,一天一个项目,可行,但提供高质量的资料文件和一定的编程经验也是必不可少的。这需要自己有一定的代码积累,日常注意收集整理好的功能代码,顺便说一下我们公众号上经常有processing代码分享。
出处:微信公众号 @云岸互动