SeaVerseSeaVerse
🇺🇸English
🇨🇳简体中文
🇨🇳繁體中文
🇯🇵日本語
🇰🇷한국어
🇫🇷Français
🇩🇪Deutsch
🇵🇹Português
🇷🇺Русский
🇸🇦العربية
🇮🇳हिन्दी
🇮🇩Bahasa Indonesia

心情花园

做一个手机竖屏 H5 应用《Mood Garden》,目标是实现“治愈系心情日记花园”的同类体验:上方极简标题 + 中部半透明叠层油画花朵 + 下方圆角白色图表卡片(散点/曲线)+ 右侧 NOW 竖虚线 + 底部大按钮 “Mood Bloom”。整体视觉走莫兰迪低饱和 + 油画颗粒 + 纸张纹理 + 大留白 + 轻柔动效。 1) 设备与布局(必须是 H5) 以 iPhone 竖屏为基准(375×812),适配 safe-area(刘海/底部条) 全局居中内容区:max-width: 420px; width: calc(100vw - 32px); margin: 0 auto; 背景铺满全屏:柔雾渐变 + 极淡纸张纹理噪点 页面结构从上到下四段: Header:标题 + 副标题 + 右上角小菜单图标 Flower:大花朵居中(占屏幕约 35–40% 高度) ChartCard:图表卡片(占屏幕约 22–26% 高度) CTA:底部大圆角按钮(占屏幕约 10–12% 高度) 2) 数据与坐标(必须) 24 小时制:X 轴 00:00–24:00 每小时可记录(0–23 共 24 个小时) Y 轴为心情值 1–5(1 最低落,5 最开心) 每条记录:hour、mood、note(可选<=50字)、updatedAt 存储:localStorage 按日期 mood_garden_YYYY-MM-DD,刷新不丢 3) 图表卡片(必须做出“参考那种红框效果”) 白色圆角卡片:圆角 22–28,阴影非常轻,像纸卡浮起 卡片内背景:淡虚线网格(极淡) 散点:小圆点半透明;有记录的点为实心,无记录为空心/更淡 连接线:允许用非常细的淡线把有记录的点连起来(可开关) NOW 指示: 一条竖向虚线代表当前时间(支持分钟,位置可以在两小时之间) 顶部显示 “NOW” 当前时间附近的点高亮(柔光 halo) X 轴最少标注:00:00 / 06:00 / 12:00 / 18:00 / 24:00(24小时制) 4) 交互(必须触摸友好) 点击任意小时点:弹出记录面板(底部抽屉 or 中央卡片) 选择心情 1–5(用 5 个莫兰迪色块 + 极简表情符号) 可选输入 note 保存后点位立即更新,并播放轻微“点出现”动画(opacity + scale) 支持拖动时间指示器(knob)沿 X 轴移动: 拖动时显示当前小时浮层提示(时间 + 当前心情) 松开可一键记录该小时(或点击“保存”) 5) 花朵主视觉(必须原创但同类质感) 生成一朵“半透明叠层花瓣”的油画质感花朵(不要复刻具体花形) 花朵随心情变化(以“当天平均心情”或“最近一次记录心情”为主): mood=1:花瓣少、略下垂、更灰 mood=3:正常 mood=5:更盛放、叠层更多、花心更亮、极淡柔光 动效: idle:呼吸缩放 1.00↔1.03,2.5–4s,轻微摆动 保存心情:Bloom 动画(花瓣展开+亮度提升 400–700ms)后回到 idle 6) 底部按钮与文案(治愈口吻) 按钮文字:Mood Bloom 记录面板标题:“这一小时,你感觉如何?” note placeholder:“写一句小小的心事…” 7) 输出要求(必须) 输出完整可运行 H5 代码(HTML/CSS/JS 或 React) 图表优先用 SVG(更清晰、更像参考) 所有颜色给出一套莫兰迪色板(至少 5 主色 + 5 中性色) 保证性能:动画低频,避免重渲染;移动端不卡顿

Milo
Milo
Creador

Recomendado

