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

[alphardex]

地址： https://haobinwang-2023.netlify.app/
主要技术：three.js 、gsap 、Shader
欢迎大家点评。

感谢大家点评，来统一回复一波吧。
1. 代理问题，我这边不用代理是能直接打开的，或许跟地区有关？
2. 头晕问题，鼠标滚得太快会产生较大的扭曲，慢慢地拖拽吧。
3. 水波纹问题，鼠标不动就不会产生，而且消失得也很快。
4. 鼠标滚轮抖动问题，这个有点难弄，尽量用拖拽吧。
5. 针对 2 、3 这两点，或许以后会出一个定制化特效的界面？但这样又增加了复杂度，emmmm
（其实已经有了，只不过是调试页，https://haobinwang-2023.netlify.app/#debug ）
以后会继续努力优化的~

特效的开关已加，如果觉得头晕不适应的可以点击右下角的开关来关闭它。

[xipuxiaoyehua]

直连打不开，得上代理

[rangzr]

@xipuxiaoyehua 我寻思你是咋评论的

[bless110]

打不开

[eaststarpen]

滚轮方向和正常是反的

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

水波效果很不错

[Creamliu]

@rangzr 分流。要代理打开说明要额外加规则。

[Exgirlfriends]

我擦。。
鼠标效果回想到了 03 年做个人主页的时候.............

[cue]

真的是前端吗？前端不适配移动端只做桌面端？

[alphardex]

@eaststarpen #4 感谢指出，已修复

[alphardex]

@cue #7 项目的图片是长图，移动端不太适合，完整查看只能桌面端

[andrew2558]

效果很好

[balancircle]

看着头晕，睡不着时，可以看看 🤣

[biantaoGG]

作为一个特效站，水波纹确实让人一亮。
作为个人网站的话。。。1 是滚动或拖拽都存在抖动问题。2 是要翻墙。3 是太影响阅读。。作为演示很不错，作为阅读或宣传用有点像好刀用在了错的地方

[pinkGo]

真好看

[linuxgo]

支持下，感觉不错

[leoSup]

@rangzr #2 没有全局代理，第一次访问的需要手动添加代理

[YorkWong]

看了一会 头有点晕

[formant]

头晕，告辞😂

[mskumiko]

晕车了，哈哈

[bluedawn]

晕，告辞

[heelerdeer]

很酷

[LavaC]

小册刚开始看，还有机会吗

[wycxgp]

整挺好

[zhongchunfeng]

很酷，但是点击起来很难受

[vueli]

猜测一下 op 刚入行前端，或者入行学不久。

[milukun]

挺炫酷，但是水波纹效果太晕了，而且遮挡文字

[shuxhan]

特效很炫酷

[randyzhang5201]

滑的我头晕

[88268459]

效果很酷炫

[vacuitym]

效果很酷炫，酷炫的有点影响使用

[qq347891134]

已 github 点赞，有空学习一波 op 的特效代码

[earthyan]

帅的

[itenyh]

播客还是应该以内容为本质

[VincentElis1024]

看网页竟然晕车了🤣

[luckyzrui]

建议加上缓动，上下滑动时抖动非常明显。

[chosen1cwp]

能打开，但巨慢

[weijundong]

跟楼主一个，想搞机器人的可以收藏：nullno.com

[James2099]

是很酷，但是头晕，劝退

[xzeus]

帅的，眼前一亮

[matthewzhong]

效果很牛逼

[erek]

水波纹是败笔

[VitaminC1989]

想问下楼主 这种前端可视化 webGL 的 行情是不是蛮好的 听说薪资很不错。我是前端小白 后期想选个专精的方向 请问有什么建议吗

[Mark24]

水波纹很酷，但是所到之处影响阅读

[BIGBIG]

滚动的时候鱼眼效果 —— 晕。
水波纹 —— 哇，牛皮 怎么实现的？

[piecezzz]

晕

[ivstranger]

太美丽啦，理塘

[miKaSaAkerMan]

好阴间的特效。。

[goodidea1]

晕

[feikeq]

个人网站通常活不过三年，但我的例外[嘿哈]，有比我这站活得久的么[呲牙]。。。 www.FK68.net

[dddddddddd]

非常酷炫

[ClarkAbe]

