这个个人网站是怎么做出来的

[lividsu]

美术/创意感觉都很厉害，有大佬可以分析下具体是怎么实现的不？ 网站： https://onotakehiko.com/

[gesse]

日本的前端仙人？ 😅

[xiecj]

https://segmentfault.com/q/1010000044068189

[ChrisFreeMan]

单纯的 css filter blur 字体加上背景图。

https://onotakehiko.com/assets/images/dot_mask.svg.php?color=181818

上面这张图缩小到 30 * 30 px 平铺到整个 body 上。

[MENGKE]

盖了一层这个图片，然后加了 blur：
https://onotakehiko.com/assets/images/dot_mask.svg.php?color=181818

[Mikawa]

技术的话，看起来是在 canvas 里不停切换图片实现的，图片可能是用苹果的拟我表情做的。至于切换动效可以直接用 Pixi 的 API 来做（ https://pixijs.io/pixi-ui/PUXI.tween.TweenManager.html ），类似 LED 屏幕的效果，可能只是循环添加了一下圆点上去。
创意的话，先让我膜拜一下

[weixind]

花里胡哨，丑的批爆。

[purensong]

小日子程序员成分很杂啊

[crazyTanuki]

看的我眼睛痛

[ChristopherCheng]

这就好比你看到一泡五颜六色的 shit ，然后来问什么人吃什么能拉出来这种五彩斑斓的黑色 shit ...

[mylara]

@weixind 哈哈哈哈

[lividsu]

@ChristopherCheng 每个人审美有偏差吧...

[fayeeeeee]

看 core.min.js 文件里的 GLOBAL.methods.core.initSlider ，用了 shader

[victimsss]

我甚至喜欢那种简单到像文档的风格

[lilei2023]

盖了一张 svg 图片！牛啊！

[sleepm]

https://gsap.com/showcase/

[fayeeeeee]

https://codepen.io/ashthornton/pen/KRQbMO