Active Element Display Reorientation for Mobile Games
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Existing display systems for mobile devices, such as smartphones and tablets, face challenges in reorienting game elements like slot reels, leading to reduced symbol size and cluttered interfaces when the screen is rotated, negatively impacting user experience.
Innovation Solution
A system capable of re-rendering user interface elements in multiple orientations without interrupting active elements, using standards-compliant programming components to detect and adapt to changes in display orientation, ensuring seamless animation and maintaining relative positions across orientations, even without a central connection.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Adaptability or versatility
If the screen orientation is changed to vertical, then the display can be rotated to fit different device orientations, but the game screen and reels must be significantly shrunk to fit the reduced screen width, making gameplay harder to follow and cluttered
Solution Approach 1:
The display area is segmented into multiple independent regions: a first display area for showing reels in the first orientation and a second display area for showing reels in the second orientation. This segmentation allows the system to maintain appropriate symbol sizes in each orientation without requiring the entire game screen to be shrunk, thereby preserving gameplay clarity while achieving orientation adaptability.
Solution Approach 2:
The patent introduces a temporal dimension by sequentially switching between first and second display areas based on orientation detection. Instead of forcing a 2D resize problem, the system uses time-based switching between pre-configured display areas optimized for different orientations, maintaining symbol size integrity while adapting to orientation changes.
2Adaptability or versatility
If application code is used to re-draw elements in the new orientation, then the display can be re-oriented, but the code may need to be specific to the device and resolution, increasing system complexity
Solution Approach 1:
The system uses a universal orientation detection mechanism that automatically identifies the current display orientation and selects the appropriate pre-configured display area. This universal approach eliminates the need for device-specific or resolution-specific code, as the same detection and switching logic works across different devices and resolutions.
Solution Approach 2:
Display areas are pre-configured with appropriate orientations and layouts before runtime. The system detects the current orientation and switches to the corresponding pre-prepared display area, eliminating the need for complex real-time re-drawing code and reducing overall system complexity.
3Adaptability or versatility
If reels are shrunk to fit the reduced screen width in vertical orientation, then the display can accommodate the new orientation, but the symbol size is reduced and information becomes cluttered, negatively impacting user experience
Solution Approach 1:
By segmenting the display into orientation-specific areas, the system ensures that symbols are always displayed at their optimal size in the appropriate display area. The first display area optimizes for horizontal orientation while the second display area optimizes for vertical orientation, preventing symbol shrinkage and information clutter.
4Manufacturing precision
If the system re-render user interface elements, then elements can be displayed in the correct orientation, but active interface elements may be interrupted or stopped during the transition
Solution Approach 1:
Display areas are pre-configured with correct orientations and layouts before runtime. When orientation changes, the system simply switches to the pre-configured display area that already has the correct orientation, eliminating the need for interruptive re-rendering operations and maintaining active element continuity.
Data Source
AI summary
A method of repositioning of screen elements from a first orientation to a second orientation with rendering one or more active screen elements on the display area in the first orientation. In one embodiment, upon detection to a second orientation, the active screen elements are re-rendered on the display area to be displayed in the new orientation while the direction of movement of animation remains in the same direction relative to the display area. In another embodiment, the method may consist of maintaining a list of screen elements and a list of graphical features including a directionality indicator where the directionality indicator points in a first direction in a first orientation and the same first direction in a second orientation. Re-rendering may be accomplished using a subset of HTML5 and a subset of CSS3 or its successors without having to use code native to the device containing the display area.