华为云：开发者遭遇史上最大危机

2019-12-02 H5案例分享 H5案例分享

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

识别图中二维码

开发者遭遇史上最大危机-查阅二维码

完整欣赏此案例大约需要50秒

案例：开发者遭遇史上最大危机

品牌：华为云

技术实现： Canvas + CreateJS

制作：网易新闻

亮点：

1、创意定位

为华为云的2020login大会，开发的邀请函类型的H5，目标人群为开发者。

2、策划上

以科幻的形式开头，以“拯救开发者”为行动代号，随着用户滑动屏幕，出现5个问题，每个问题三个答案，最后根据用户选择给出称号。五个称号如下：

3、设计上

整个H5采用红黑蓝三种颜色，风格鲜明，营造了一种智能末世的感觉，让用户体验其中；场景的层层推进，更有游戏通关的感觉。

4、技术上

案例中的素材进行了精灵图的拼接，可以有效的减少http请求数量。使用animate cc（前身为flash）可以自动完成精灵图的拼接。

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

标签