木手机:一个高仿 iOS 的虚拟社交系统

木手机:一个高仿 iOS 的虚拟社交系统

背景

在数字时代,我们希望通过一种独特的方式,将人与人之间的情感连接转化为可交互的数字体验。本项目“木手机”是一个基于二维码的虚拟 iOS 模拟系统,用户通过扫描二维码进入一个高度仿真的 iOS 界面,系统不仅在外观上模仿 iOS,更在功能上集成了社交、记录、互动等多种能力,旨在打造一个承载回忆与互动的数字空间。

功能

木手机系统包含以下核心功能模块:

  1. 留言板/Chat(核心):高仿微信聊天界面,支持通讯录、聊天、朋友圈、钱包功能。用户之间可以互相聊天、发朋友圈、转账,通讯录包含所有注册用户,作者账号置顶。所有数据持久化存储。
  2. 相册(Gallery):展示集体合照、作者与用户的合照、作者精选图片,支持用户上传,总图片数限制为 20 张。提供删除功能,但作者设置的默认图片不可删除。
  3. 我的钱包(Wallet):包含三张阿拉丁神灯愿望券,以及帮助申请页面,申请后提交至后台。
  4. 天气:显示毕业当天的天气,并通过天气 API 和 IP 定位显示用户所在地区的实时天气。
  5. 备忘录:记录用户的黑历史、外号或内部梗,支持用户编辑添加,数据同步至后端。
  6. 录音机:播放作者的语音,用户也可以录制自己的语音(有时长限制)。
  7. 时间胶囊:定时开启,显示距离毕业已过去的天数倒计时。
  8. 地图:通过 IP 获取用户当前地理位置。
  9. 音乐:支持用户创建歌单、作者歌单和默认歌曲,播放时实时绘制 PCM 音频流波形图。
  10. 时间:显示当前地区时间、毕业倒计时,提供计时器和倒计时功能,计时器状态持久化。
  11. Siri/AI:以作者的语气进行智能回复。
  12. 设置:支持黑暗/明亮模式切换,显示“警告:当前系统已被 100% 的快乐回忆占满,无法清理任何缓存”,允许更换桌面壁纸。
  13. 健康与运动圆环:展示健康数据。
  14. 日历与待办事项:显示当前时间、毕业时间,标记重大事件,后台可更新。
  15. 电话与 Facetime:极简拨号盘,通讯录中仅存作者一人,点击拨号播放模拟音效并记录至后台,发送至作者邮箱。
  16. 应用商店(静态):可恢复被卸载的软件,卸载仅隐藏图标,不真正删除。
  17. 股市行情:接入 API 获取流行股票数据,其余为静态展示。
  18. 浏览器(模拟):可打开本站、作者博客、模拟的 YouTube、Bilibili、抖音、QQ,其他网页跳转至 Google 恐龙游戏。
  19. 静态软件:包含原神、三角洲、GTA6 图标、AirDrop、快捷指令等。
  20. AR 相机:使用陀螺仪或手指在虚拟 3D 世界中自拍,提供多种情景。
  21. 游戏中心:内置扫雷、切西瓜、贪吃蛇、华容道、恐龙小游戏、走迷宫、2048 等。
  22. 计算器:基础计算功能。

实现

技术栈

  • 前端:HTML、CSS、JavaScript(原生或轻量框架),采用响应式设计,模拟 iOS 交互效果。
  • 后端:Node.js(Express)或 Python(Flask),提供 API 接口,处理用户认证、数据存储。
  • 数据库:SQLite 或 MongoDB,存储用户数据、聊天记录、备忘录、设置等。
  • 二维码:使用 UUID 生成唯一哈希值,扫描后验证,无效则返回 404。
  • iOS 模拟:采用成熟开源项目(如 ios-simulatoriphone-frame 等)或自研 CSS 组件,实现刘海屏、灵动岛、图标抖动、高斯模糊等效果。

核心逻辑

  1. 二维码验证:每个二维码包含唯一 UUID,后端验证有效性,无效则返回 404。
  2. 用户身份:首次扫描后创建用户,记录用户设置、聊天记录、相册等数据。
  3. 实时通信:聊天和朋友圈功能采用 WebSocket 或轮询实现实时更新。
  4. 音频波形:使用 Web Audio API 解析 PCM 数据,在 Canvas 上绘制动态波形。
  5. AR 相机:基于设备陀螺仪和 Three.js 实现 3D 场景渲染。
  6. 安全机制:所有 API 请求需携带 Token,端口封闭,数据加密传输。

使用

  1. 扫描二维码:用户通过手机扫描木手机二维码,进入虚拟 iOS 系统。
  2. 注册/登录:首次进入需授权,系统自动创建用户身份。
  3. 浏览与交互:用户可自由使用所有应用,聊天、发朋友圈、听音乐、玩游戏等。
  4. 个性化设置:在设置中切换主题、更换壁纸、管理应用。
  5. 数据同步:所有操作实时保存至后端,确保数据不丢失。

总结

木手机不仅是一个视觉上高度还原 iOS 的模拟系统,更是一个集社交、记录、互动于一体的数字平台。它通过二维码作为入口,结合丰富的功能模块,为用户提供了一个充满回忆与创意的互动空间。项目采用轻量化技术栈,确保流畅体验的同时,也注重安全性与数据持久化。未来可进一步扩展 AI 交互、AR 场景和更多个性化功能,打造更完整的虚拟社交生态。