SeaVerseSeaVerse
🇺🇸English
🇨🇳简体中文
🇨🇳繁體中文
🇯🇵日本語
🇰🇷한국어
🇪🇸Español
🇫🇷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
المبدع

موصى به

9 تطبيقات
SCP monitoring preview
SCP monitoring
我要制作一个视频驱动的剧情游戏,scp基金会的主题 监控视频风格+第一视角dv机风格 监控视频风格提示词:Security camera surveillance footage, dark library interior at night, grainy black and white feed, timestamp visible, eerie atmosphere, static camera angle, mysterious presence 使用模型:viduQ2 使用参考图片:等我上传给你 核心SCP设定:不能理解的生物,怪物,梦核,心理恐怖等 这是一个SCP基金会监控的第一视角 你熟知scp的设定吗?我可以给你发送一些scp的档案 CCTV 视频资产表(V0–V19 + END) 总计:22 条视频 第一阶段:异常出现(V0–V6) 【V0】外围走廊 内容:空走廊,红灯闪,远处门半开 吓点:第 7 秒,SCP-173 出现在画面边缘一帧 【V1】入口交叉口 吓点:SCP-173 从远端瞬移到近处 【V2】实验室 A 吓点:SCP-096 半身突然贴近镜头又消失 【V3】实验室 B 吓点:雪花中逐帧浮现 096 的脸 【V4】设备走廊 吓点:贴近者 从天花板垂下来贴镜头 【V5】监控室 吓点:监控画面里出现“监控室本身”,怪物站在你背后 【V6】通道尽头 吓点:灯灭 → 灯亮 → 173 已贴脸 【V7】收容区外 吓点:门打开,173 直接撞摄像头 【V8】收容室内部 吓点:096 坐在地上,突然抬头看向摄像头 【V9】走廊 C 吓点:贴近者 手指从画面边缘慢慢伸进 【V10】运输通道 吓点:安保尸体被拖过画面 【V11】冷却室 吓点:结霜玻璃后出现 173 的轮廓 【V12】备用走廊 吓点:画面冻结 2 秒 → 096 贴满屏幕 【V13】维修间 吓点:贴近者 倒立贴在镜头上 【V14】紧急出口 吓点:门打开 → 门后全是 173 的复制残影 【V15】主走廊 吓点:173 与 096 同时出现 【V16】监控回路异常 吓点:所有画面同时闪现怪物脸 【V17】低层通道 吓点:贴近者 从画面“内部”伸出 【V18】核心收容区 吓点:灯灭后再亮,摄像头已被抓裂 【V19】最终监控 吓点:怪物缓慢贴近 → 信号崩溃 【END_A】异常封锁 黑屏 + 雪花 一帧 096 正脸 【END_B】录像被回收 时间戳停止 “NO SIGNAL” CCTV 选项 + 跳转总表(V0–V19) 记法说明: A 文案 → 目标ID V0|外围走廊 A:切换到走廊交叉口 → V1 B:查看实验区监控 → V2 C:返回监控室画面 → V5 V1|入口交叉口 A:切换右侧走廊 → V6 B:查看通风区域 → V4 C:回到上一监控点 → V0 V2|实验室 A A:切换隔壁实验室 → V3 B:返回走廊画面 → V1 C:切回监控室 → V5 V3|实验室 B A:保持当前画面 → V12 B:切换到实验区总览 → V7 C:中断该画面 → V5 V4|设备走廊 A:切换走廊另一端 → V6 B:返回实验区域 → V2 C:放大当前画面 → V9 V5|监控室 A:切换任意可用监控 → V16 B:返回入口画面 → V0 C:关闭该监控通道 → END_A V6|通道尽头 A:拉近画面 → V11 B:切换备用通道 → V10 C:立刻切换画面 → V1 V7|收容区外 A:查看收容室内部 → V8 B:切换相邻走廊 → V14 C:保持监控画面 → V12 V8|收容室内部 A:继续观察 → V15 B:切换到走廊监控 → V7 C:切回监控室 → V5 V9|走廊 C A:拉近画面 → V13 B:切换到远端监控 → V6 C:返回收容区 → V7 V10|运输通道 A:继续观察 → V17 B:切换备用路线 → V14 C:中断画面 → V5 V11|冷却室 A:放大玻璃区域 → V18 B:切换相邻房间 → V10 C:返回主走廊 → V15 V12|备用走廊 A:拉近画面 → V6 B:立即切换监控 → V16 C:保持当前画面 → END_B V13|维修间 A:继续观察 → V19 B:切换其他监控 → V16 C:关闭该画面 → V5 V14|紧急出口 A:查看门后画面 → V18 B:返回走廊 → V7 C:保持监控 → V12 V15|主走廊 A:切换监控角度 → V6 B:拉近画面 → END_A C:中断信号 → END_B V16|监控回路异常 A:随机切换监控 → V2 B:保持当前画面 → END_A C:强制刷新信号 → V5 V17|低层通道 A:继续观察 → V19 B:切换高层监控 → V15 C:关闭该通道 → END_B V18|核心收容区 A:拉近破损画面 → END_A B:切换备用监控 → V16 C:保持信号 → V19 V19|最终监控 A:继续观察 → END_A B:切换任意画面 → V16 C:等待信号恢复 → END_B 🧾 结局节点 END_A:监控信号被异常覆盖(死亡 / 回收) END_B:录像异常中断(未知)
Typewriter preview
Typewriter
Typewriter
俄罗斯方块小游戏 preview
俄罗斯方块小游戏
这是一个具有炫酷风格的俄罗斯方块小游戏
Neon Siege preview
Neon Siege
Top down 2D pixel Roguelike Game
Emojiia preview
Emojiia
Experience the next generation of digital communication. Emojify AI leverages cutting-edge multimodal Artificial Intelligence to bridge the gap between text, classic symbols, and visual emotions.
The Book of AnswersV1 preview
The Book of AnswersV1
Whether you ask or not, it will give you an answer.
Fruit Cutting Game preview
Fruit Cutting Game
fruit cutting game
Animal Match-3 Game✨ preview
Animal Match-3 Game✨
a puzzle game where you eliminate and score points by clicking on three identical elements to complete level objectives.
Gemini Runner preview
Gemini Runner
Gemini Runner is a fast-paced side-scrolling runner that’s easy to pick up and fun to play. Move left and right, jump forward, avoid dangers, and race through ever-changing levels to reach the finish line. Your goal is simple: Collect all six letters G-E-M-I-N-I to clear each level, Dodge deadly red obstacles, And gather as many blue gems as possible to boost your score. At critical moments, activate the invincibility skill to power through tough situations and enjoy the thrill of unstoppable runs. Complete all 3 levels to claim final victory!