V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
alphardex
V2EX  ›  分享创造

我的新版个人网站上线啦!

  •  
  •   alphardex ·
    alphardex · 133 天前 · 9227 次点击
    这是一个创建于 133 天前的主题,其中的信息可能已经有所发展或是发生改变。
    地址: https://haobinwang-2023.netlify.app/
    主要技术:three.js 、gsap 、Shader
    欢迎大家点评。
    第 1 条附言  ·  133 天前
    感谢大家点评,来统一回复一波吧。
    1. 代理问题,我这边不用代理是能直接打开的,或许跟地区有关?
    2. 头晕问题,鼠标滚得太快会产生较大的扭曲,慢慢地拖拽吧。
    3. 水波纹问题,鼠标不动就不会产生,而且消失得也很快。
    4. 鼠标滚轮抖动问题,这个有点难弄,尽量用拖拽吧。
    5. 针对 2 、3 这两点,或许以后会出一个定制化特效的界面?但这样又增加了复杂度,emmmm
    (其实已经有了,只不过是调试页,https://haobinwang-2023.netlify.app/#debug
    以后会继续努力优化的~
    第 2 条附言  ·  133 天前
    特效的开关已加,如果觉得头晕不适应的可以点击右下角的开关来关闭它。
    103 条回复    2023-10-24 10:05:58 +08:00
    1  2  
    xipuxiaoyehua
        1
    xipuxiaoyehua  
       133 天前   ❤️ 1
    直连打不开,得上代理
    rangzr
        2
    rangzr  
       133 天前   ❤️ 2
    @xipuxiaoyehua 我寻思你是咋评论的
    bless110
        3
    bless110  
       133 天前
    打不开
    eaststarpen
        4
    eaststarpen  
       133 天前
    滚轮方向和正常是反的

    我甚至一瞬间怀疑自己肌肉记忆出问题了

    水波效果很不错
    Creamliu
        5
    Creamliu  
       133 天前 via iPhone
    @rangzr 分流。要代理打开说明要额外加规则。
    Exgirlfriends
        6
    Exgirlfriends  
       133 天前
    我擦。。
    鼠标效果回想到了 03 年做个人主页的时候.............
    cue
        7
    cue  
       133 天前 via iPhone   ❤️ 1
    真的是前端吗?前端不适配移动端只做桌面端?
    alphardex
        8
    alphardex  
    OP
       133 天前
    @eaststarpen #4 感谢指出,已修复
    alphardex
        9
    alphardex  
    OP
       133 天前
    @cue #7 项目的图片是长图,移动端不太适合,完整查看只能桌面端
    andrew2558
        10
    andrew2558  
       133 天前
    效果很好
    balancircle
        11
    balancircle  
       133 天前
    看着头晕,睡不着时,可以看看 🤣
    biantaoGG
        12
    biantaoGG  
       133 天前
    作为一个特效站,水波纹确实让人一亮。
    作为个人网站的话。。。1 是滚动或拖拽都存在抖动问题。2 是要翻墙。3 是太影响阅读。。作为演示很不错,作为阅读或宣传用有点像好刀用在了错的地方
    pinkGo
        13
    pinkGo  
       133 天前
    真好看
    linuxgo
        14
    linuxgo  
       133 天前
    支持下,感觉不错
    leoSup
        15
    leoSup  
       133 天前
    @rangzr #2 没有全局代理,第一次访问的需要手动添加代理
    YorkWong
        16
    YorkWong  
       133 天前
    看了一会 头有点晕
    formant
        17
    formant  
       133 天前
    头晕,告辞😂
    mskumiko
        18
    mskumiko  
       133 天前
    晕车了,哈哈
    bluedawn
        19
    bluedawn  
       133 天前 via iPhone
    晕,告辞
    heelerdeer
        20
    heelerdeer  
       133 天前
    很酷
    LavaC
        21
    LavaC  
       133 天前
    小册刚开始看,还有机会吗
    wycxgp
        22
    wycxgp  
       133 天前
    整挺好
    zhongchunfeng
        23
    zhongchunfeng  
       133 天前
    很酷,但是点击起来很难受
    vueli
        24
    vueli  
       133 天前
    猜测一下 op 刚入行前端,或者入行学不久。
    milukun
        25
    milukun  
       133 天前
    挺炫酷,但是水波纹效果太晕了,而且遮挡文字
    shuxhan
        26
    shuxhan  
       133 天前
    特效很炫酷
    randyzhang5201
        27
    randyzhang5201  
       133 天前
    滑的我头晕
    88268459
        28
    88268459  
       133 天前
    效果很酷炫
    vacuitym
        29
    vacuitym  
       133 天前
    效果很酷炫,酷炫的有点影响使用
    qq347891134
        30
    qq347891134  
       133 天前
    已 github 点赞,有空学习一波 op 的特效代码
    earthyan
        31
    earthyan  
       133 天前
    帅的
    itenyh
        32
    itenyh  
       133 天前
    播客还是应该以内容为本质
    VincentElis1024
        33
    VincentElis1024  
       133 天前
    看网页竟然晕车了🤣
    luckyzrui
        34
    luckyzrui  
       133 天前
    建议加上缓动,上下滑动时抖动非常明显。
    chosen1cwp
        35
    chosen1cwp  
       133 天前
    能打开,但巨慢
    weijundong
        36
    weijundong  
       133 天前
    跟楼主一个,想搞机器人的可以收藏:nullno.com
    James2099
        37
    James2099  
       133 天前
    是很酷,但是头晕,劝退
    xzeus
        38
    xzeus  
       133 天前
    帅的,眼前一亮
    matthewzhong
        39
    matthewzhong  
       133 天前
    效果很牛逼
    erek
        40
    erek  
       133 天前
    水波纹是败笔
    VitaminC1989
        41
    VitaminC1989  
       133 天前
    想问下楼主 这种前端可视化 webGL 的 行情是不是蛮好的 听说薪资很不错。我是前端小白 后期想选个专精的方向 请问有什么建议吗
    Mark24
        42
    Mark24  
       133 天前
    水波纹很酷,但是所到之处影响阅读
    BIGBIG
        43
    BIGBIG  
       133 天前
    滚动的时候鱼眼效果 —— 晕。
    水波纹 —— 哇,牛皮 怎么实现的?
    piecezzz
        44
    piecezzz  
       133 天前
    ivstranger
        45
    ivstranger  
       133 天前   ❤️ 1
    太美丽啦,理塘
    miKaSaAkerMan
        46
    miKaSaAkerMan  
       133 天前
    好阴间的特效。。
    goodidea1
        47
    goodidea1  
       133 天前
    feikeq
        48
    feikeq  
       133 天前
    个人网站通常活不过三年,但我的例外[嘿哈],有比我这站活得久的么[呲牙]。。。 www.FK68.net
    dddddddddd
        49
    dddddddddd  
       133 天前
    非常酷炫
    ClarkAbe
        50
    ClarkAbe  
       133 天前
    [Imgur]( https://imgur.com/SQ8Iimt)

    Bug 多多...
    不过好花...
    zhenghuiy
        51
    zhenghuiy  
       133 天前
    虽然也喜欢酷酷的个人网站。。但 OP 这个。。感觉就是精准的花里胡哨。。

    动效和炫技的基本原则是,最终呈现出来的交互是舒服的,而不是连内容都看不清了。
    listen6256
        52
    listen6256  
       133 天前
    花里胡哨的效果,内容空洞,本末倒置。
    n0thing2tAll
        53
    n0thing2tAll  
       133 天前
    太成功了
    lilei2023
        54
    lilei2023  
       133 天前
    我擦,看的我头晕目眩!
    kakki
        55
    kakki  
       133 天前
    太酷啦
    wtmlmz
        56
    wtmlmz  
       133 天前
    OP 太强了,有意向合作开源项目的话,方便留个联系方式吗?
    Rorysky
        57
    Rorysky  
       133 天前
    挺帅的
    wtmlmz
        58
    wtmlmz  
       133 天前
    不好意思,刚看到站内有联系方式,不需要了。

    顺便一夸,审美水平达标的前端真的很少很少。
    pppanda
        59
    pppanda  
       133 天前
    对于展示效果来说还行,对于阅读来说体验就有点差了
    samin
        60
    samin  
       133 天前
    我的新版个人网站上线啦!

    https://github.com/SaminZou/study-prj
    moyumoyu
        61
    moyumoyu  
       133 天前
    有源码么?开源吗?
    clvr1024
        62
    clvr1024  
       133 天前
    图片一直在闪烁,有点像老电视没有信号的样子
    alphardex
        63
    alphardex  
    OP
       133 天前
    @moyumoyu #61 源码放在 Github 上了,有兴趣可以看看: https://github.com/alphardex/my-site-2023
    kamto
        64
    kamto  
       133 天前
    好酷呀
    Messiahhh
        65
    Messiahhh  
       133 天前
    牛的
    tiktokxxxx2020
        66
    tiktokxxxx2020  
       133 天前
    非常漂亮,很厉害。
    顺便说一下,楼里酸的人不要太多,晒出你们的作品和楼主的对比一下?
    1044523901
        67
    1044523901  
       133 天前
    艾尔登法环 通关了没?你去打打游戏他不香吗?前端已死........折腾啥.......
    frankkly
        68
    frankkly  
       133 天前
    水波纹让我玩了半天
    diagnostics
        69
    diagnostics  
       133 天前
    如果你要做的是嗑药特效,那么确实可以,这特效看着不太舒服
    DTCPSS
        70
    DTCPSS  
       133 天前
    太潮了
    alphardex
        71
    alphardex  
    OP
       133 天前
    @1044523901 #67 老头环已经全成就通了,就等 DLC 了;就算前端死了,也不妨碍我继续创作
    shangguanshaofu
        72
    shangguanshaofu  
       133 天前
    i 了 i 了
    xiahibb
        73
    xiahibb  
       133 天前
    好牛啊,您能不能在博客上放个口子,用户自己上传一个图片也能实现这个水的效果呀? logo 设计,平面设计太喜欢你这个效果了,这就是心动啊🤩
    cheneydog
        74
    cheneydog  
       133 天前
    好玩,想关注你,但是没有 RSS 哎~
    moyumoyu
        75
    moyumoyu  
       133 天前
    @alphardex 谢谢,虽然没看懂,(⊙o⊙)…
    johnnyNg
        76
    johnnyNg  
       133 天前
    买了 up 的 shader 课,真的很强
    slkfj
        77
    slkfj  
       133 天前
    泰裤辣
    7gugu
        78
    7gugu  
       133 天前
    我去,这个滚动效果很牛逼啊
    1044523901
        79
    1044523901  
       133 天前
    @alphardex 加油 OP ,创作的还是不错的~该冲蜘蛛侠 2 了,上线上啦~
    HHHans
        80
    HHHans  
       133 天前
    打开之后我的老 mac 风扇狂转。。。
    hhpd
        81
    hhpd  
       133 天前
    这特效好骚啊
    dc2002007
        82
    dc2002007  
       133 天前
    楼主是牛逼坏了,站在前端的顶端,绘图搞的溜溜的,666
    wzblog
        83
    wzblog  
       133 天前
    哥,好晕😰
    starinmars
        84
    starinmars  
       133 天前
    这个水波纹真是 6 啊
    ck65
        85
    ck65  
       133 天前
    赞美会 gl 的大佬,浏览器 pbr 有点 exciting
    shuxge1223
        86
    shuxge1223  
       133 天前
    本来不头晕的,看了评论,头晕了
    rekord
        87
    rekord  
       133 天前 via Android
    很酷,所以有没有 rss 链接
    zololiu
        88
    zololiu  
       133 天前
    我是看水波纹还是阅读文章啊?
    daodao
        89
    daodao  
       133 天前
    楼主应该是南京的吧?哈哈 我们应该见过。
    redmoon0825823
        90
    redmoon0825823  
       133 天前
    我的熊猫监控(xmtui.com)也上线了,借贵宝地发一波,我和楼主一样也用 netlify ,楼主都做的这么酷炫了,高低得整个域名啊
    Aloento
        91
    Aloento  
       133 天前
    头晕目眩
    rekulas
        92
    rekulas  
       133 天前
    上面居然这么多头晕的让我灵机一动
    op 把这个库的主题改为助眠库,一定会收获一大波粉丝
    Outshine
        93
    Outshine  
       133 天前
    好奇图片效果是怎么实现的? view transition api ?
    jiuhuicinv
        94
    jiuhuicinv  
       132 天前
    技术很牛,体验不太好
    kneo
        95
    kneo  
       132 天前 via Android
    打开一看啥也没有,就一句用 PC 端打开,简直是羞辱。
    keepRun
        96
    keepRun  
       132 天前
    打开一看,发现我早就买了你的课,课程做得很好,哈哈哈
    GPLer
        97
    GPLer  
       132 天前 via Android
    总感觉醉翁之意不在酒 ←_←
    话说夏末支持导入外部模型吗,怎么没看到导入按钮。
    lonjin
        98
    lonjin  
       132 天前
    真牛逼
    a90120411
        99
    a90120411  
       132 天前
    发现早就在 Codepen 上关注过您,看您的代码学到不少东西,感谢~
    domoco
        100
    domoco  
       132 天前
    使用无极滚轮快速滚动的时候有种时空穿梭的效果
    1  2  
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   1098 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 33ms · UTC 18:07 · PVG 02:07 · LAX 10:07 · JFK 13:07
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.