京报网 X 网易：寻找你的守护星宿

2024-09-18 H5案例分享 H5案例分享

案例演示，请长按/扫描以下二维码 ->

识别图中二维码

寻找你的守护星宿-查阅二维码

完整欣赏此案例大约需要3分钟

案例：寻找你的守护星宿

品牌：京报网 X 网易

技术实现： jQuery + Swiper + 全景

亮点：

1、创意定位

京报网和网易网在中秋佳节推出的H5，内容结合非遗、中秋、二十八星宿，在这个中秋，不仅赏月，更赏那片属于我们每个人的璀璨星空。以非遗元素与星宿文化碰撞融合打造——「寻找你的守护星宿」。

2、策划上

进入H5后，需要授权头像和昵称；而后进入主KV页面，寻找你的守护星宿，点击“开始”按钮，弹出玩法说明，点击“确定”按钮，开始游戏。

选择你的出生日期，就会出现对应的命格星宿和它所在的方位；根据方位以及星图提示（屏幕下方中间位置），在手机星空中寻找你的星宿，并将它移动到屏幕中间；系统会提示是否正确，并在正确找到对应星宿之后，送出你的专属星宿卡片即对应的数字藏品。

屏幕的左下方是已找到的星宿卡片，想找到更多星宿卡片，需要点击此处，点击对应的星宿，屏幕下方中间位置就会提示对应的星图。

3、技术上

找星宿的全景值得一看，720度全景观看星空。

4、视觉上

整体视觉都很不错，找到星宿后的每个宿图专属动画特效很亮眼。

以上为“H5案例分享”团队原创文章，转载请注明出处！

标签