From de864945c1ae3406ec18c4953d6ef975486b69e3 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=86=B0=E6=9C=94?= <565183519@qq.com> Date: Wed, 26 Aug 2026 09:11:00 +0800 Subject: [PATCH] =?UTF-8?q?planet=20v4=EF=BC=9A=E5=8F=AF=E8=A7=81=E8=87=AA?= =?UTF-8?q?=E8=BD=AC+=E8=84=89=E7=BB=9C=EF=BC=88=E8=AF=AD=E8=A8=80?= =?UTF-8?q?=E4=B8=96=E7=95=8C=E7=9A=84=E7=BB=8F=E8=84=89=EF=BC=89?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 冰朔反馈v3不转/无脉络/单调。修:SVG脉络层7条发光经脉(冷暖交织+辉光, width 200% 26s无缝环移=可见自转);云带提速80s→26s并增强对比;mask放宽。 双动画同频26s。结构验证:veins 7 paths + fph-veins-flow/fph-surf-pan running。 --- .../first-planet-home/FirstPlanetHome.tsx | 12 ++++- .../first-planet-home/first-planet-home.css | 50 +++++++++++++------ 2 files changed, 46 insertions(+), 16 deletions(-) diff --git a/build/mother-brain-desktop-app-phase4-20260825/source/hololake-native-desktop/src/modules/first-planet-home/FirstPlanetHome.tsx b/build/mother-brain-desktop-app-phase4-20260825/source/hololake-native-desktop/src/modules/first-planet-home/FirstPlanetHome.tsx index 4d726ab89..e4956b5b7 100644 --- a/build/mother-brain-desktop-app-phase4-20260825/source/hololake-native-desktop/src/modules/first-planet-home/FirstPlanetHome.tsx +++ b/build/mother-brain-desktop-app-phase4-20260825/source/hololake-native-desktop/src/modules/first-planet-home/FirstPlanetHome.tsx @@ -191,7 +191,17 @@ export function FirstPlanetHome() { ))} {/* 立体悬浮星球 */}
- + + + {specks.map((sp) => ( ))} diff --git a/build/mother-brain-desktop-app-phase4-20260825/source/hololake-native-desktop/src/modules/first-planet-home/first-planet-home.css b/build/mother-brain-desktop-app-phase4-20260825/source/hololake-native-desktop/src/modules/first-planet-home/first-planet-home.css index 44bb451e8..d42b539d5 100644 --- a/build/mother-brain-desktop-app-phase4-20260825/source/hololake-native-desktop/src/modules/first-planet-home/first-planet-home.css +++ b/build/mother-brain-desktop-app-phase4-20260825/source/hololake-native-desktop/src/modules/first-planet-home/first-planet-home.css @@ -124,26 +124,46 @@ } @keyframes fph-breathe { 0%,100% { transform: scale(1); } 50% { transform: scale(1.015); } } -/* 表面纹理:云带+陆块,慢速平移=自转错觉;球形遮罩让边缘收窄 */ +/* 表面:云带+脉络(SVG经脉),26s 环移=可见自转 */ .fph-planet .surf { position: absolute; inset: 0; border-radius: 50%; overflow: hidden; background: - repeating-linear-gradient(100deg, - transparent 0 26px, - color-mix(in srgb, var(--primitive-glass-top) 9%, transparent) 26px 34px, - transparent 34px 60px, - color-mix(in srgb, var(--primitive-nebula-a) 26%, transparent) 60px 74px, - transparent 74px 108px), - repeating-radial-gradient(circle at 40% 60%, + repeating-linear-gradient(96deg, transparent 0 18px, - color-mix(in srgb, var(--primitive-cool-glow) 12%, transparent) 18px 24px, - transparent 24px 44px); - opacity: .6; - -webkit-mask: radial-gradient(circle at 42% 38%, #000 30%, color-mix(in srgb, #000 55%, transparent) 62%, transparent 78%); - mask: radial-gradient(circle at 42% 38%, #000 30%, color-mix(in srgb, #000 55%, transparent) 62%, transparent 78%); - animation: fph-surf-pan 80s linear infinite; + color-mix(in srgb, var(--primitive-glass-top) 16%, transparent) 18px 26px, + transparent 26px 44px, + color-mix(in srgb, var(--primitive-nebula-a) 42%, transparent) 44px 58px, + transparent 58px 84px), + repeating-radial-gradient(circle at 42% 58%, + transparent 0 14px, + color-mix(in srgb, var(--primitive-cool-glow) 20%, transparent) 14px 20px, + transparent 20px 34px); + opacity: .85; + -webkit-mask: radial-gradient(circle at 40% 36%, #000 44%, color-mix(in srgb, #000 62%, transparent) 70%, transparent 86%); + mask: radial-gradient(circle at 40% 36%, #000 44%, color-mix(in srgb, #000 62%, transparent) 70%, transparent 86%); + animation: fph-surf-pan 26s linear infinite; } -@keyframes fph-surf-pan { from { background-position: 0 0, 0 0; } to { background-position: 240px 0, -160px 0; } } +@keyframes fph-surf-pan { from { background-position: 0 0, 0 0; } to { background-position: 168px 0, -112px 0; } } + +/* 脉络:语言世界的经脉,随球自转流动;首尾同形可无缝环移 */ +.fph-planet .surf .veins { + position: absolute; top: 0; left: 0; height: 100%; width: 200%; + animation: fph-veins-flow 26s linear infinite; +} +@keyframes fph-veins-flow { from { transform: translateX(0); } to { transform: translateX(-50%); } } +.fph-planet .veins path { + fill: none; + stroke: color-mix(in srgb, var(--primitive-cool-glow) 62%, transparent); + stroke-width: 0.7; + filter: drop-shadow(0 0 1.5px color-mix(in srgb, var(--primitive-cool-glow) 70%, transparent)); + opacity: .75; +} +.fph-planet .veins path.warm { + stroke: color-mix(in srgb, var(--primitive-warm-glow) 66%, transparent); + filter: drop-shadow(0 0 1.8px color-mix(in srgb, var(--primitive-warm-glow) 75%, transparent)); + opacity: .8; +} +.fph-planet .veins path.faint { stroke-width: 0.45; opacity: .4; } /* 球面光点:文明/星群微光,只落在受光面 */ .fph-planet .speck {