链接是lab.mkblog.cn里的Badapple网页特效
就是用js加载一些txt文本文件,文本中是
1_11_:|1_23_ |1_24_ |1_25_k|1_26_N|1_41_X|1_42_k|1_43_l|1_44_,|1_45_.|1_46_ |1_47_ |1_48_ |1_49_ |1_50_.|1_51_'|1_52_;|1_53_l|1_54_l|1_55_,|1_78_.|1_79_k|1_80_W|1_81_W|1_82_W|1_83_W|1_84_W|1_85_W|1_86_W|1_87_W|1_88_W|1_89_W|1_90_W|1_91_W|1_95_W|1_97_W|1_98_W|1_99_W|2_10_0|2_11_.|2_23_ |2_24_l|2_25_N|2_44_N|2_45_K|2_46_k|2_47_o|2_48_c|2_49_;|2_50_.|2_51_ |2_52_ |2_53_ |2_54_ |2_55_ |2_56_ |2_57_ |2_61_ |2_62_ |2_63_ |
之类的数据,用这些数据生成一个一个由字符组成的图像,这些用字符组成的图像快速连续更新显示就成了动画。
上面这种可以使用:
particles.js
webgl 或者canvas,css3该都可以 (下面是我找到的实现过程)
https://blog.csdn.net/yeana1/article/details/52460490
https://blog.csdn.net/csdn_yudong/article/details/53128570
https://blog.csdn.net/vily_lei/article/details/82152731
https://www.html5tricks.com/8-html5-pixel-animation.html
似乎还可以图片转为粒子
https://www.cnblogs.com/chunyangji/p/6376966.html