映客：映客2016公益年鉴

2017-02-10 H5案例分享 H5案例分享

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

识别图中二维码

映客2016公益年鉴-查阅二维码

案例：映客2016公益年鉴

出品：映客

亮点：

策划上，图片合成类，① loading结束，小人走出界面，转场到宇宙星空做背景的场景中；② 而后以多幅图文展现了映客2016公益年鉴活动；③ 点击创建，上传图片，选择我的公益宣言，点击创建海报，生成自己作为映客公益使者的公益年鉴，可分享给小伙伴传递温暖哦。
设计上，漫画风格，采用宇宙星空作为背景，有种浩瀚伟大之感，展现映客2016公益年鉴活动的图片由一颗颗小星星幻化而来，神秘优雅。
交互上，上传后的照片，感觉图片位置不太满意的，可对上传的图片进行拖动放缩旋转的操作，调整到合适的位置。
技术上，图片长传及手势调整操作主要采用的是CreateJs + InteractJs（JS手势库）。

技术实现： jQuery + CreateJs + InteractJs

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

标签