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

[M3oM3oBug]

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

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

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

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

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

[sasalemma]

GOOD ！先藏一份

[M3oM3oBug]

@revalue 你进那个 CodePen 的地址，改 chars: "添加你想要的字符".split("") 就可以了

@cigarzh 我手机的 Safari 可以的诶刚刚试了

[hantsy]

大学时候最这个最初是用 Flash ActionScript 编程实现的。

[guanhui07]

还可以

[hantsy]

Flash 动画还是经典的火柴人，把成龙那些招势全部加入了。

[Kiske]

大佬, 我可以把它发布在 steam wallpaper engine 的创意工坊里吗

[M3oM3oBug]

@hantsy 以后需要 Flash 处理的内容会不会有可能转变为 Canvas 需求，或者是舍弃了那些需求还是换了什么其他的解决方案呢？。


@Kiske 标注出处就行，你是想把桌面背景换成这嘛哈哈。

[580a388da131]

额，为啥现在突然想起搞这个了？
我还以为谁在挖坟。

[jiangfkyyy]

6666

[M3oM3oBug]

@580a388da131 为了给 [janvas]( https://github.com/jarenchow/janvas) 求小心心呀。。基于此高效绘制的

[konnnnn]

原版是从他妻子的菜谱上随便找的

[vfxx]

喜欢

[Kilerd]

好家伙，吃掉了我 30% 的 CPU 资源

[ligiggy]

@youla 我 tmd 快被二次元声音吓死了

[magic3584]

@youla #7 为啥 safari 访问就看不到效果

[M3oM3oBug]

@Kilerd 我处理器 E3-1231v3 也是差不多，为了尽可能还原原特效：
每个 Text 都在进行矩阵变换（左右上下翻转），Text 的 Hsl 颜色饱和度和亮度都是不同的，拖尾效果是留下了一个 Text 并按照颜色的亮度决定透明度减小直到消失后复用
感觉最主要消耗时间的还是原生的 fillText 方法，这我也没法处理哈哈
其实已经很快了，谁能复现这个且比我的占用更低我拜他为师，嗑仨响头的那种

[youla]

@ligiggy 一直准备换个温柔点的，忘了。。

@magic3584 因为我引用了一个叫 pixi.js 的 sdk，我用的最新版，貌似除了 chrome 都不支持。

[love]

原版似乎要密要快，这个一开始太稀稀拉拉了没那种感觉

[James369]

1.缺少三维空间感。2. 字体太圆润细腻，缺少黑客科技感。

[mathzhaoliang]

建议直接嵌入 shader 代码，用 neo 躲子弹的视频做动作纹理。

https://www.shadertoy.com/view/lsXSDn

js 写的肯定不如 shader 效果屌炸。