😳 前天在一个 吹水群 里看到有人发了这样一个图片：
😅 定睛一看，确实有3D效果，就是看了一会儿有点眼花头晕...
😆 外行看热闹，内行看门道，直接把图丢给设计师老婆，问下什么原理：
"强对比色 "，一语道破，这就叫做 专业 ❗️，接着搜 "强对比色实现裸眼3D"，了解清楚具体玩法：
- 通过极端颜色产生强烈对比，从而制造出3D效果。
- 背景层颜色 ：选择 波长短、纯度高、明度较低 的颜色。如：黄色虽然好看，但上层很难再亮过它，裸眼3D效果会差一些。
- 背景层文字颜色：用深于背景色的同色系颜色，这样对比会更强烈。
- 高斯模糊：用上效果更佳，半径设置在1.0到3.0像素之间。
- 背景层素材：建议用粗体字和颜色面积大的素材，层次感会更强。
- 上层字体和素材颜色：波长长、纯度高、明度高的颜色，可以添加一个正片叠底的投影 (自由选择位移或高斯模糊)。
- 克莱因蓝做背景 +洋红 做上层线条效果最好，小屏幕 显示效果会更明显。
🐶 弄懂了原理，赶紧群里装波比~
😏 既然选择了装比，那就要执行到底，原理既然不复杂，那就让 Trae 来实现一波 (😐 600次才用了100次不到，不用到时过期浪费)。😆 昨晚临近下班没活，立马开启嘴遁模式，先随便写下提示词，看下生成效果：
Trae 输出：
😳 真就直接给我做出来了，不过没啥交互，写提示词加下可选的交互：
Trae 输出：
🤡 这里我说错了，其实只需要设置三种颜色：
Trae 输出：
基本能用了，接着就是各种细节调整 (🐶 文字点击交互 调了好几次，最后凑合能用)，提示词：
md
背景文字没有显示出来
调整一下交互，我希望点击能直接选中文字，然后可以直接拖拽或者删除
我希望点击文字后直接出现一个框框包住文字区域，
然后支持缩放文字，旋转，以及挪动位置
文字区域的判断有问题，点击文字的很下方才能选中文字，
而且选中文字后，虽然出现虚线边框，但是没法进行缩放和旋转操作
判断焦点还是有问题，鼠标处于文字正上方，点击还是不能选中，
然后文字缩放和旋转太难点到调整的点进行调整
你修改后背景文字容易选中了一些，前景文字焦点还是偏下，然后缩放和旋转还是不太好使，
请再优化一下，右上角老弹出那个选中文字XXX，给我删掉
选中图片后的交互有问题，应该是选中文字后，按住这个圆点，然后旋转的。
还有调整文字大小触发的焦点是在小方格里的
改下页面结构，预览效果在右侧固定，左侧是操作栏接着有点UI显示的问题，直接截图标注，让Trae改：帮我改下图中标注的三个错误
其它 UI调整 & 支持字体切换：
md
画布尺寸支持的有点少，我希望默认支持：
16:9、4:3、3:4、9:16，以及自定义宽高
我希望你直接提供比例选择，然后尺寸尽量小一些(屏幕能显示全)，
如9:16的尺寸为360x640
点击重置按钮应该设置使用这组原色：背景颜色#0500FB、
背景文字颜色#020F5F、前景文字颜色#FE0191
文字管理这里，感觉太拥挤了，而且我希望添加"字体切换"的选项，
提供一个免费好看的可商用开源字体供用户选择
试了下切换字体，并没有生效初始状态搞几个随机分布的文字：
md
开头默认显示的文字数量改一下：背景："JueJin",
"Vibe Coding"，前景："Trae","掘金MCP"，然后位置和大小随机，
但要全部显示在画布内，开始默认画布尺寸为9:16
再修改下逻辑吧，改为从 "JueJin", "Vibe Coding"，"Trae"，
"掘金MCP" 中随机生成8个前景和背景文字😄 本地预览效果还行，接着切Agent → Builder with MCP：
💁♂️ 打开预览链接，填下上面生成的 "吸睛描述"，直接发布，就可以访问啦~
👏 效果还是很赞的，左下角还支持 下载图片 ，🤣 感兴趣的读者可以尝试体验一波。🐶 另外，发现 js代码文件超过1000行，Trae 读起来就费劲了 (都是100-200行分段读)，然后一些小错误改了十几遍都改不好 (🙂比如：判断条件加个简单的或 || xxx == yyy ，就能解决)，😶 一时不知道是 Claude 临时降智，还是因为它的 上下文容量的限制 ，代码太长用 Cluade 对话多次都不能解决，建议可以切换成 上下文更大的 Gemini 2.5 Pro，效果可能会更好。🤷♀️ 还有，多轮对话超过5轮建议新开一个会话~