Awesome GitHub RepositoriesInteractive WebGL Visualizers

This project is a GPU-accelerated fluid renderer and interactive WebGL visualizer. It functions as a fluid dynamics sandbox for experimenting with the real-time movement and behavior of liquids. The simulation calculates density, pressure, and vorticity using GPU shaders to maintain high performance. It includes atmospheric visual effects such as bloom and sunrays, alongside tools for capturing the simulation state as static images. The underlying architecture utilizes fragment-shader rendering and ping-pong texture buffering to manage fluid physics. Multi-pass post-processing is used to app

model-viewer est un composant web utilisé pour rendre et interagir avec des modèles 3D directement dans un navigateur web. Il fonctionne comme un moteur de rendu de modèles 3D glTF et un composant WebGL interactif, encapsulant un pipeline de rendu 3D au sein d'un élément HTML personnalisé. Le projet permet la réalité augmentée basée sur le web, permettant aux actifs 3D d'être projetés dans des environnements physiques en utilisant la caméra d'un appareil mobile. Il fournit des outils pour la projection en réalité augmentée et la création d'expériences en combinant des modèles 3D avec le suivi de caméra. Le composant prend en charge la visualisation de produits 3D et l'intégration de graphiques interactifs dans les pages web. Il gère le traitement des actifs glTF et utilise une logique d'interaction par raycast pour permettre aux utilisateurs de manipuler et de visualiser les modèles sous différents angles.

Ce projet est un canevas visuel piloté par l'IA et un framework de tableau blanc collaboratif. Il fonctionne comme un moteur de dessin vectoriel personnalisable et un outil pour convertir des croquis d'interface et des wireframes dessinés à la main en code fonctionnel via l'intelligence artificielle. Le système se distingue par l'intégration d'agents IA capables de lire, modifier et générer des diagrammes visuels directement sur le canevas. Il fournit également un éditeur de workflow basé sur des nœuds pour construire des pipelines d'automatisation et des flux de traitement de données en connectant des composants multimodaux. La plateforme couvre un large éventail de capacités, incluant la collaboration multijoueur en temps réel avec suivi de présence, un canevas infini avec rendu accéléré par GPU, et une suite complète d'outils de manipulation et d'alignement d'objets. Elle implémente également les standards d'accessibilité web et fournit une interface scriptable pour définir des formes personnalisées et des contrôles de canevas programmatiques.

Ce projet est une vitrine de création numérique et un template de portfolio 3D interactif. Il utilise JavaScript et ThreeJS pour rendre un environnement de navigateur navigable afin de présenter des projets professionnels et des œuvres d'art numériques. Le projet implémente une galerie interactive WebGL et des vitrines numériques immersives. Ces environnements utilisent des graphismes accélérés par le matériel pour fournir une navigation 3D et des animations web créatives. L'implémentation technique inclut une scène 3D avec mouvement de caméra et éclairage, supportée par le chargement de modèles GLTF et une interaction basée sur le raycasting. L'architecture emploie un modèle entité-composant-système et une boucle d'animation synchronisée pour gérer le rendu des objets tridimensionnels.

Ce projet est une application éducative multiplateforme construite avec le framework Flutter. Elle sert d'expérience mobile pour explorer des structures artistiques et historiques et fonctionne comme une vitrine pour des techniques avancées de mise en page et d'animation. L'application fonctionne comme un guide de musée interactif, numérisant le patrimoine culturel pour fournir des récits éducatifs et des données historiques sur les structures mondiales. Elle délivre ce contenu via une interface mobile conçue pour l'éducation publique et le divertissement. L'implémentation technique utilise une composition basée sur des widgets et un système de rendu déclaratif. Elle incorpore un canevas de peinture personnalisé pour des graphiques complexes et utilise des transitions pilotées par animation pour interpoler les valeurs entre les états. Le contenu est géré via un mappage basé sur les assets, liant des fichiers de données statiques à des composants de vue spécifiques.

This project is a web-based 3D experience and interactive gallery designed as a personal portfolio. It uses a virtual room simulation to create a spatial representation of a physical environment where users can navigate and explore digital art and creative work. The environment is rendered directly in the browser as an interactive 3D gallery, allowing users to engage with a spatial showcase through first-person navigation. The project utilizes WebGL-based GPU rendering and custom shader-based lighting to display complex spatial environments. It incorporates asynchronous asset loading and an

This project is a customizable animation engine and digital rain visualizer. It functions as a dynamic visual effects sandbox and WebGL graphics demonstration that simulates falling code animations. The system distinguishes itself through the use of browser address bar parameters to modify colors, geometry, and animation speed in real time. It allows for the integration of live camera feeds and static images to create mirrored or masked compositions. The engine covers high-performance graphics rendering, coordinate-based perspective mapping, and dynamic color palette customization via themed

webgl-globe is a WebGL globe visualization library and geospatial renderer used to display latitude and longitude spatial data on an interactive 3D globe. It functions as a 3D data visualization tool that maps coordinate-based datasets into a three-dimensional environment. The library provides capabilities for interactive geographic visualization and spatial data animation, allowing for the rendering of geographic coordinates and the creation of automated motion sequences to illustrate trends or movements over time. It utilizes hardware acceleration to implement a web-based map interface, em