V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
lividsu
V2EX  ›  程序员

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

  •  
  •   lividsu · 283 天前 · 2246 次点击
    这是一个创建于 283 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

    gesse
        1
    gesse  
       283 天前
    日本的前端仙人? 😅
    xiecj
        2
    xiecj  
       283 天前   ❤️ 1
    ChrisFreeMan
        3
    ChrisFreeMan  
       283 天前   ❤️ 1
    单纯的 css filter blur 字体加上背景图。

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

    上面这张图缩小到 30 * 30 px 平铺到整个 body 上。
    MENGKE
        4
    MENGKE  
       283 天前
    盖了一层这个图片,然后加了 blur:
    https://onotakehiko.com/assets/images/dot_mask.svg.php?color=181818
    Mikawa
        5
    Mikawa  
       283 天前   ❤️ 1
    技术的话,看起来是在 canvas 里不停切换图片实现的,图片可能是用苹果的拟我表情做的。至于切换动效可以直接用 Pixi 的 API 来做( https://pixijs.io/pixi-ui/PUXI.tween.TweenManager.html ),类似 LED 屏幕的效果,可能只是循环添加了一下圆点上去。
    创意的话,先让我膜拜一下
    weixind
        6
    weixind  
       283 天前   ❤️ 3
    花里胡哨,丑的批爆。
    purensong
        7
    purensong  
       283 天前
    小日子程序员成分很杂啊
    crazyTanuki
        8
    crazyTanuki  
       283 天前
    看的我眼睛痛
    ChristopherCheng
        9
    ChristopherCheng  
       283 天前
    这就好比你看到一泡五颜六色的 shit ,然后来问什么人吃什么能拉出来这种五彩斑斓的黑色 shit ...
    gearfox
        10
    gearfox  
       283 天前
    @weixind 哈哈哈哈
    lividsu
        11
    lividsu  
    OP
       283 天前
    @ChristopherCheng 每个人审美有偏差吧...
    fayeeeeee
        12
    fayeeeeee  
       283 天前
    看 core.min.js 文件里的 GLOBAL.methods.core.initSlider ,用了 shader
    victimsss
        13
    victimsss  
       283 天前
    我甚至喜欢那种简单到像文档的风格
    lilei2023
        14
    lilei2023  
       283 天前
    盖了一张 svg 图片!牛啊!
    sleepm
        15
    sleepm  
       283 天前
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   968 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 22ms · UTC 22:08 · PVG 06:08 · LAX 14:08 · JFK 17:08
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.