Midnight_Brick刚升 Lv.2,送给佬友们《你家猫娘也能看懂的 Shader(着色器)教程》 中发帖

一写就是 好几天 十好几天,实际上已经升 Lv2 一段时间了( 

0. 引言
近期看到 L 站不少佬的帖子涉及「前端好不好看」「前端怎么才能好看」之类的的问题。作为老前端工程师,我想讲讲在专业前端领域常用的技术之一:Shader。

相信大家总是会看到一些 hero 区域带有独特和奇妙交互效果的 portfolio、landing 或个人网站,比如:https://galekto.com、https://k95.it/en、https://shadergradient.co/、以及本人的https://owen-tsai.github.io。
[本人网站,嘻嘻]

我的网站中,鼠标在页面上移动会产生墨水阴染的效果,墨水本身做不规则的噪声动画,且颜色在灰度范围内不断变化。

[Galekto 的 Portfolio]

Galekto 的项目展示页面。鼠标移过会有反色墨水的印染...