由Gemini 3构建的“复古相机网页应用”开发提示
💡
原文英文，约800词，阅读约需3分钟。
📝
内容提要
本文介绍了一个复古相机网页应用的开发需求，包括视觉布局、相机功能、快门与照片互动、照片弹出与开发动画、拖放照片墙、AI集成与文本互动等功能。该应用使用React和Tailwind CSS等技术栈，旨在提供用户友好的拍照体验和照片管理功能。
🎯
关键要点
-
开发一个复古相机网页应用，使用React和Tailwind CSS技术栈。
-
视觉布局采用复古美学，所有文本使用手写字体。
-
相机功能包括访问用户的网络摄像头，实时视频显示在相机镜头上。
-
快门按钮为不可见的可点击区域，点击时播放快门音效并触发照片弹出动画。
-
生成的照片卡片遵循3:4的纵向长宽比，照片从相机内部向上弹出。
-
用户可以拖动弹出的照片并将其放置在屏幕的任何位置，形成“照片墙”。
-
集成AI生成照片内容的标题，生成的文本语言与用户浏览器语言匹配。
-
照片卡片上悬停时显示工具栏，包括下载和删除按钮。
❓
延伸问答
复古相机网页应用的主要功能是什么？
该应用主要功能包括访问用户的网络摄像头、快门与照片互动、照片弹出动画、拖放照片墙以及AI集成与文本互动。
如何实现照片的弹出动画？
照片的弹出动画是通过将照片从相机内部向上滑动实现的，生成的照片卡片遵循3:4的纵向长宽比。
该应用使用了哪些技术栈？
该应用使用了React和Tailwind CSS等技术栈。
用户如何与照片墙进行互动？
用户可以拖动弹出的照片并将其放置在屏幕的任何位置，形成“照片墙”。
AI集成在应用中有什么作用？
AI集成用于生成照片内容的标题，生成的文本语言与用户浏览器语言匹配。
快门按钮的设计是怎样的？
快门按钮为不可见的可点击区域，点击时播放快门音效并触发照片弹出动画。
➡️
