查看: 1084|回复: 1

[微信场景] 网易场景创意代码,2019年新年flog...

[复制链接]
发表于 2019-1-15 18:11:18 | 显示全部楼层 |阅读模式
案例:你的新年Flag

出品:网易新闻|哒哒×欢乐谷

亮点:

1.创意上

在2018年最后几天,为2019年设定一个目标,目标再小,也都是我们的flag。
2.策划上

①进入首页,按着虚线滑动,开始立flag,中间有距离2019年的倒计时,下面有文字,你做好重新开始的准备了吗,立下新年Flag

②会看到立Flag的步骤,一共分为三步,第一步,立下你的新年flag;第二步,选择背景色和小装饰;第三步,署名,使Flag生效,点击let’s  go

③根据上面的提示,第一步立Flag,可以选择已经写好的Flag,也可以从下面写下你自己的Flag,选择好了进行下一步选择背景色,每一种颜色元素下面还分为好几种颜色,小装饰可以有猫,茶杯,花瓶等装饰,最后一步是点击我已认真阅读,新的一年我会继续加油,署名完,点击完成。

④最后生成一张2019我的新年FLAG,上面选择了几条,中间会出现几条的Flag,下面有署名,时间,二维码。

3.设计上

首先是灰白色系,表示2018年最后一个季节,冬季下雪的景象。

4.交互上

按着虚线画一个圆,后面的房屋跟着画的过程来变化。

5.技术上

采用pixi.js在canvas对象中绘制不同内容,动画采用图片序列帧依次播放。

6.体验上

根据自己的条件来选择立下的Flag,这个目标,就像2019年我们行动的北极星,引导我们前进的方向。

技术实现: Zepto + Scroller + pixi.js


002.jpg

下载地址:
游客,如果您要下载源码或者查看隐藏内容请回复



回复

使用道具 举报

发表于 2019-1-16 10:20:19 | 显示全部楼层
不错,我来看看!
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

关闭

网站推荐上一条 /1 下一条



邮箱:[email protected] QQ:791577401 木子牛HTML5工作室 版权所有

© MUZINIU Inc.小黑屋|手机版|Archiver|HANGNIU  

Powered by MuZiNiuX3.2( 豫ICP备12017936号 )

 豫公网安备 41078102000103号

快速回复 返回顶部 返回列表