Awesome GitHub RepositoriesViewport Coordinate Mapping

ScrollMagic is a DOM scroll interaction framework and animation engine used to map scroll progress to callbacks and visual effects. It functions as a library for triggering animations based on a user's scroll position and the proximity of elements to the viewport. The framework employs a plugin-based system to extend core behavior and customize how elements react during movement. This allows for the development of non-standard scrolling interactions and interactive storytelling experiences where content transitions are tied to the scroll position. The system provides capabilities for viewpor

iscroll is a JavaScript smooth scrolling library and web interaction framework. It provides a 2D web panning controller and a CSS transform zoom engine to manage inertial scrolling, panning, and zooming for web elements across different devices. The project enables the implementation of custom scrollbar interfaces and navigation maps that track the current viewport position. It supports the creation of interactive web carousels with element snapping, web parallax effects, and content scaling via pinch-to-zoom or mouse-wheel inputs. The library covers a broad range of interaction capabilities

This repository is a comprehensive collection of functional 2D and 3D demo projects and implementation samples for the Godot Game Engine. It serves as an interactive tutorial and reference library, providing a working codebase to demonstrate how to apply engine features in real-world scenarios. The collection focuses on practical implementation guides, covering a wide array of technical capabilities from basic engine fundamentals to advanced rendering and scripting techniques. It allows users to study the application of node-based composition, asset pipelines, and game logic through direct ex

markdown-preview.nvim is a real-time browser-based previewer for Markdown files written within the Neovim text editor. It functions as a live Markdown renderer that converts source text into HTML and provides a synchronized scroll interface to coordinate the editor and the browser preview window. The tool allows for visual customization through a Markdown CSS customizer, enabling the application of custom stylesheets to the rendered documents. It also supports the embedding of local image assets and the rendering of technical diagrams, charts, and mathematical formulas. The system manages th

StickyListHeaders est une bibliothèque d'en-têtes collants Android et une extension RecyclerView. Elle sert de composant d'interface utilisateur pour organiser de grands jeux de données en sections catégorisées en utilisant des en-têtes qui s'épinglent en haut de l'écran pendant le défilement. La bibliothèque fournit des fonctionnalités pour créer des en-têtes de section collants et des sections de liste extensibles, permettant aux sous-éléments groupés d'être réduits ou développés pour simplifier la navigation. L'implémentation couvre le mappage des coordonnées de la fenêtre d'affichage, la gestion du z-index pour la superposition visuelle et l'épinglage basé sur la position de défilement. Elle inclut des mécanismes pour suivre les transitions d'en-tête et tirer parti des gestionnaires de mise en page pour déterminer quand les éléments entrent dans un état collant.

OpenSeadragon is a JavaScript library and tiled image rendering engine designed for high-resolution image viewing. It functions as a deep zoom image viewer that renders massive images using a tiled pyramid approach, enabling smooth panning and zooming without requiring the full image file to be loaded. The project distinguishes itself through broad support for standardized image retrieval protocols, including the International Image Interoperability Framework (IIIF), IIPImage, Iris, and OpenStreetMap. It provides a hardware-accelerated rendering layer via WebGL to apply real-time filters and

Runestone is a web-based code editor component and rendering engine designed for browser-based text editing. It functions as a customizable interface that handles the visual representation of code, including line numbering, indentation, and line wrapping. The project features a rule-based syntax highlighting engine that applies colors to text ranges based on language grammar definitions. It also includes a regex-based text search engine that locates specific patterns and applies visual highlights to matching character offsets. The editor manages text input through automatic character pairing