
收束成标收尾
物体在缓出旋转中停下,停止那一帧的角度正好是 logo 轮廓或产品的主视角。
旋转结束的那一帧就是 logo,过程交代平面标志的三维来源;转速逐渐降低,最后 0.8s 几乎在慢速逼近目标;材质只用三档灰、平面光,角度读得清楚。
cubic-bezier(0.16,1,0.3,1)(expo.out,归一化到恰好在 1 结束),无回弹;旋转角度 = 1.62 圈 ×(1 − 缓动进度),倾斜四元数在同一条曲线上 slerp 到单位姿态;飞入和落标 expo.out;淡入 smoothstep#0b0b0c,三个面用三档平面灰(顶面 #ecebe7,最暗 #5c5b58,左面居中),无高光;180° 快门运动模糊(子帧累加);字标 Inter 600、103px、#ecebe7用「旋转落定(Rotate to Lockup)」做 logo 收尾。近黑底(#0b0b0c),固定正交相机。画面中央 0.2–0.42 秒淡入一个切成三层的立方体(层间缝为边长的 5%),绕斜轴翻转 1.62 圈:用 expo.out(cubic-bezier(0.16,1,0.3,1))共 2.5 秒(0.2–2.7 秒),前 1 秒完成约 1.5 圈,转速逐渐降低,六边形轮廓从画面高 30% 放大到 40%(324px 到 432px)。最后一圈落在等轴测姿态(rotX 35.264°,rotY −45°),某个顶点朝向镜头,正好对齐你的 logo 轮廓;三块板沿视线对角方向错位,直到这个终点角度才对齐。停住 2.3 秒,无回弹。三个面只用三档平面灰(顶面 #ecebe7,最暗 #5c5b58,左面居中),无高光,倒角和渐变只在运动时出现,加 180° 快门运动模糊。5.0 秒切第二个镜头:三块板从 5.14 秒起从画外飞入,每块 expo.out 0.8 秒,错开 0.08 秒,旋转归位并从 1.3 倍缩到 1 倍,拼成 300px 的标。6.55 秒标缩到 150px 并向左让位 0.9 秒(expo.out),字标从它身后被揭开(裁切边跟随标,x −36px→0)。停到 10 秒。用 Three.js 实现:正交相机,自定义平面着色材质,旋转用绕视图空间轴的角度加一个从倾斜四元数出发的 slerp。


