美术/创意感觉都很厉害,有大佬可以分析下具体是怎么实现的不? 网站: https://onotakehiko.com/
![]() | 1 gesse 2024-01-26 15:00:45 +08:00 日本的前端仙人? |
![]() | 2 xiecj 2024-01-26 15:02:33 +08:00 ![]() |
![]() | 3 ChrisFreeMan 2024-01-26 15:09:01 +08:00 ![]() 单纯的 css filter blur 字体加上背景图。 https://onotakehiko.com/assets/images/dot_mask.svg.php?color=181818 上面这张图缩小到 30 * 30 px 平铺到整个 body 上。 |
![]() | 4 MENGKE 2024-01-26 15:09:16 +08:00 盖了一层这个图片,然后加了 blur: https://onotakehiko.com/assets/images/dot_mask.svg.php?color=181818 |
![]() | 5 Mikawa 2024-01-26 15:11:41 +08:00 ![]() 技术的话,看起来是在 canvas 里不停切换图片实现的,图片可能是用苹果的拟我表情做的。至于切换动效可以直接用 Pixi 的 API 来做( https://pixijs.io/pixi-ui/PUXI.tween.TweenManager.html ),类似 LED 屏幕的效果,可能只是循环添加了一下圆点上去。 创意的话,先让我膜拜一下 |
![]() | 6 weixind 2024-01-26 15:16:48 08:00 ![]() 花里胡哨,丑的批爆。 |
![]() | 7 purensong 2024-01-26 16:35:37 +08:00 小日子程序员成分很杂啊 |
8 crazyTanuki 2024-01-26 16:59:41 +08:00 看的我眼睛痛 |
![]() | 9 ChristopherCheng 2024-01-26 17:04:24 +08:00 这就好比你看到一泡五颜六色的 shit ,然后来问什么人吃什么能拉出来这种五彩斑斓的黑色 shit ... |
![]() | 11 lividsu OP @ChristopherCheng 每个人审美有偏差吧... |
12 fayeeeeee 2024-01-26 17:46:07 +08:00 看 core.min.js 文件里的 GLOBAL.methods.core.initSlider ,用了 shader |
13 victimsss 2024-01-26 17:52:43 +08:00 我甚至喜欢那种简单到像文档的风格 |
![]() | 14 lilei2023 2024-01-26 17:56:32 +08:00 盖了一张 svg 图片!牛啊! |
15 sleepm 2024-01-26 18:00:27 +08:00 |
16 fayeeeeee 2024-01-26 18:07:47 +08:00 |