diff --git a/app/src/main/assets/steam-startup/droiddeck-startup.webm b/app/src/main/assets/steam-startup/droiddeck-startup.webm index 0c69191f9..ee181257b 100644 Binary files a/app/src/main/assets/steam-startup/droiddeck-startup.webm and b/app/src/main/assets/steam-startup/droiddeck-startup.webm differ diff --git a/artwork/boot-animation-source/README.md b/artwork/boot-animation-source/README.md index 72f7d0c1b..e1915c39a 100644 --- a/artwork/boot-animation-source/README.md +++ b/artwork/boot-animation-source/README.md @@ -1,7 +1,7 @@ # DroidDeck boot animation This source accompanies the single Steam startup movie bundled by the app: -`app/src/main/assets/steam-startup/droiddeck-startup.webm` (1920×1080, dark theme, VP9 video +`app/src/main/assets/steam-startup/droiddeck-startup.webm` (1920×1080, pitch black background, VP9 video with Opus audio). `droiddeck-boot.html` is the editable animation; the scripts and WAV below reproduce the selected render. No alternate MP4 or WebM exports are kept in the repository. diff --git a/artwork/boot-animation-source/droiddeck-boot.html b/artwork/boot-animation-source/droiddeck-boot.html index 78d5e6f65..353ebc0a9 100644 --- a/artwork/boot-animation-source/droiddeck-boot.html +++ b/artwork/boot-animation-source/droiddeck-boot.html @@ -36,7 +36,7 @@ h1{font-size:1.35rem;font-weight:600;letter-spacing:-.01em;margin:0} .meta{color:var(--muted);font-size:.9rem;margin:0} .stage{position:relative;width:100%;aspect-ratio:16/10;border-radius:14px;overflow:hidden;background:#D6E1EA;box-shadow:0 0 0 1px var(--stage-edge),0 18px 50px -24px rgba(10,20,30,.45)} .stage canvas{display:block;width:100%;height:100%;cursor:pointer} -.stage.dark{background:#07090C} +.stage.dark{background:#000} .stage.dark .hint{color:#C9D3DD} .head-l{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap} .version{display:inline-flex;border-radius:999px;background:var(--panel);box-shadow:inset 0 0 0 1px var(--line);padding:3px} @@ -185,7 +185,8 @@ const DD = (() => { const ORB = '#1A9FFF'; const THEMES = { light: { ink: '#1b1b1b', bg: ['#EDF3F8', '#DCE6EE', '#B6C7D6'], shadow: '22,40,58', shadowK: 1, ringA: 1, ringGlow: 0, glow: 0, noise: 3 }, - dark: { ink: '#FFFFFF', bg: ['#1B222B', '#0F1419', '#030405'], shadow: '0,0,0', shadowK: 2.3, ringA: 1.5, ringGlow: 14, glow: .34, noise: 4 }, + // Keep the shipped Steam render black between and around the animated pieces. + dark: { ink: '#FFFFFF', bg: ['#000000', '#000000', '#000000'], shadow: '0,0,0', shadowK: 2.3, ringA: 1.5, ringGlow: 14, glow: .34, noise: 0 }, }; let TH = THEMES.light, THN = 'light'; const setTheme = n => { THN = THEMES[n] ? n : 'light'; TH = THEMES[THN]; };