[Imgur]( https://imgur.com/SQ8Iimt)

Bug 多多...
不过好花...

[zhenghuiy]

虽然也喜欢酷酷的个人网站。。但 OP 这个。。感觉就是精准的花里胡哨。。

动效和炫技的基本原则是，最终呈现出来的交互是舒服的，而不是连内容都看不清了。

[listen6256]

花里胡哨的效果，内容空洞，本末倒置。

[n0thing2tAll]

太成功了

[lilei2023]

我擦，看的我头晕目眩！

[kakki]

太酷啦

[wtmlmz]

OP 太强了，有意向合作开源项目的话，方便留个联系方式吗？

[Rorysky]

挺帅的

[wtmlmz]

不好意思，刚看到站内有联系方式，不需要了。

顺便一夸，审美水平达标的前端真的很少很少。

[pppanda]

对于展示效果来说还行，对于阅读来说体验就有点差了

[samin]

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

https://github.com/SaminZou/study-prj

[moyumoyu]

有源码么？开源吗？

[clvr1024]

图片一直在闪烁，有点像老电视没有信号的样子

[alphardex]

@moyumoyu #61 源码放在 Github 上了，有兴趣可以看看： https://github.com/alphardex/my-site-2023

[kamto]

好酷呀

[Messiahhh]

牛的

[tiktokxxxx2020]

非常漂亮，很厉害。
顺便说一下，楼里酸的人不要太多，晒出你们的作品和楼主的对比一下？

[1044523901]

艾尔登法环 通关了没？你去打打游戏他不香吗？前端已死........折腾啥.......

[frankkly]

水波纹让我玩了半天

[diagnostics]

如果你要做的是嗑药特效，那么确实可以，这特效看着不太舒服

[DTCPSS]

太潮了

[alphardex]

@1044523901 #67 老头环已经全成就通了，就等 DLC 了；就算前端死了，也不妨碍我继续创作

[shangguanshaofu]

i 了 i 了

[xiahibb]

好牛啊，您能不能在博客上放个口子，用户自己上传一个图片也能实现这个水的效果呀？ logo 设计，平面设计太喜欢你这个效果了，这就是心动啊🤩

[cheneydog]

好玩，想关注你，但是没有 RSS 哎~

[moyumoyu]

@alphardex 谢谢，虽然没看懂，(⊙o⊙)…

[johnnyNg]

买了 up 的 shader 课，真的很强

[slkfj]

泰裤辣

[7gugu]

我去，这个滚动效果很牛逼啊

[1044523901]

@alphardex 加油 OP ，创作的还是不错的~该冲蜘蛛侠 2 了，上线上啦~

[HHHans]

打开之后我的老 mac 风扇狂转。。。

[hhpd]

这特效好骚啊

[dc2002007]

楼主是牛逼坏了，站在前端的顶端，绘图搞的溜溜的，666

[wzblog]

哥，好晕😰

[starinmars]

这个水波纹真是 6 啊

[ck65]

赞美会 gl 的大佬，浏览器 pbr 有点 exciting

[shuxge1223]

本来不头晕的，看了评论，头晕了

[rekord]

很酷，所以有没有 rss 链接

[zololiu]

我是看水波纹还是阅读文章啊？

[daodao]

楼主应该是南京的吧？哈哈 我们应该见过。

[redmoon0825823]

我的熊猫监控(xmtui.com)也上线了，借贵宝地发一波，我和楼主一样也用 netlify ，楼主都做的这么酷炫了，高低得整个域名啊

[Aloento]

头晕目眩

[rekulas]

上面居然这么多头晕的让我灵机一动
op 把这个库的主题改为助眠库,一定会收获一大波粉丝

[Outshine]

好奇图片效果是怎么实现的？ view transition api ？

[jiuhuicinv]

技术很牛，体验不太好

[kneo]

打开一看啥也没有，就一句用 PC 端打开，简直是羞辱。

[keepRun]

打开一看，发现我早就买了你的课，课程做得很好，哈哈哈

[GPLer]

总感觉醉翁之意不在酒 ←_←
话说夏末支持导入外部模型吗，怎么没看到导入按钮。

[lonjin]

真牛逼

[a90120411]

发现早就在 Codepen 上关注过您，看您的代码学到不少东西，感谢~

[domoco]

使用无极滚轮快速滚动的时候有种时空穿梭的效果