开心小镇

在数字娱乐与社交深度融合的当下，轻量化、碎片化的小游戏凭借其低门槛、强互动性迅速崛起。微信生态作为社交领域的核心入口，为小游戏提供了天然的传播土壤。《损友圈》（原名《损友圈》）正是基于这一背景诞生的现象级社交策略游戏，旨在通过趣味玩法与好友互动机制，构建一个兼具娱乐性与社交粘性的虚拟社区，填补市场对“轻度策略+深度社交”类游戏的空白需求
《损友圈》是一款基于微信生态的社交策略游戏，核心玩法融合城市建设与好友互动：玩家通过掷骰子建造升级建筑，触发金币暴击或掠夺好友资源，可发动“炸楼”破坏对方领地并引发复仇，同时招募微信好友担任虚拟角色（如理财专家、保安）强化收益或防御。游戏支持实时聊天组队、表情包轰炸及微信支付快捷充值，结合警车抓捕、好友互坑等趣味机制，实现“轻策略+强社交”的碎片化娱乐体验

作为主美与前端主程序，项目实现流程可分为以下核心协作环节：

​一、需求协同与技术预研​
主美：与产品团队明确用户画像、视觉风格及交互逻辑，输出高保真设计稿。前端主程序：基于设计需求评估技术可行性（如React/Vue框架选型），规划组件化架构与性能优化方案。

​二、标准化开发流程​

​设计规范对齐​：主美制定UI组件库（配色/间距/动效），前端主程序通过CSS-in-JS或原子化CSS实现设计系统代码化；
​接口定义​：前端主程序根据RESTful API文档开发Mock数据，确保设计与开发环境数据一致；
​模块分工​：采用Git分支策略（如GitFlow），主美提交Sketch/Figma设计源文件，前端主程序通过Storybook实现组件驱动开发。
​三、自动化与质量保障​
前端主程序搭建Webpack/Vite构建流水线，集成ESLint/Prettier统一代码风格，主美通过Chromatic可视化测试工具审核UI还原度。每日站会同步进度，利用Figma评论功能实时标注设计问题。

​四、交付与迭代​
灰度发布阶段，主美通过A/B测试验证用户体验，前端主程序监控Lighthouse性能指标，双方基于用户反馈协同优化交互细节