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

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

  •  
  •   alphardex ·
    alphardex · 2023-10-20 08:23:39 +08:00 · 10092 次点击
    这是一个创建于 429 天前的主题,其中的信息可能已经有所发展或是发生改变。
    地址: 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  
    xipuxiaoyehua
        1
    xipuxiaoyehua  
       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 没有全局代理,第一次访问的需要手动添加代理
    YorkWong
        16
    YorkWong  
       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
    挺炫酷,但是水波纹效果太晕了,而且遮挡文字
    shuxhan
        26
    shuxhan  
       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 的特效代码
    earthyan
        31
    earthyan  
       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 啊
    ck65
        85
    ck65  
       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   ·   实用小工具   ·   2417 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 45ms · UTC 02:33 · PVG 10:33 · LAX 18:33 · JFK 21:33
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.