天猫：年夜饭谁会成为你的菜

2019-01-15 H5案例分享 H5案例分享

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

识别图中二维码

年夜饭谁会成为你的菜-查阅二维码

完整欣赏此案例大约需要2分10秒

案例：年夜饭谁会成为你的菜

出品：天猫

亮点：

策划上，整体逻辑很清晰，大致分三部分：① 定制你的形象与年夜饭，人物性别，头像，配饰，上衣，裤子② 场景布置页面，选物件（桌子、椅子、窗户、门联、盆栽等），选饭（肉类、素菜、主食、饮料），选家人（老人、父母、孩子、宠物）选其他，选中元素后，元素都会被置入场景，可以调整大小、前后层次、旋转方向、删除，设置好后点击“完成”，生成年夜饭海报，底部有品牌露出。点击长按保存，把生成的海报保存到相册，二维码进行回流。
设计上，卡通风格，色彩较为鲜艳。
交互上，场景中的元素，可以拖拽、缩放、旋转、删除，操作流畅。
体验上，在春节之前推出的应时应景，赶紧生成一张年夜饭，晒到你的朋友圈。

技术实现： Pixi canvas jQuery

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

标签