一个时间胶囊,送给一位朋友

一个时间胶囊,送给一位朋友_第1张图片

"挥手自兹去,萧萧班马鸣"

"桃李满天下,春晖遍四方"

"海内存知己,天涯若比邻"

前一段时间收到老东家同事的电讯,聊了一些自己的处境及未来的出入,我主要是听,其实也无法给出建议,毕竟自己未来的路也是一步一步摸索在走。

到后来,同事说我们师徒一场,走之前送一件手工艺品;说到这里,其实比较惭愧,共事快2年,也没有传递有用的技术...

这一次,我也做一件手工艺品送给这位朋友,也是希望在迷茫的时候,过得简单些。

当然,都是最后一别,这得搞个出师仪式,毕竟拜师仪式已经举行完成,还记得疫情期间,我家宝宝刚怀上,为了保护我的小家不受感染,经常跟身边的同事说:离我远点!!!,这种图片可以永久保存

一个时间胶囊,送给一位朋友_第2张图片

在软件行业摸爬多年,这次就准备个不一样的手工艺术品

先看看效果:

给朋友的一封信

一个时间胶囊,送给一位朋友_第3张图片

一个时间胶囊,送给一位朋友_第4张图片

一个时间胶囊,送给一位朋友_第5张图片

​徒弟是前端的,这次也全部使用前端技术,效果包含:

1、淡入

2、按钮粒子消散

3、打字效果显示文案

4、背景烟花特效(手机看有点卡,15P-edge)

整个过程设计了5天时间,在此期间摸索各大网站特效(毕竟大神们轮子已经造好了),收集好特效后,就开始改造、拼接、测试、部署等等。

这个过程中,用到了ASKII、Base64 对输入框内容过进行加密(增加徒弟简单的加密知识)

整体做完后,简单的进行了js混淆加密,好了,代码奉上,有兴趣的朋友可以下载,调整后发给即将分别的朋友吧

Gitee代码:

https://gitee.com/yiqiao_466/friend-words

如下图的“原件”是未加密文件,可以调整成自己喜欢的内容

一个时间胶囊,送给一位朋友_第6张图片

一个时间胶囊,送给一位朋友_第7张图片

你可能感兴趣的:(个人开发,新媒体运营,javascript)