我的新版个人网站上线啦! - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
alphardex
V2EX    分享创造

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

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

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

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

    Bug 多多...
    不过好花...
    zhenghuiy
        51
    zhenghuiy  
       2023-10-20 12:22:31 +08:00
    虽然也喜欢酷酷的个人网站。。但 OP 这个。。感觉就是精准的花里胡哨。。

    动效和炫技的基本原则是,最终呈现出来的交互是舒服的,而不是连内容都看不清了。
    listen6256
        52
    listen6256  
       2023-10-20 12:45:42 +08:00
    花里胡哨的效果,内容空洞,本末倒置。
    n0thing2tAll
        53
    n0thing2tAll  
       2023-10-20 12:49:31 +08:00
    太成功了
    lilei2023
        54
    lilei2023  
       2023-10-20 13:09:32 +08:00
    我擦,看的我头晕目眩!
    kakki
        55
    kakki  
       2023-10-20 13:36:16 +08:00
    太酷啦
    wtmlmz
        56
    wtmlmz  
       2023-10-20 13:46:20 +08:00
    OP 太强了,有意向合作开源项目的话,方便留个联系方式吗?
    Rorysky
        57
    Rorysky  
       2023-10-20 13:47:46 +08:00
    挺帅的
    wtmlmz
        58
    wtmlmz  
       2023-10-20 13:48:51 +08:00
    不好意思,刚看到站内有联系方式,不需要了。

    顺便一夸,审美水平达标的前端真的很少很少。
    pppanda
        59
    pppanda  
       2023-10-20 13:54:29 +08:00
    对于展示效果来说还行,对于阅读来说体验就有点差了
    samin
        60
    samin  
       2023-10-20 13:58:57 +08:00
    我的新版个人网站上线啦!

    https://github.com/SaminZou/study-prj
    moyumoyu
        61
    moyumoyu  
       2023-10-20 14:03:31 +08:00
    有源码么?开源吗?
    clvr1024
        62
    clvr1024  
       2023-10-20 14:18:30 +08:00
    图片一直在闪烁,有点像老电视没有信号的样子
    alphardex
        63
    alphardex  
    OP
       2023-10-20 14:20:36 +08:00
    @moyumoyu #61 源码放在 Github 上了,有兴趣可以看看: https://github.com/alphardex/my-site-2023
    kamto
        64
    kamto  
       2023-10-20 14:30:37 +08:00
    好酷呀
    Messiahhh
        65
    Messiahhh  
       2023-10-20 14:36:25 +08:00
    牛的
    tiktokxxxx2020
        66
    tiktokxxxx2020  
       2023-10-20 14:51:00 +08:00
    非常漂亮,很厉害。
    顺便说一下,楼里酸的人不要太多,晒出你们的作品和楼主的对比一下?
    1044523901
        67
    1044523901  
       2023-10-20 14:59:15 +08:00
    艾尔登法环 通关了没?你去打打游戏他不香吗?前端已死........折腾啥.......
    frankkly
        68
    frankkly  
       2023-10-20 15:02:06 +08:00
    水波纹让我玩了半天
    diagnostics
        69
    diagnostics  
       2023-10-20 15:08:29 +08:00
    如果你要做的是嗑药特效,那么确实可以,这特效看着不太舒服
    DTCPSS
        70
    DTCPSS  
       2023-10-20 15:12:04 +08:00
    太潮了
    alphardex
        71
    alphardex  
    OP
       2023-10-20 15:12:41 +08:00
    @1044523901 #67 老头环已经全成就通了,就等 DLC 了;就算前端死了,也不妨碍我继续创作
    shangguanshaofu
        72
    shangguanshaofu  
       2023-10-20 15:22:09 +08:00
    i 了 i 了
    xiahibb
        73
    xiahibb  
       2023-10-20 15:26:19 +08:00
    好牛啊,您能不能在博客上放个口子,用户自己上传一个图片也能实现这个水的效果呀? logo 设计,平面设计太喜欢你这个效果了,这就是心动啊
    cheneydog
        74
    cheneydog  
       2023-10-20 15:29:06 +08:00
    好玩,想关注你,但是没有 RSS 哎~
    moyumoyu
        75
    moyumoyu  
       2023-10-20 15:33:06 +08:00
    @alphardex 谢谢,虽然没看懂,(⊙o⊙)…
    johnnyNg
        76
    johnnyNg  
       2023-10-20 15:36:45 +08:00
    买了 up 的 shader 课,真的很强
    slkfj
        77
    slkfj  
       2023-10-20 15:44:46 +08:00
    泰裤辣
    7gugu
        78
    7gugu  
       2023-10-20 15:55:00 +08:00
    我去,这个滚动效果很牛逼啊
    1044523901
        79
    1044523901  
       2023-10-20 15:58:26 +08:00
    @alphardex 加油 OP ,创作的还是不错的~该冲蜘蛛侠 2 了,上线上啦~
    HHHans
        80
    HHHans  
       2023-10-20 16:06:45 +08:00
    打开之后我的老 mac 风扇狂转。。。
    hhpd
        81
    hhpd  
       2023-10-20 16:12:09 +08:00
    这特效好骚啊
    dc2002007
        82
    dc2002007  
       2023-10-20 16:29:15 +08:00
    楼主是牛逼坏了,站在前端的顶端,绘图搞的溜溜的,666
    wzblog
        83
    wzblog  
       2023-10-20 16:38:49 +08:00
    哥,好晕
    starinmars
        84
    starinmars  
       2023-10-20 16:50:59 +08:00
    这个水波纹真是 6 啊
    mogita
        85
    mogita  
       2023-10-20 17:00:35 +08:00
    赞美会 gl 的大佬,浏览器 pbr 有点 exciting
    shuxge1223
        86
    shuxge1223  
       2023-10-20 18:02:20 +08:00
    本来不头晕的,看了评论,头晕了
    rekord
        87
    rekord  
       2023-10-20 19:38:52 +08:00 via Android
    很酷,所以有没有 rss 链接
    zololiu
        88
    zololiu  
       2023-10-20 22:25:14 +08:00
    我是看水波纹还是阅读文章啊?
    daodao
        89
    daodao  
       2023-10-20 22:27:35 +08:00
    楼主应该是南京的吧?哈哈 我们应该见过。
    redmoon0825823
        90
    redmoon0825823  
       2023-10-20 22:32:58 +08:00
    我的熊猫监控(xmtui.com)也上线了,借贵宝地发一波,我和楼主一样也用 netlify ,楼主都做的这么酷炫了,高低得整个域名啊
    Aloento
        91
    Aloento  
       2023-10-20 22:56:12 +08:00
    头晕目眩
    rekulas
        92
    rekulas  
       2023-10-20 23:48:59 +08:00
    上面居然这么多头晕的让我灵机一动
    op 把这个库的主题改为助眠库,一定会收获一大波粉丝
    Outshine
        93
    Outshine  
       2023-10-21 01:47:33 +08:00
    好奇图片效果是怎么实现的? view transition api ?
    jiuhuicinv
        94
    jiuhuicinv  
       2023-10-21 02:37:37 +08:00
    技术很牛,体验不太好
    kneo
        95
    kneo  
       2023-10-21 02:50:48 +08:00 via Android
    打开一看啥也没有,就一句用 PC 端打开,简直是羞辱。
    keepRun
        96
    keepRun  
       2023-10-21 03:25:46 +08:00
    打开一看,发现我早就买了你的课,课程做得很好,哈哈哈
    GPLer
        97
    GPLer  
       2023-10-21 04:14:27 +08:00 via Android
    总感觉醉翁之意不在酒 ←_←
    话说夏末支持导入外部模型吗,怎么没看到导入按钮。
    lonjin
        98
    lonjin  
       2023-10-21 10:59:09 +08:00
    真牛逼
    a90120411
        99
    a90120411  
       2023-10-21 11:37:39 +08:00
    发现早就在 Codepen 上关注过您,看您的代码学到不少东西,感谢~
    domoco
        100
    domoco  
       2023-10-21 17:56:45 +08:00
    使用无极滚轮快速滚动的时候有种时空穿梭的效果
    1  2  
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     1303 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 32ms UTC 17:09 PVG 01:09 LAX 09:09 JFK 12:09
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86