thinkpad:你的美学气质报告

2018-11-09 H5案例分享 H5案例分享
thinkpad:你的美学气质报告


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

识别图中二维码

你的美学气质报告-查阅二维码

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


案例:你的美学气质报告

出品:thinkpad

亮点:

  1. 策划上,为thinkpad的x1型号做的品牌宣传H5,布置场景类型。一共6个场景分类可以选择,分别为:摆拍墙、大腕儿、纯摆设、好吃的、抢镜王、小情绪。每个分类都有10多种图案选择。在布置场景选择类别的上面,还有背景选色,一共23个色彩选择(包括一个透明无色)。都选择完毕后,点击[生成报告],输入用户名。根据你的场景元素选择,最后生成一张美学气质报告,会有印象派、野兽派、超现实、风格派、表现派、古典派的百分比。
  2. 设计上,扁平色块,印象派色调。
  3. 技术上,使用pixi进行图片合成实现。但是输入用户名部分,没有做敏感词过滤。
  4. 交互上,场景中的元素,可以拖拽、缩放、旋转、镜像、删除,操作流畅。



技术实现: pixijs



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

标签

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

相关推荐:

ThinkPad:一场历时25年的思考

京东超市 + 中粮:寻TA陪你过中秋

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~