案例：王者荣耀X越剧皮肤抢先体验
品牌：王者荣耀X浙江小百花越剧团技术实现：createjs亮点：1. 创意定位王者荣耀邀请用户当越剧导演，领取上官婉儿梁祝体验卡的活动作品，以此宣传新上线的游戏皮肤，同时弘扬越剧这一文化传承剧种。
2. 策划逻辑作品大致有四个阶段①Loading加载界面是一段邀请用户当越剧导演的引入语，和一个越剧表演者的朦胧侧影，下方是进度条，出品方名称和提醒用户横屏体验效果更佳，点击屏幕，开始“导戏”。
②人物训练在屏幕提示下，通过让上官婉儿劈腿，练嗓，转动眼球，训练他的“精”“气”“神”，每一项训练前屏幕会显示出训练项目和解析语。
③舞台设计通过滑动屏幕，选择舞台的演出氛围（晴空，朝霞，月影等），发生地点（碧波深处，小桥流水，百花丛中等），景物点缀（燕子，桃枝，芦苇等），背景（明月，云烟等），长按空白处可查看效果图。
④海报生成全部选择完毕后，可欣赏两位演员在刚才选择的环境中演绎一段约30秒的越剧，演唱结束画面定格，右方出现曲目介绍，用户可点击查看新皮肤体验规则，领取此作品奖励的新皮肤，和登陆越剧主题站，也可点击左下方触点再次观看或生成海报，海报包括演出截图，演出曲目及介绍，出品方名字和二维码。
3. 设计上以越剧为主题的中国风，颜色清浅，画风简约清新，一群黑衣女孩中的白衣少女上官婉儿身着束腿裤练功服，舞台设计供选的的燕子蝴蝶桃枝晚霞等，使用的描述词汇清风白露，朝霞斑斓等，也体现了戏曲文化中诗情画意的审美偏好，最后的一段戏曲温婉动人，展现了中国传统文化曲种的魅力。
4. 交互上作品是需要用户全程参与的，训练上官婉儿三项技能的方法各有不同，练习劈腿时只需点击一下人物即可，练习发声和眼神时，需要持续点击或滑动屏幕推动进度条满格后再继续进行下一项，舞台设计则是在朦胧的文字描述中感受戏曲的精细布局和意境的考究。
【案例截屏】请长按/扫描以下二维码
王者荣耀X越剧皮肤抢先体验完整欣赏此案例大约需要5分钟
<想免费推广H5可以试试>H5投稿小助手
以上为【H5案例分享】团队原创文章！转载请务必注明出处！
【学H5-从今天开始，不晚】【带你一步一步成为H5高手】
找创意H5案例：h5anli.com