这是一款基于Three.js、原生 JavaScript 与 CSS技术实现的随页面滚动改变球体形态的工作室官网。球体从悬浮阵列坠落、碰撞,再聚合为心形并向镜头飞出,搭配分屏文字与配色切换。
重力球阵的画面与交互特点
页面用多个滚动章节串联悬浮、重力坠落、聚合和飞出镜头等阶段。球体运动带碰撞与回弹,聚合阶段可受指针扰动;设置抽屉提供多种首屏配色。
重力球阵的素材与参数修改位置
script.js 控制场景与滚动阶段,index.html 编辑章节和入口文案,style.css 管理分屏排版、加载画面及设置抽屉。
重力球阵的使用场景与适配
适合作品集和创意机构展示,页面表单与业务接口需按实际用途接入,实时场景应控制球体数量。