From 7d62bba411dd84610cc9188b29e18b906fb8b89b Mon Sep 17 00:00:00 2001 From: Robii Aragon <55045932+RobiiAragon@users.noreply.github.com> Date: Wed, 25 Feb 2026 04:34:26 -0800 Subject: [PATCH] Responsive UI for MainMenu & LoadingScreen Convert MainMenu and LoadingScreen UXML/USS to responsive layouts (percent-based sizing, media queries for wide/tall screens), adjust spacing, fonts and colors, and refine spaceship icon and button styles. Update MainMenu and LoadingScreen controllers to force the root TemplateContainer to occupy the full screen. Add Assets/Resources.meta. Update metadata and LFS object IDs for several Unity assets (ReflectionProbe-0.exr.meta importer fields and AssetOrigin, Komikax font LFS oid, Loading.unity, DefaultVolumeProfile.asset, and project settings hashes) to reflect import/serialization changes. --- .../ReflectionProbe-0.exr.meta | 103 ++++++++++++--- Assets/Game/Menus/Fonts/KOMIKAX_ SDF.asset | 2 +- .../Menus/LoadingScreen/LoadingScreen.uss | 93 ++++++++------ .../Menus/LoadingScreen/LoadingScreen.uxml | 2 +- .../LoadingScreen/LoadingScreenController.cs | 5 + Assets/Game/Menus/MainMenu/MainMenu.uss | 118 +++++++++++++----- Assets/Game/Menus/MainMenu/MainMenu.uxml | 12 +- .../Game/Menus/MainMenu/MainMenuController.cs | 5 + Assets/Resources.meta | 8 ++ Assets/Scenes/Loading.unity | 4 +- Assets/Settings/DefaultVolumeProfile.asset | 4 +- ProjectSettings/GraphicsSettings.asset | 4 +- ProjectSettings/ProjectSettings.asset | 4 +- 13 files changed, 265 insertions(+), 99 deletions(-) create mode 100644 Assets/Resources.meta diff --git a/Assets/Game Kit Controller/Scenes/Scenes Data/Mansion Demo (point and click)/ReflectionProbe-0.exr.meta b/Assets/Game Kit Controller/Scenes/Scenes Data/Mansion Demo (point and click)/ReflectionProbe-0.exr.meta index bbff501f..4d21c30e 100644 --- a/Assets/Game Kit Controller/Scenes/Scenes Data/Mansion Demo (point and click)/ReflectionProbe-0.exr.meta +++ b/Assets/Game Kit Controller/Scenes/Scenes Data/Mansion Demo (point and click)/ReflectionProbe-0.exr.meta @@ -1,11 +1,20 @@ fileFormatVersion: 2 guid: c2a0559c8ef49784ab28a89aa237f6fc -timeCreated: 1528652846 -licenseType: Store +AssetOrigin: + serializedVersion: 1 + productId: 40995 + packageName: Game Kit Controller - Shooter Melee Adventure Creator 3D + 2.5D + packageVersion: 3.77g + assetPath: Assets/Game Kit Controller/Scenes/Scenes Data/Mansion Demo (point and + click)/ReflectionProbe-0.exr + uploadId: 814740 TextureImporter: - fileIDToRecycleName: - 8900000: generatedCubemap - serializedVersion: 4 + internalIDToNameTable: + - first: + 89: 8900000 + second: generatedCubemap + externalObjects: {} + serializedVersion: 13 mipmaps: mipMapMode: 0 enableMipMap: 1 @@ -22,7 +31,12 @@ TextureImporter: externalNormalMap: 0 heightScale: 0.25 normalMapFilter: 0 + flipGreenChannel: 0 isReadable: 0 + streamingMipmaps: 0 + streamingMipmapsPriority: 0 + vTOnly: 0 + ignoreMipmapLimit: 0 grayScaleToAlpha: 0 generateCubemap: 6 cubemapConvolution: 1 @@ -45,39 +59,96 @@ TextureImporter: spriteMeshType: 1 alignment: 0 spritePivot: {x: 0.5, y: 0.5} - spriteBorder: {x: 0, y: 0, z: 0, w: 0} spritePixelsToUnits: 100 + spriteBorder: {x: 0, y: 0, z: 0, w: 0} + spriteGenerateFallbackPhysicsShape: 1 alphaUsage: 1 alphaIsTransparency: 0 spriteTessellationDetail: -1 textureType: 0 textureShape: 2 + singleChannelComponent: 0 + flipbookRows: 1 + flipbookColumns: 1 maxTextureSizeSet: 0 compressionQualitySet: 0 textureFormatSet: 0 + ignorePngGamma: 0 + applyGammaDecoding: 0 + swizzle: 50462976 + cookieLightType: 0 platformSettings: - - buildTarget: DefaultTexturePlatform + - serializedVersion: 4 + buildTarget: DefaultTexturePlatform maxTextureSize: 2048 + resizeAlgorithm: 0 textureFormat: -1 textureCompression: 1 compressionQuality: 100 crunchedCompression: 0 allowsAlphaSplitting: 0 overridden: 0 + ignorePlatformSupport: 0 + androidETC2FallbackOverride: 0 + forceMaximumCompressionQuality_BC6H_BC7: 0 + - serializedVersion: 4 + buildTarget: Standalone + maxTextureSize: 2048 + resizeAlgorithm: 0 + textureFormat: -1 + textureCompression: 1 + compressionQuality: 100 + crunchedCompression: 0 + allowsAlphaSplitting: 0 + overridden: 0 + ignorePlatformSupport: 0 + androidETC2FallbackOverride: 0 + forceMaximumCompressionQuality_BC6H_BC7: 1 + - serializedVersion: 4 + buildTarget: Android + maxTextureSize: 2048 + resizeAlgorithm: 0 + textureFormat: -1 + textureCompression: 1 + compressionQuality: 100 + crunchedCompression: 0 + allowsAlphaSplitting: 0 + overridden: 0 + ignorePlatformSupport: 0 + androidETC2FallbackOverride: 0 + forceMaximumCompressionQuality_BC6H_BC7: 1 + - serializedVersion: 4 + buildTarget: WebGL + maxTextureSize: 2048 + resizeAlgorithm: 0 + textureFormat: -1 + textureCompression: 1 + compressionQuality: 100 + crunchedCompression: 0 + allowsAlphaSplitting: 0 + overridden: 0 + ignorePlatformSupport: 0 + androidETC2FallbackOverride: 0 + forceMaximumCompressionQuality_BC6H_BC7: 1 spriteSheet: serializedVersion: 2 sprites: [] outline: [] + customData: physicsShape: [] - spritePackingTag: + bones: [] + spriteID: + internalID: 0 + vertices: [] + indices: + edges: [] + weights: [] + secondaryTextures: [] + spriteCustomMetadata: + entries: [] + nameFileIdTable: {} + mipmapLimitGroupName: + pSDRemoveMatte: 0 userData: assetBundleName: assetBundleVariant: -AssetOrigin: - serializedVersion: 1 - productId: 40995 - packageName: Game Kit Controller - Shooter Melee Adventure Creator 3D + 2.5D - packageVersion: 3.77g - assetPath: Assets/Game Kit Controller/Scenes/Scenes Data/Mansion Demo (point and - click)/ReflectionProbe-0.exr - uploadId: 814740 diff --git a/Assets/Game/Menus/Fonts/KOMIKAX_ SDF.asset b/Assets/Game/Menus/Fonts/KOMIKAX_ SDF.asset index c115841d..932c7b00 100644 --- a/Assets/Game/Menus/Fonts/KOMIKAX_ SDF.asset +++ b/Assets/Game/Menus/Fonts/KOMIKAX_ SDF.asset @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:afaad30531e33bb34fe53acaa8a48306446df5d8e8603bda3ddd4757848162c2 +oid sha256:1cf19fa22109fa6ae93663fdf1f144150c8b316cabe2f7aa1e20cdca6dcd7871 size 7677 diff --git a/Assets/Game/Menus/LoadingScreen/LoadingScreen.uss b/Assets/Game/Menus/LoadingScreen/LoadingScreen.uss index ea7d97e3..36a306cc 100644 --- a/Assets/Game/Menus/LoadingScreen/LoadingScreen.uss +++ b/Assets/Game/Menus/LoadingScreen/LoadingScreen.uss @@ -1,47 +1,68 @@ -/* Contenedor Principal responsivo */ +/* === Base (16:9, ej. 1920x1080) === */ .loading-container { - width: 100%; - height: 100%; flex-grow: 1; - background-color: #000000; + background-color: rgb(0, 0, 0); + flex-direction: row; align-items: flex-end; justify-content: flex-end; - position: relative; + padding-right: 5%; + padding-bottom: 5%; + overflow: hidden; +} + +.spaceship-icon { + width: 10%; + min-width: 100px; + max-width: 200px; + aspect-ratio: 1; + margin-right: 3%; + margin-bottom: 0; + -unity-background-scale-mode: scale-to-fit; } -/* Texto de Carga */ .loading-text { font-size: 50px; - color: #ffffff; + color: rgb(255, 255, 255); -unity-font-style: bold; - margin-right: 40px; - margin-bottom: 40px; - - /* 1. Hacemos la caja más ancha para que quepa "CARGANDO..." con la fuente Komika */ - width: 350px; - - /* 2. Anclamos el texto a la izquierda de la caja */ - -unity-text-align: middle-left; - - /* 3. Evitamos estrictamente que el texto salte a la siguiente línea */ - white-space: nowrap; + -unity-text-align: middle-left; + white-space: nowrap; + width: 280px; + margin-right: 0; + margin-bottom: 0; } -/* Contenedor de la Nave */ -.spaceship-icon { - /* 1. Quitamos position: absolute para que respete el flujo y baje a la esquina */ - position: relative; - - /* 2. Tamaño ajustado */ - width: 250px; - height: 250px; - - /* 3. Márgenes para alinearla con el texto (mismo margin-left que el texto) */ - margin-left: 40px; - - /* 4. Un pequeño margen abajo para que no pegue con las letras */ - margin-bottom: -20px; - - /* Ajuste de imagen */ - -unity-background-scale-mode: scale-to-fit; -} \ No newline at end of file +/* === Responsive: 19:9 (ultra ancho, ej. 2280x1080, 3040x1440) === */ +@media (min-width: 2200px) { + .loading-container { + padding-right: 4.5%; + padding-bottom: 5%; + } + + .spaceship-icon { + width: 9%; + max-width: 260px; + } + + .loading-text { + font-size: 65px; + width: 360px; + } +} + +/* === Responsive: 16:10 (ej. 1920x1200, 2560x1600) === */ +@media (min-height: 1150px) and (max-width: 2199px) { + .loading-container { + padding-right: 5%; + padding-bottom: 5.5%; + } + + .spaceship-icon { + width: 10%; + max-width: 215px; + } + + .loading-text { + font-size: 52px; + width: 290px; + } +} diff --git a/Assets/Game/Menus/LoadingScreen/LoadingScreen.uxml b/Assets/Game/Menus/LoadingScreen/LoadingScreen.uxml index 33856f28..88039a14 100644 --- a/Assets/Game/Menus/LoadingScreen/LoadingScreen.uxml +++ b/Assets/Game/Menus/LoadingScreen/LoadingScreen.uxml @@ -1,6 +1,6 @@