9 dépôts
Rendering web content to memory buffers or bitmaps instead of a hardware window.
Distinct from Embedded Web Renderers: Distinct from general embedded renderers by focusing on the lack of a visible UI window.
Explore 9 awesome GitHub repositories matching user interface & experience · Offscreen Rendering. Refine with filters or upvote what's useful.
A-Frame is a declarative 3D scene engine and WebXR framework used to build virtual and augmented reality experiences directly in the web browser. It utilizes an entity component system where generic objects are assigned behaviors through attachable components and lifecycle hooks. The framework allows the assembly of immersive environments using HTML-like markup to define geometries, lighting, and materials. It implements WebXR standards to ensure consistent playback across different hardware and browsers, including support for VR headsets, desktops, and mobile devices. The system covers a br
Generates images of the current scene by rendering the view to an offscreen canvas for screenshots.
CefSharp is a .NET binding for the Chromium Embedded Framework that allows developers to embed a full web browser into desktop applications. It provides an embedded browser control for rendering HTML, CSS, and JavaScript content within a native host window. The project features a bidirectional JavaScript bridge interface that enables the execution of scripts and the exposure of native host classes and methods to the browser environment. It also includes a headless browser automation tool for executing web tasks and capturing page screenshots without a graphical user interface. The library co
Enables rendering web pages to memory buffers or bitmaps for specialized display needs.
This repository contains the HTML specification, which defines the core standards for web page structuring, content organization, and document rendering. It establishes the fundamental algorithms for state-machine-based tokenization, tree construction for the document object model, and origin-based security isolation. The specification provides a framework for defining custom elements with independent lifecycles and registries. It also details the requirements for cross-document communication, session history management, and the synchronization of interface properties with content attributes.
Defines rendering contexts that allow graphics to be processed in background workers without direct document connection.
react-native-skia is a cross-platform graphics framework that provides a high-performance 2D graphics engine for rendering shapes, paths, and images. It functions as a vector graphics engine and UI animation toolkit, allowing for hardware-accelerated visuals across mobile and web platforms. The project is distinguished by its integration of the Skia 2D graphics library, enabling a shader and filter pipeline for complex pixel-level effects. It supports the rendering of Lottie animations exported from After Effects and the execution of animations directly on the UI thread to maintain fluid moti
Allows drawing graphics to non-visible memory buffers to generate snapshots and image files.
heatmap.js is a JavaScript data visualization library used to render data density visualizations on a web page. It functions as an HTML5 canvas heatmap library that represents the intensity of data points across a coordinate system using color gradients. The library provides tools for geospatial distribution mapping and user behavior analysis, such as mapping click patterns and interaction hotspots. It is also used to add visual intensity layers to interactive data dashboards to identify trends and anomalies.
Renders density maps to a hidden offscreen canvas before transferring the final result to the visible screen.
regl is a declarative WebGL library that manages graphics state and GPU resources through functional commands instead of manual binding and state tracking. It provides a command-based drawing abstraction where shaders, attributes, and render state are encapsulated into reusable, compiled functions that can be executed efficiently. What sets regl apart is its scoped state inheritance system, which allows nested drawing commands to inherit and override render state from parent scopes for organized rendering. The library automatically recovers from GPU context loss by restoring buffer and textur
Regl resizes, reads from, and manages framebuffer objects, including cube map attachments, for dynamic off-screen rendering.
Ce projet est une implémentation de React Server Components, fournissant une architecture de composants full-stack qui mélange le rendu côté serveur avec l'interactivité côté client. Il permet le développement d'applications web où les composants côté serveur uniquement pour la récupération de données et les composants clients interactifs coexistent au sein d'un seul arbre de composants. Le système se concentre sur l'orchestration des données serveur-client, permettant l'exécution de fonctions serveur et de mutations de base de données à travers la limite réseau. Il se distingue par une architecture de composants hybride qui déplace l'exécution des composants vers le serveur pour réduire la taille des bundles clients et améliorer les temps de chargement initiaux. Le projet couvre une large gamme de capacités, y compris la récupération de données asynchrone avec suspense, la mémoïsation automatique des composants et l'optimisation du rendu côté serveur. Il inclut également des outils pour gérer l'état complexe, coordonner le chargement des actifs pour éviter les décalages de mise en page, et construire des applications multiplateformes pour le web et le mobile. L'outillage de développement est fourni pour détecter les composants impurs, analyser les dépendances des modules et inspecter les hiérarchies de composants pendant le développement.
Prerenders user interface trees in the background to enable instant navigation without triggering mounting effects.
LittleJS est un moteur de jeu 2D HTML5 léger conçu pour construire des jeux web en utilisant Canvas et WebGL sans dépendances externes. Il intègre un moteur de rendu de sprite WebGL, un moteur physique 2D pour les collisions de style arcade et la dynamique des corps rigides, et un système de recherche de chemin A* basé sur une grille pour la navigation des entités. Le moteur se distingue par son synthétiseur audio procédural, qui génère de la musique et des effets sonores au moment de l'exécution en utilisant des tableaux de paramètres pour minimiser la taille des fichiers. Il dispose également d'un pipeline graphique complet qui prend en charge le post-traitement par shader de fragment personnalisé et un système d'éclairage 2D dynamique. Le framework couvre un large éventail de capacités de développement, y compris la génération d'effets de particules, l'animation de sprite basée sur les images, et le rendu de tilemap avec mise en cache hors écran. Il fournit une gestion unifiée des entrées pour les signaux clavier, souris et manette, ainsi que des utilitaires pour la persistance de l'état du jeu et le suivi des succès via le stockage local. Le projet inclut des outils pour charger des données de niveau à partir de fichiers au format JSON et fournir des superpositions de débogage visuel pour surveiller l'état interne du moteur.
Pre-renders static tile arrays to offscreen canvases to reduce draw calls and improve performance.
mujoco_menagerie is a curated library of physical robot specifications and XML model definitions designed for standardized dynamics and contact simulation. It provides a collection of high-quality robot model files for humanoids, quadrupeds, and manipulators, alongside detailed kinematic and inertial parameters used to reproduce real-world robot behavior in virtual environments. The project serves as a repository of robotics simulation assets and MJCF model definitions optimized for accuracy. It includes standardized model libraries specifically for bipedal, quadrupedal, and humanoid hardware
Outputs visual data to a headless framebuffer for synthetic computer vision in cloud environments.