“减碳打卡”互动H5是九影为申能集团开发的一款H5小程序，实现了展馆导览与数字集章的轻量化融合。用户需完成四个点位打卡，系统通过本地缓存与状态机机制，自动记录闯关进度——中途退出后再次扫码可无缝续接，无需重头开始，有效保障完赛率。完成全部打卡后进入核销页面兑换纪念品，系统根据核销状态与奖品库存动态判定展示页面（核销页/已完成页/已领取页），确保全流程闭环。与常规单线H5不同，本方案更侧重多状态流转下的用户体验一致性，通过进度持久化与页面状态智能分发，让线下打卡动线更顺畅，为品牌绿色传播提供了可复用的轻量互动解决方案。
线下展馆和主题活动中的数字打卡，常见做法是扫码、定位或输入口令，但这些方式与现场实体装置的结合较弱。申能减碳行动希望让参与者真正拿起不同点位的实体印章，在自己的手机屏幕上完成“盖章”，把传统集章动作转化为可识别、可记录的数字互动。
九影网络为申能集团开发“申能减碳行动”打卡H5，将实体章、手机电容屏多点触控、点位识别、进度记录和纪念品核销结合在一起。实体章不只是活动道具，同时也是一组具有独特触点图案的输入装置。
项目采用移动端H5与定制实体章结合的形式。每枚实体章底部设置多个可被手机电容屏识别的触点，不同章的触点数量、相对位置和排列组合均不相同。参与者将实体章按在H5指定盖章区域时，手机屏幕会同时产生多个触控点。
程序读取同一时刻的触点数量与位置关系，并与预先配置的章型数据进行匹配，从而判断当前使用的是哪一枚实体章、来自哪个线下点位。识别成功后，H5点亮对应的数字印章并更新进度；错误章、重复章或无法形成有效触点组合时，不会被计为新的点位。
系统使用本地缓存和状态机保存集章进度。参与者中途退出后再次进入，可以继续已经完成的点位。全部章型识别完成后，页面进入纪念品核销流程，并结合核销结果和奖品库存分发到待核销、已完成或已领取页面。
参与者进入活动H5后，先阅读互动说明并查看点位路线。到达指定点位后，拿起该点位的实体章，将章底部平稳按在手机屏幕的盖章区域。屏幕接收到多个触控点后，程序分析触点组合，识别出实体章身份并点亮对应数字章。
参与者前往其他点位时，会使用触点数量或位置不同的实体章。程序通过每枚章独有的触点图案区分来源，避免不同点位被混淆。已完成的章再次盖下时，系统能够根据当前进度判断为重复操作，而不是新增点位。
全部实体章完成后，H5进入纪念品兑换流程。工作人员完成核销后，页面更新为已领取状态；参与者关闭页面后再次进入，已完成章和核销结果仍可保持。
验收时要逐枚核对实体章的触点数量、相对位置和系统配置，测试正确章、错误章、重复章、触点未完全接触以及多个触点识别不完整等情况。不同品牌和尺寸的手机在多点触控数量、屏幕灵敏度和保护膜状态上可能存在差异，因此还要覆盖常用机型、不同按压角度和按压位置，确认章型识别稳定且不会误判。
业务流程方面，需要继续测试中途退出、进度恢复、全部完成、库存不足、核销成功和重复核销，确保实体盖章结果、手机页面状态和线下兑换记录保持一致。
相关服务：品牌互动营销
相关服务：互动游戏与H5开发
相关案例：九影网络客户案例
