介绍
首屏是 WebGL 液体艺术字舞台，文字前景由着色器驱动的流体纹理填充，按钮可切换文案与配色。 下载包保留了首屏主体、状态反馈和可替换的文案结构，适合直接用于活动页、专题页或组件演示页。
效果主体：首屏直接展示标题对应的真实交互或视觉模块
交互方式：保留点击、拖动、切换或实时反馈等必要操作
复用方式：替换文字、参数和颜色即可接入到现有项目中
技术栈
源码使用 HTML5、CSS3 和原生 JavaScript 编写，不依赖第三方框架。页面可以直接通过本地浏览器打开，也方便拆分到 Vue、React 或其他静态项目中。
软件架构
项目结构保持轻量，便于下载后快速定位演示页面、样式文件和脚本逻辑。
- index.html：承载首屏主体结构、按钮、参数面板和状态节点。
- styles.css：负责布局、配色、响应式断点和动画表现。
- script.js：负责交互状态、数据切换、参数同步和降级逻辑。
- preview.png：当前页面的真实浏览器截图，可直接用作下载封面。
安装教程
- 下载并解压 zip 压缩包。
- 进入同名目录后双击 index.html，即可在浏览器中查看效果。
- 如需部署到网站，直接上传整个文件夹到静态空间或服务器目录。
- 如需嵌入已有项目，复制对应的 HTML 结构、CSS 文件和脚本逻辑即可。
使用说明
页面已经整理好标题、模块和状态逻辑，适合先直接演示，再按业务需求替换文字、图形、参数和按钮行为。
- 内容替换：把首屏标题、说明文案和标签内容改成自己的业务信息。
- 参数调整：在 script.js 中修改初始值、切换项或数据数组。
- 样式定制：在 styles.css 中修改颜色变量、间距、字号和响应式断点。
- 项目接入：保留当前反馈逻辑，把模块嵌入活动页、表单页、专题页或品牌 KV 即可。
功能讲解
本资源围绕标题本身组织页面结构，首屏不再混入无关营销壳，重点放在效果主体、反馈逻辑和可替换点上。
- 使用 WebGL canvas 渲染流动色带，再把标题叠加成海报式艺术字主体。
- 控制按钮支持切换文案和色板，预览区同时展示当前参数状态。
- 适合活动主视觉、品牌 KV 或下载站特效封面，打开页面即可看到主体效果。
