社区讨论LinuxDo
gemini怎么能如此之香
gemini怎么能如此之香 感谢arena,你的agent很好用 一天,边上自习边改,也就两三轮,成品很好看啊 在线地址: HongShi —— Developer 有些过于美丽了。 好多佬友都在问提示词,我就直接扔在这里了 帮我做一个个人主页,使用 Three.js + GSAP ScrollTrigger 创建,重点实现滚动驱动的顶点过渡效果。 要求: · 固定全屏 <canvas>,页面提供约 400vh 的滚动距离。 · 创建一个 3D Mesh 或 Point Cloud,并使用…
内容摘要
gemini怎么能如此之香
感谢arena,你的agent很好用
一天,边上自习边改,也就两三轮,成品很好看啊
在线地址: HongShi —— Developer
有些过于美丽了。
好多佬友都在问提示词,我就直接扔在这里了
帮我做一个个人主页,使用 Three.js + [GSAP](https://search.bilibili.com/all?from_source=webcommentline_search&keyword=GSAP&seid=14761366285221069465&from_avid=117320521353137&from_comid=314895274817&search_half_screen=0&half_screen_page_type=0&scroll_to_fullscreen=0) ScrollTrigger 创建,重点实现滚动驱动的顶点过渡效果。
要求:
· 固定全屏 <canvas>,页面提供约 400vh 的滚动距离。
· 创建一个 3D Mesh 或 Point Cloud,并使用自定义 ShaderMaterial。
· 顶点包含 initialPosition 和 targetPosition 两组位置数据。
· 使用 uProgress(0.0~1.0)控制两组顶点之间的 morph transition。
· 将 uProgress 直接绑定到 ScrollTrigger 的滚动进度,并使用 s[cru](https://search.bilibili.com/all?from_source=webcommentline_search&keyword=cru&seid=14761366285221069465&from_avid=117320521353137&from_comid=314895274817&search_half_screen=0&half_screen_page_type=0&scroll_to_fullscreen=0)b: true,实现滚动到哪里,顶点形变就进行到哪里。
· 在形变过程中加入 simplex / curl noise 位移,并让噪声强度在过渡中段达到峰值,形成流体、碎裂、重组般的有机效果。
· 深色极简未来感视觉,HTML 文字可随滚动同步淡入淡出。
· 优化顶点数量与 resize 逻辑,目标保持流畅 60 FPS。
请输出可直接运行的HTML,并内联完整 GLSL Vertex Shader 与 Fragment Shader。
另:各位有兴趣换友链吗?我的博客在 红石の空间站 - 一个高中牲的小站
名称: 红石の空间站
链接: https://hongshi.cc.cd
头像: https://hongshi.cc.cd/favicon.png
描述: 一个高中牲的小站
21 个帖子 - 15 位参与者
阅读完整话题
via LINUX DO - 热门话题 (author: HongShi)
相关链接:
http://hongshi.us.ci/
https://hongshi.cc.cd/
https://linux.do/t/topic/2963907