长按/扫描下方二维码

你的美学气质报告

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


<想免费推广H5可以试试>

H5投稿小助手


案例:你的美学气质报告

出品:thinkpad

技术实现: pixijs

亮点:


1. 策划上,为thinkpad的x1型号做的品牌宣传H5,布置场景(DIY海报)类型。一共6个场景分类可以选择,分别为:摆拍墙、大腕儿、纯摆设、好吃的、抢镜王、小情绪。每个分类都有10多种图案选择。在布置场景选择类别的上面,还有背景选色,一共23个色彩选择(包括一个透明无色)。都选择完毕后,点击[生成报告],输入用户名。根据你的场景元素选择,最后生成一张美学气质报告,会有印象派、野兽派、超现实、风格派、表现派、古典派的百分比


2. 设计上,扁平色块,印象派色调。


3. 技术上,使用pixi进行图片合成实现。但是输入用户名部分,没有做敏感词过滤


4. 交互上,场景中的元素,可以拖拽、缩放、旋转、镜像、删除,操作流畅。


【案例截屏】


长按/扫描下方二维码

你的美学气质报告

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


<想免费推广H5可以试试>

H5投稿小助手


以上为【H5案例分享】团队原创文章!

转载请务必注明出处!


DIY海报】相关H5案例推荐

《我叫MT4》,可以动的布置场景H5

世界杯主题的布置场景H5

三个场景布置类小程序


学H5】就进H5课堂

(PC+微信小程序)

h5ketang.com


找创意H5案例:h5anli.com