腾讯新闻：愿所有美好，在灯火通明处相逢

2020-02-08 H5案例分享 H5案例分享

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

识别图中二维码

愿所有美好，在灯火通明处相逢-查阅二维码

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

案例：愿所有美好，在灯火通明处相逢

品牌：腾讯新闻

技术实现： jQuery + CreateJS

亮点：

1、创意定位

腾讯新闻元宵节H5，现代人多把孔明灯作为祈福之用，点一盏灯，开启新一年的希望和温暖的寓意。

2、策划上

主KV页点击屏幕下方的“开始为平安点灯”按钮，出现提示“连续点击屏幕，为平安点灯”，点击提示确认后；30秒内，点击屏幕的过程中出现灯飘向空中，屏幕上方有提示你点亮了多少盏灯，全国累计点亮多少盏灯；30秒结束后，生成一张带有你微信头像的海报，里面有用户头像昵称，点亮的灯数，用户可以长按保存海报。

3、设计上

传统的中国手绘，楼宇中的一个阳台上，在家中的女孩望向天空，海燕在海中飞翔，有节日的红灯笼，也有用户点击屏幕放飞的泛着黄色微光的灯。

4、技术上

点灯界面中，下方背景动画是一个mp4格式的视频（时长36秒），上方的点亮灯数提示和用户点击屏幕点亮等代码实现。

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

标签