几乎 100% 还原了黑客帝国中的代码雨特效

2021-01-16 12:13:20 +08:00
 M3oM3oBug

演示地址 CodePen 此示例可以轻易自定义各种参数,或者嵌入自己的网站。

虽然我现在做前端 Web 开发,但是做页面或业务还是及不上自己创造的感觉,所以在一段努力之后创造了基于 HTML5 Canvas 2d 的开发框架 janvas

在此基础上开发了一些示例的代码:janvasexamples

目前在考虑想接需求,或者大家有推荐的好点的做内容输出的网站吗,比如 CSDN 一类的。

顺便可不可以求一点小心心。

14775 次点击
所在节点    分享创造
89 条回复
beimenjun
2021-01-16 12:31:33 +08:00
感觉挺有趣的
oubfgiar
2021-01-16 12:33:47 +08:00
喜欢
ijrou
2021-01-16 12:38:53 +08:00
挺有意思的~~
leonidas
2021-01-16 12:39:08 +08:00
sixsixsix
youla
2021-01-16 12:45:50 +08:00
我想放在我的博客园里。
wdytoya
2021-01-16 12:50:13 +08:00
牛逼
youla
2021-01-16 12:56:29 +08:00
博客园加入了~~嘻嘻,博客园的代码乱糟糟的,也没时间整理,加上去毫无违和感~ https://www.cnblogs.com/iamverylovely
M3oM3oBug
2021-01-16 12:57:28 +08:00
@youla 放吧,引入 janvasexamples 库或者单独复制那段代码,直接以 document.body 为容器就可以
M3oM3oBug
2021-01-16 13:02:18 +08:00
@youla 可爱风的博客园啊哈哈,你也可以考虑在 props 里自己修改一些配置适配这个可爱风~
youla
2021-01-16 13:14:22 +08:00
@M3oM3oBug 做得太水了,之前刚学习前端时,草草做的页面,代码还是 jquery 拼接,导致我已经没办法写代码了,发 /浏览 博客的功能都被搞丢了,有时间的话可能会用 vue.min.js 全部改了。之前上面原有的 console 是可以输内容的,rm -rf / 回车就会执行 document.body.innerHTML=''把页面清空。因为这个挺好看的,所以就直接把之前的功能换掉了,感谢!!!
IsaacYoung
2021-01-16 13:16:22 +08:00
666
dartabe
2021-01-16 13:17:06 +08:00
喜欢 很好看
roshad
2021-01-16 13:23:58 +08:00
?黑客帝国全是日语吗?我看的时候没发现
OHyn
2021-01-16 13:26:57 +08:00
很漂亮!
DylanZ
2021-01-16 13:32:53 +08:00
@roshad 原版是日文菜单 :)
M3oM3oBug
2021-01-16 13:39:28 +08:00
@roshad [这个]( <amp-youtube data-videoid="8ZdpA3p9ZMY" layout="responsive" width="480" height="270"></amp-youtube>) 应该是原版,前两天做这个效果的时候查了一下好像是说翻转的片假名,我就按照 x, y 随机翻转片假名了,可以 chars: ["你", "想", "要", "的", "字", "符"] 来自定义
M3oM3oBug
2021-01-16 13:41:03 +08:00
@DylanZ 搞得到这个菜单吗哈哈,那这样就更加几乎 100% 还原了
x86
2021-01-16 13:43:02 +08:00
07 年那会很多黑页都是这个
revalue
2021-01-16 14:03:18 +08:00
万人血书火星文版
cigarzh
2021-01-16 14:08:55 +08:00
不支持 Safari ?

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/745451

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX