Menu: faster load, orange/black loading theme, tighter knife grip - #34
Merged
Conversation
…n instant boot loader The menu boot was blocked on ~95 MB of GLB textures and a synchronous 75 MB remote-player download before the first frame painted, so the tab sat blank for several seconds. - Compress the 4 character/knife GLBs from ~95 MB to ~7 MB by resizing textures to 1024px and re-encoding as WebP (geometry untouched; Three decodes EXT_texture_webp natively, so no loader changes). - Defer remotePlayers.load() (the ~75 MB opponents) to the background and await it only when a play session actually enters a map, so the menu paints immediately instead of blocking the first render. - Add an instant inline-CSS boot loader (menu-themed orange/black) that paints before the JS bundle and is dismissed once the menu is up.
The in-game map loading overlay and the body background were still on the old teal accent, which flashed blue against the new orange/black menu. - Swap the body/#app background gradients from teal/amber to orange on near-black so the pre-menu paint matches the menu. - Retheme .loading-overlay/.loading-panel/.loading-title/.loading-progress/ .loading-detail from teal to the orange/black palette.
The menu hero gripped the knife with the fist pinched near the pommel, leaving a length of bare wooden handle exposed between the fist and the guard so it read as loosely held. Slide the menu knife up its handle so the fist closes right at the guard and tuck it into the palm so the pommel sits behind the fist — a proper hammer-grip hold across the full preview sway. Menu-only (MENU_KNIFE_GRIP_ POSITION); the in-game third-person hold is unchanged.
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
Three menu-facing improvements:
⚡ Performance — kill the slow blank boot
EXT_texture_webpnatively so no loader changes).remotePlayers.load()(opponent models) to the background and onlyawaitit when a play session actually enters a map — the menu no longer blocks its first paint on 75 MB.🎨 Theme — no more blue flash
#appbackground and the in-game map loading overlay were still on the old teal accent. Retheme both to the menu's orange/black palette so nothing flashes blue before/around the menu.🔪 Hero knife grip
MENU_KNIFE_GRIP_POSITION) so the fist closes right at the guard and the pommel tucks behind the fist — a proper hammer-grip across the full preview sway. Menu-only; the in-game third-person hold is unchanged.Verification
npm run ci: tsc clean, 132/132 tests pass, production build clean (only the pre-existing >500 kB chunk warning).