感谢arena，你的agent很好用

一天，边上自习边改，也就两三轮，成品很好看啊

在线地址： HongShi —— Developer

有些过于美丽了。

好多佬友都在问提示词，我就直接扔在这里了

帮我做一个个人主页，使用 Three.js + GSAP ScrollTrigger 创建，重点实现滚动驱动的顶点过渡效果。

要求：

· 固定全屏 <canvas>，页面提供约 400vh 的滚动距离。
· 创建一个 3D Mesh 或 Point Cloud，并使用自定义 ShaderMaterial。
· 顶点包含 initialPosition 和 targetPosition 两组位置数据。
· 使用 uProgress（0.0~1.0）控制两组顶点之间的 morph transition。
· 将 uProgress 直接绑定到 ScrollTrigger 的滚动进度，并使用 scrub: true，实现滚动到哪里，顶点形变就进行到哪里。
· 在形变过程中加入 simplex / curl noise 位移，并让噪声强度在过渡中段达到峰值，形成流体、碎裂、重组般的有机效果。
· 深色极简未来感视觉，HTML 文字可随滚动同步淡入淡出。
· 优化顶点数量与 resize 逻辑，目标保持流畅 60 FPS。

请输出可直接运行的HTML，并内联完整 GLSL Vertex Shader 与 Fragment Shader。

另：各位有兴趣换友链吗？我的博客在 红石の空间站 - 一个高中牲的小站

名称：红石の空间站

链接：https://hongshi.cc.cd

头像：https://hongshi.cc.cd/favicon.png

描述：一个高中牲的小站