[feat] Enhanced LOD system with component-driven approach #4371
Conversation
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
- Add continuous lodScore (0-1) to useLOD composable for smooth transitions - Add minimal performance optimizations to existing LOD CSS (disable text-shadow, GPU acceleration) - Create comprehensive LOD implementation guide for widget developers - Fix TransformPane tests to match current event listener implementation Key improvements: - Components can now make their own LOD decisions using lodScore - Enhanced existing LOD CSS with performance optimizations only - Extensive documentation with examples for developers and designers - Backwards compatible - existing discrete levels still work The enhanced system maintains the zoom-based approach while providing more granular control for individual components.
christian-byrne
force-pushed
the
enhanced-lod-system
branch
from
8f5ff74 to
6027c12
Compare
- Remove widgets/README.md (not requested, inaccurate) - Clarify lodScore as primary API for granular control - Clarify lodLevel as convenience API for simple decisions - Update documentation examples to show both approaches
Contributor
Author
|
The idea here is to use less global CSS classes for LOD and instead expose the We might get design help on this later. |
benceruleanlu
pushed a commit
that referenced
this pull request
Jul 24, 2025
benceruleanlu
pushed a commit
that referenced
this pull request
Jul 24, 2025
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
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
Enhances the Level of Detail (LOD) system to be more flexible and component-driven while keeping it simple and zoom-based.
Key Changes
lodScore(0-1) touseLODcomposable for smooth transitions instead of discrete jumpsBenefits
Documentation Added
LOD_IMPLEMENTATION_GUIDE.md- Complete guide with examples for developers and designerswidgets/README.md- Quick reference for widget development patternsThe enhanced system maintains the zoom-based approach while providing more granular control for individual components to implement their own LOD strategies.
Fixes need for component-driven LOD decisions in Vue nodes system.
┆Issue is synchronized with this Notion page by Unito