腾讯QQ：我的剪纸新年照

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

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

识别图中二维码

我的剪纸新年照-查阅二维码

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

案例：我的剪纸新年照

出品：腾讯QQ

亮点：

1. 创意定位

剪纸作为中国民间艺术，一般用于喜庆场合，通过剪纸形式的场景布置（DIY海报）既突出了喜庆气氛，有符合新年主题。

2. 策划上

① 首屏是5幅剪纸的动画依次播放，用户点击下方的“开剪”按钮，进场景布置界面。

② 在场景布置界面中，有五组元素共选择，分别是剪纸的外边花纹、人物（头发、脸部、配饰、身体）、小动物、剪纸头部的字、其他配饰。布置好以后，点击“我剪好了”按钮。

③ 生成一张剪纸新年照海报，可以长按保存。

3. 设计上

红色主色调，所有的元素都采用剪纸风格，包括人物、小动物、云彩、字等。

4. 体验上

这种剪纸风格的场景布置H5，还是小特别。

技术实现： easeljs + TweenMax.js + hammerjs

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

标签