bingshuo/hololake-system-architecture
Watch
1
0
Fork
You've already forked hololake-system-architecture
 0
Code Issues Pull requests 1 Projects Releases Packages Wiki Activity

feat: admit signed dynamic world surface module

Browse source
This commit is contained in:
冰朔 2026-08-19 04:35:49 +08:00
commit 2b1f5d47fd
18 changed files with 584 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

11
product-source/hololake-native-desktop/src/styles.css
View file

@ -563,6 +563,17 @@ svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-lineca
.world-star { position: absolute; border-radius: 50%; background: var(--primitive-star-core); animation: world-star-breathe var(--star-duration) ease-in-out var(--star-delay) infinite; }
@keyframes world-star-breathe { 0%, 100% { opacity: .14; transform: scale(.8); } 50% { opacity: .86; transform: scale(1.15); } }
.world-mist { position: absolute; z-index: 1; left: 6%; right: 6%; top: 38%; height: 70px; filter: blur(12px); pointer-events: none; background: radial-gradient(60% 100% at 50% 50%, var(--primitive-mist-a), var(--primitive-mist-b) 55%, transparent 78%); }
.world-climate-veil { position: absolute; z-index: 1; inset: 44px 0 45px; pointer-events: none; opacity: 0; transition: opacity 1.4s ease, background 1.4s ease; }
.official-world.phase-dawn .world-climate-veil { opacity: .36; background: radial-gradient(90% 58% at 28% 12%, rgba(255, 185, 136, .24), transparent 68%); }
.official-world.phase-day .world-climate-veil { opacity: .24; background: radial-gradient(100% 62% at 50% 0, rgba(214, 232, 255, .26), transparent 70%); }
.official-world.phase-dusk .world-climate-veil { opacity: .34; background: radial-gradient(90% 58% at 72% 16%, rgba(255, 146, 112, .22), transparent 68%); }
.official-world.phase-night .world-climate-veil { opacity: .2; background: radial-gradient(90% 58% at 52% 8%, rgba(80, 98, 176, .2), transparent 72%); }
.official-world.climate-cloud .world-climate-veil,
.official-world.climate-fog .world-climate-veil { opacity: .5; background: radial-gradient(82% 24% at 52% 42%, color-mix(in srgb, var(--primitive-mist-a) 78%, transparent), transparent 76%), radial-gradient(70% 22% at 28% 61%, color-mix(in srgb, var(--primitive-mist-b) 65%, transparent), transparent 78%); }
.official-world.climate-rain .world-climate-veil,
.official-world.climate-storm .world-climate-veil { opacity: .58; background: radial-gradient(95% 48% at 50% 12%, rgba(40, 54, 86, .34), transparent 74%), radial-gradient(70% 22% at 50% 64%, color-mix(in srgb, var(--primitive-cool-glow) 20%, transparent), transparent 75%); }
.official-world.climate-snow .world-climate-veil { opacity: .55; background: radial-gradient(circle at 18% 22%, rgba(255,255,255,.3) 0 1px, transparent 2px), radial-gradient(circle at 68% 34%, rgba(255,255,255,.24) 0 1px, transparent 2px), radial-gradient(90% 42% at 50% 24%, rgba(226,238,255,.18), transparent 74%); background-size: 82px 74px, 113px 96px, auto; }
.climate-panel a { color: var(--accent-light); font-weight: 650; }
.world-shimmer { position: absolute; z-index: 2; inset: 39% 0 42px; overflow: hidden; pointer-events: none; }
.world-shine { position: absolute; width: 38%; height: 130px; border-radius: 50%; filter: blur(34px); animation: world-shine-glide 28s ease-in-out infinite alternate; }
.world-shine.cool { left: 6%; top: 12%; background: color-mix(in srgb, var(--primitive-cool-glow) 18%, transparent); }