场景模拟H5案例分享

场景模拟H5是通过模拟出特定场合，让用户亲身体验相关事物的H5游戏玩法，其中以来电模拟、微信模拟、朋友圈模拟等最为常见。除此之外，还有许多模拟其他场景的形式，下面蓝橙互动就给大家分享一个模拟程序编辑的H5案例，一起来体验下吧。

案例：全国青少年编程与人工智能计划

1、创意定位

这是由中国宋庆龄基金会与腾讯为“全国青少年编程与人工智能计划”联合出品的场景模拟H5，以“致敬中国航天——共建数字空间站”为切入点，让用户“参与”空间站的编程模块，快速了解青少年编程的乐趣，获得编程启蒙。

2、内容体验

主要流程：主题页 → 引导视频 → 码上换装 → 编程介绍 → 编程组装 → 航天器组装

主题页： 包含中国宋庆龄基金会和腾讯品牌的Logo露出，活动主题：全国青少年编程与人工智能计划，以及H5主标题：致敬中国航天 共建数字空间站，以及“青少年编程启蒙活动”副标题。最底部有技术支持平台：腾讯扣叮。背景有声音口播引导，点击“码上出发”，进入引导视频部分。

引导视频：用视频形式回忆和讲述了中国航天的故事，召集10万青少年参与编程建设。可以点击“跳过”按钮，进入下一部分。

码上换装：输入信息获取编程装备。点击输入昵称，并选择性别和年龄，进入形象确认页。为用户分配一个QQ卡通编程装备形象，点击“开始”按钮，进入编程介绍部分。

编程介绍：介绍空间站的组装知识，以及领取编程任务，点击左右按钮，可以向前翻页、向后翻页，点击右箭头，进入编程演示，每一步操作都有手势和口播引导，拖动左侧动作模块，然后点击运行按钮，弹出确认交互层，点击“开始编程”，进入正式编程环节。

编程组装：通过7步编程操作，把航天器组装任务完成，完成后展示用户组装部件在航天器上的样子，并标注有用户昵称。

航天器组装：点击main()函数，再输入一段话，或者点击3-4个表情，完成后，展示组装好的航天器。航天器可以放大缩小，查看细节，航天器上有用户编程写下的那段话，或者表情。点击“获取认证”，生成认证海报。

3、设计策划

H5中融合了许多航天的元素，以及视觉编程的基础逻辑，品牌的IP形象和各个步骤的口播讲解，很是周全和细致，让人觉得原来编程可以这么有趣，这么简单。

场景模拟H5不光可以模拟一些生活中常见的场景，让用户觉得更加真实，也可以模拟一些大多数人接触较少的场景，给用户带来更为新奇的体验，这个H5案例就是如此，借助航天、程序编程等元素，大大提升了对用户的吸引力。