Bee Mom

一、问题 人和自己生活的城市之间，正在失去真实的连接。 具体表现为三个普遍的现象： 照片越来越多，记忆越来越少。 2024 年全球拍摄了约 1.94 万亿张照片，人均手机存图约 2000 张，但绝大多数从未被回看。拍照从"我想记住这一刻"变成了"先拍了再说"。 住在城市里，却不认识城市。 中国流动人口 3.58 亿，年轻一人户约 9200 万户，大量的人生活在尚未建立情感连接的城市里。导航替人算好每一步，外卖替人去过每一家店——一个人可以在一座城市生活三年，活动半径不超过两公里。 想记录生活，但记录本身成了负担。 人们用相册分类、备忘录、地图收藏、收藏夹等五六个工具拼凑"我和这座城市的回忆"。记录类产品的 30 日留存中位数只有约 4%——不是用户不想记，是现有工具的门槛和负担让人坚持不下来。 现有产品各自只解决了链条上的一环：地图工具回答"怎么去"，不在乎"你看见了什么"；记录工具帮忙"存下来"，但给不了出门的理由，也帮不了"回到那里"。没有一个人和城市之间的连接被完整对待：出门、注意、记录、回顾、再出门。 这个问题的本质是归属感的缺失——人在自己生活的城市里，缺少"这是我的地方"的感觉。 二、方案 走着瞧是一张"反过来"的地图：它一开始是空白的、灰白的。用户在路上看到自己感兴趣的东西，停下来拍一张，那个地方就在地图上活过来——有颜色，有名字，有生气。 核心流程：凝视 → 显影 → 命名 → 生长。 凝视：取景框默认是灰白的"未显影"状态，只有用户注视的区域透出真实的颜色；注视越久，颜色越深。拍照不奖励快，奖励认真看。 显影：按下快门后，AI 把拍摄主体抠成贴纸，落在地图对应的坐标上，并以贴纸的主色调把周围的空白地图染开。 命名：AI 根据拍摄内容自动给这个地方起一个名字（比如"蓝色雨伞公园"），用户可以随时改。 生长与褪色：每个地方会随时间慢慢褪色，用户重新回到那里看一眼，它会重新显影。地图永远画不满，也没有"集齐"。 用户还可以给每个地方留一句话（手写体文字）或一段声音（录音附带实时转写），这些内容会跟着贴纸一起保存在地图上。 设计原则：产品界面本身是灰白的，地图上所有的颜色都来自用户拍摄的内容。品牌没有品牌色，用户的颜色就是品牌色。 三、开发内容 本项目是一个移动端网页应用，主要开发内容包括： 地图模块：灰白纸感风格地图渲染（坐标 GCJ-02，高德 JS API），定位，贴纸地标在地图上的安放与展示（白边、接触阴影），贴纸落点处的水彩晕染染色（约 220 米直径、随地图缩放），纸纹理与滤镜覆盖层。 相机模块：调用设备摄像头实时取景，3:4 取景窗；从地图进入拍摄时，地图先回正、再沿随机裂缝"撕开"露出相机画面的过渡动画，拍摄确认后纸层退场。保存的照片为相机原始画面，预览效果不写入照片。 AI 处理模块：拍摄后对照片进行主体识别与抠图生成贴纸（异步处理：先以原图落图，抠图完成后原位替换）；提取主体颜色用于地图染色。 记录模块：每段记忆支持一段录音（录音中显示计时与结束控件）和一条手写体文字，内容与贴纸、坐标一起保存，在地图详情中查看和播放。 新手引导：首次使用时通过六张线稿"种子卡"（一只猫、早餐摊、一棵树、落日、深夜亮着的店、一杯水）引导用户从身边常见的事物开始拍摄。 世界元素：地图上栖息着少量会动的小生物（如巡游的蝴蝶），与记忆数据完全隔离，只是让地图"活着"。 数据契约：每段记忆以统一数据结构保存（模糊化坐标以保护隐私、贴纸、颜色、文字、录音、时间），地图页与相机页通过该结构协作。 四、使用方式 用手机浏览器打开应用，允许定位和摄像头权限。进入后是一张灰白的地图，定位在当前位置。 第一次打开时，底部会浮出六张线稿卡片（一只猫、早餐摊、一棵树、落日、深夜亮着的店、桌上的一杯水），告诉你：这些东西就值得拍。点任意一张或直接点底部中间的拍摄按钮开始。 点击拍摄按钮后，地图被撕开一道口子，口子里是摄像头画面。看着你想拍的东西，它会是彩色的，周围是灰白的；看得越久颜色越深。按下快门，颜色漫开，照片定格。 稍等几秒，照片被处理成贴纸，自动落到地图你站的位置，周围染开颜色，并出现一个自动生成的地名。点开地标可以改名、查看照片、播放录音。 拍摄前后都可以点底部按钮：麦克风键录一段话（它会同时被转成文字），键盘键写一句话。 一个地方很久没去看，颜色会慢慢变淡；再去拍一次，它重新亮起来。