Circular Smartwatch Display Adaptation via Motion Sensors
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Smartwatches with circular display units face challenges in displaying visualizations intended for non-circular screens, often resulting in truncated content visibility due to code incompatibility, requiring web developers to recreate code specifically for circular formats.
Innovation Solution
A display apparatus that includes motion sensors (gyroscope, accelerometer, magnetometer) to adjust the viewing window based on user movement, allowing it to display content originally coded for rectangular screens on circular screens without altering the code, by moving or tilting the device to reveal hidden portions.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Adaptability or versatility
If code is created for non-circular display units, then the visualization can be displayed on rectangular screens, but the smartwatch with circular display cannot display the visualization properly
Solution Approach 1:
The patent introduces a virtual canvas coordinate system that maps rectangular content onto a circular display area. By transforming the display dimension from rectangular to circular through coordinate mapping, the system enables rectangular-coded content to be properly displayed on circular screens without requiring code recreation.
Solution Approach 2:
The patent introduces a canvas element as an intermediary layer between the rectangular visualization code and the circular display hardware. This canvas acts as a mediator that receives rectangular content and transforms it into circular display format through CSS styling and coordinate mapping, eliminating the need for developers to recreate code for different display shapes.
2Productivity
If the circular smartwatch receives code configured for non-circular display, then the code can be executed, but the visualization visibility is limited or non-existent
Solution Approach 1:
The patent transforms the display area from rectangular to circular by applying CSS border-radius and coordinate mapping techniques. This dimensional transformation allows the entire rectangular content to be mapped within the circular boundary, ensuring full content visibility while maintaining code execution efficiency.
Solution Approach 2:
The patent changes the display parameters by modifying the canvas rendering context to match circular geometry. Through parameter adjustments in the coordinate system and rendering settings, the system ensures that all content areas become visible on the circular display without losing information.
3Reliability
If developers recreate code specifically for circular display units, then the visualization displays properly on circular screens, but the development process becomes cumbersome
Solution Approach 1:
The patent creates a universal canvas-based display solution that works with both rectangular and circular display units. By using standard HTML5 canvas elements with circular styling, the same code can be executed on different display types, eliminating the need for separate code recreation while ensuring display accuracy.
Solution Approach 2:
The patent implements a dimension-agnostic coordinate system that automatically adapts to the display shape. Through CSS transformations and canvas coordinate mapping, the system achieves proper display accuracy on circular screens without requiring developers to write shape-specific code, thereby reducing development effort.
Data Source
AI summary
Systems and method herein describe an electronic display apparatus that is amendable to display different types of visualizations. In an embodiment, the electronic display apparatus has a circular display unit. The electronic display apparatus may display content but with some of the portions cut off from visibility to a user. The electronic display apparatus may include motion sensor units and data obtained from these motion sensor units may be used to cause a video controller to send a portion of the content from a frame buffer to the display device to enable the display of different areas of content. The content displayed to the user may change in accordance with movement initiated by the user.