搞不到钱，搞点儿小爱好

[MRNiu]

鄙人虽是个产品，但是我有个跟前端开发一样的习惯，

经常 mark 各种好看的前端特效，我称之为“赛博捡瓶盖”。

这两天整理的时候想，能不能利用他们开发个似乎有点儿用的东西出来。

glitchtext.top 就诞生了。

nextjs 纯前端方案，做了些简单的参数配置，方便快速出一些文字特效效果，比如 故障文字特效，扫描线特效

如果有人用 未来会再增加些图片特效，力争只做纯前端，把成本投入放到最低。

希望可以把它做成一个永久免费，免登录，随时可用的特效处理小工具，

今天还发了 PH ，如果刚好有时间，可以给我点个 up 鼓励一下，谢谢啦！ PH 地址

大家有啥好的特效效果也可以给我讲，本人技术很菜，全当做练习了，感谢 V 站各位大佬！

[peteretep]

挺好玩的， 不过下载怎么不是 gif 呢？

[npe]

咋给我自动下载了哦

[cooldish]

挺有趣的。这个使用的纯 css + js 实现的效果，还是利用了其他技术

[TimG]

好玩！不过手机带不太动，会卡顿哈哈哈。很好的爱好，向你学习！

[yyll]

爱好就是搞钱

[JoeJoeJoe]

op 能分享下开发这个网站的过程吗? 这个站点的很多效果都很有趣

[RiceNoodle]

文字不支持换行啊，我想复刻《无限恐怖》的经典台词。
“想明白生命的意义吗？想真正的……活着吗？”
下面两个按钮：Yes / No 。

[MRNiu]

@RiceNoodle 你想希望哪个加换行 我明天下班加一下，目前就只有第一个 glitch text effct 支持空格自动换行

[MRNiu]

@npe 是手机操作么？我在网页端有个鼠标特效，点击预览位置就像相机拍照一样进行截图，手机端得优化一下这个效果

[MRNiu]

@TimG 好的，我后面得研究一下怎么优化它

[MRNiu]

@peteretep 因为都是前端特效呈现的，目前就只上了静态截图，我想想办法加上 截视频或 gif

[MRNiu]

@JoeJoeJoe 哈哈 ，
其实就是看到喜欢的特效 就会 mark 下来，
我有定期整理收藏夹的习惯，为此还做了个工具 https://webmarks.cc
在把文字特效分类总结的时候发现，他们参数和控制其实挺统一的，就做了这个网站。
主要是为了攻克 html to image 因为这些特效普遍有很多 after,before 这种伪元素，用 canvas to image 很多处理不到
中间试了很多方案，最后靠 ai 帮我解决了

[MRNiu]

@cooldish 很多特效是我 css+js 的方案改过来的，理论上我这整个项目都可以用 css+js 应该没问题

[okakuyang]

在我老款 mbp 上卡爆了，太炫的东西还是吃性能。

[MRNiu]

@okakuyang 不怪机器 主要是我的技术不大行，优化做的不好，接下来我会尝试一下性能优化，好好请教一下 AI 老师～哈哈