自如:自如生活节,约你花式发光

2018-10-15 H5案例分享 H5案例分享
自如:自如生活节,约你花式发光


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

识别图中二维码

自如生活节,约你花式发光-查阅二维码

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


案例:自如生活节,约你花式发光

出品:自如

亮点:

  1. 策划上,以“反转人生”为出发点,如果,你可以拥有你想拥有的东西,或者生活方式,当你真的拥有了,是否如你想的那么美好嘛。在这支H5中,做了6种如果,如果你想拥有茂密的头发,如果你想整体无所事事,如果你想过上天天数钱的日子,如果你想成为一名有格调的艺术家,如果你可以去骑行看看外面的世界,如果你可以不问世事隐居室外,最后给出与其幻想未来,寻找自己的发光点。结尾给出6个人物角色,点击人物以后,生成一张人物的海报。 
  2. 设计上,扁平颗粒度风格,插画人物和景物。
  3. 技术上,pixi进行景物和人物的绘制,配合Tween.js实现动画效果。pixi的官网地址:http://www.pixijs.com/
  4. 体验上,锁屏横屏观看,不断向右侧滑动浏览更多内容。案例整体节奏不错。



技术实现: pixi.js + Tween.js + Animate.js + Scroller.js + Layer.js



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

标签

分享:
海报
案列链接
下载截图
收藏案例
已收藏
分享到微信朋友圈
打开微信,点击底部的“发现”,
使用“扫一扫”即可将网页分享至朋友圈。

相关推荐:

掌阅:测一测,你是书里的谁?

脉脉:张先生是谁?全国都在找你!

关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

对汉语支持不错,别对小五说英文

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~