10 aplicaciones
Relocate AI test v0.3 alfa osnov9 preview
Relocate AI test v0.3 alfa osnov9
Relocate AI test v0.3 alfa 2
Interactive Story Creation - Director Mode preview
Interactive Story Creation - Director Mode
📖 How to Create Your Story You are the Director: Give plot commands like "Let Kumamon enter a cafe" or "Add a street performer" AI is the Narrator: Will write 100-200 word story paragraphs based on your commands Not role-playing: You control the plot direction, not act as a character Example commands: "Kumamon discovers a festival", "Add tourists taking photos", "Let him try street food"
I want to make a jigsaw puzzle game preview
I want to make a jigsaw puzzle game
jigsaw puzzle game
Scam call preview
Scam call
[Warning] Do not trust anyone
多邻国 preview
多邻国
制作一个游戏化的语言学习 App,游戏所有题目从不同出题库中选择 默认语言为英语,初始进入时选择界面语言,再选择要学习的语言 1. 学习主线(Learning Path) 形式:地图式关卡推进(节点制) 单元(Unit)→ 课节(Lesson)→ 题目 线性主线 + 少量分支 解锁机制(完成前置关卡) 关卡类型: 单词选择 听音选词 看图选词 2. XP 与等级系统 每题给予 XP 每日 XP 目标(如 10 / 30 / 50) 升级解锁内容(新单元 / 装饰) 强化反馈: 数字跳动 粒子动画 音效 3. 连续打卡(Streak) 连续学习天数显示 Streak 断裂强烈反馈 道具保护(冻结卡) Streak 是整个产品最重要的心理锚点 4. 生命值系统(Hearts) 错题消耗生命 生命耗尽需等待 / 练习恢复 高级版可取消限制 目的: 增加紧张感 控制学习节奏 5. 每日任务 & 成就 今日目标 连续正确 X 题 完成一整单元 成就类型: 累计学习天数 累计单词数 特殊挑战 6. 复习系统(遗忘曲线) 错题自动进入复习池 定期推送“弱项复习” 与主线 XP 体系绑定 7. 商业化(可选) 订阅制(去广告 / 无限生命) 装饰性道具(头像、皮肤) 学习报告 三、信息架构(IA) 底部 Tab Bar: 🗺️ 学习 🏆 排行 / 成就 ➕ 练习 🔔 任务 👤 我的 四、UI 设计方案(偏多邻国风格) 1. 整体风格 明亮 卡通扁平 大圆角 强对比色 主色建议: 绿色(成长 / 正确) 红色(错误) 黄色(奖励) 2. 核心页面 UI 说明 1️⃣ 首页(学习地图) 垂直路径 圆形关卡节点 当前关卡高亮 + 呼吸动画 ○──○──●──🔒 ↑ 当前 2️⃣ 题目页(核心体验) 布局结构: 顶部:进度条 + 生命 中部:题目(图 / 文 / 音) 底部:选项按钮(大按钮) 按钮规则: 正确 → 绿色 + 动画 错误 → 红色 + 震动 3️⃣ 结果反馈页 大图标(✔ / ✖) XP 数字跳动 简短鼓励文案 4️⃣ Streak 页面 大数字天数 火焰动画 今日是否完成清晰提示 5️⃣ 我的页面 当前等级 学习统计 设置 / 订阅入口
肖像评分大师v1 preview
肖像评分大师v1
上传肖像图 随机一位大师为你评分,并给出建议
Interactive Fiction preview
Interactive Fiction
Interactive Fiction
Granny's Tofu: Fermented Fun preview
Granny's Tofu: Fermented Fun
Step into the world of traditional Chinese culinary craftsmanship with Granny’s Tofu: Fermented Fun. From the satisfying slicing of fresh tofu to the vibrant dusting of spicy seasonings, this simulation game brings the soulful process of making "Mouldy Tofu" (霉豆腐) right to your fingertips.
Scam call preview
Scam call
[Warning] Do not trust anyone
Bruno’s Music Studio preview
Bruno’s Music Studio
Bruno’s Music Studio is an AI-powered music generator that lets you create original songs in the iconic style of Bruno Mars. Just type a prompt, choose a vibe, and watch your idea turn into a full track in seconds—pop, funk, R&B, retro, or modern hits, all in one place. Whether you want a smooth love song, an upbeat party anthem, or a chill groove, Bruno’s Music Studio can generate any song style inspired by Bruno Mars. Preview your track, fine-tune the mood, tempo, or energy, and export your music instantly. Perfect for creators, musicians, and fans, Bruno’s Music Studio turns your words into music—fast, fun, and endlessly creative.