Projects sharing features with Pannellum

This project is a creative coding showcase and interactive 3D portfolio template. It utilizes JavaScript and ThreeJS to render a navigable browser environment for presenting professional projects and digital artwork. The project implements a WebGL interactive gallery and immersive digital showcases. These environments use hardware-accelerated graphics to provide 3D navigation and creative web animations. The technical implementation includes a 3D scene with camera movement and lighting, supported by GLTF model loading and raycaster-based interaction. The architecture employs an entity-compon

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

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

model-viewer is a web component used to render and interact with three-dimensional models directly in a web browser. It functions as a glTF 3D model renderer and an interactive WebGL component, encapsulating a 3D rendering pipeline within a custom HTML element. The project enables web-based augmented reality, allowing 3D assets to be projected into physical environments using a mobile device camera. It provides tools for augmented reality projection and experience creation by combining 3D models with camera tracking. The component supports 3D product visualization and the integration of inte

OpenSC2K is an open-source JavaScript city builder engine designed as a recreation of SimCity 2000. It functions as a web-based simulation that uses the Phaser 3 framework to implement game loops and entity management. The project utilizes WebGL and Canvas rendering to visualize large-scale urban environments. It includes a coordinate-based camera system that enables panning and zooming across the reconstructed game world. The engine incorporates a data pipeline to parse legacy city files and graphics assets, allowing it to reconstruct and display urban layouts within a modern web browser.

Hilo is an HTML5 game engine for building 2D games that run across browsers and devices. It renders graphics through Canvas, DOM, or WebGL backends, automatically selecting the best option for the target environment. The engine provides a complete game development solution with sprite, skeletal, and particle animation, along with a texture atlas system for efficient image loading and rendering. The framework distinguishes itself through its integration of the DragonBones skeletal animation engine, which drives bone-based character movement without frame-by-frame sprites, and its Chipmunk phys

3d-force-graph is a WebGL-accelerated component for rendering interactive network graphs in three-dimensional space. Built on the ThreeJS library, it positions nodes using a force-directed physics simulation that can be driven by either a D3-force or ngraph engine, producing dynamic layouts that users can rotate, zoom, and pan using mouse, keyboard, or touch controls. The component distinguishes itself through comprehensive camera control capabilities, including programmatic positioning, animated transitions, automatic timed orbiting, and zoom-to-fit functionality that frames all nodes within

Potree is a web-based point cloud rendering engine and viewer designed for the visualization and analysis of massive 3D spatial datasets and LIDAR scans. It functions as a geospatial analysis tool that enables the interactive exploration of high-density point clouds directly within a web browser using WebGL. The system utilizes eye-dome lighting to enhance depth perception of 3D structures and supports virtual reality for immersive spatial exploration. It provides specialized capabilities for 3D scene documentation through hierarchical annotations and the creation of animated camera fly-throu

ogl is a WebGL graphics library and 3D scene graph engine designed for rendering three-dimensional scenes. It provides a lightweight framework for managing geometries and coordinating spatial transformations within a hierarchical system. The project includes a PBR shader system for creating realistic materials and a GPGPU computation framework for performing large-scale general-purpose calculations and particle simulations on the graphics processor. It also features a post-processing suite for applying visual filters to rendered scenes via frame buffers. The library covers broader capabiliti

Tensorspace is a WebGL-based 3D visualization framework and renderer designed to map deep learning model architectures and tensor data into interactive three-dimensional spaces. It serves as a neural network architecture visualizer and model inspector, allowing users to render model topologies and analyze data flow within a web browser. The project distinguishes itself through its ability to convert pre-trained Keras and TensorFlow models into spatial representations. It integrates with TensorFlow.js to execute inference in the browser, enabling the real-time visualization of intermediate act

This project is a three-dimensional developer portfolio template and web application. It uses Three.js to render interactive 3D models, animations, and environmental effects directly within the browser to create an immersive professional showcase. The application integrates artificial intelligence to provide automated responses to visitor inquiries and includes a community forum where authenticated users can share knowledge. It also features a system for generating personalized learning roadmaps based on user profile data and an algorithmic content recommendation system to improve post discov

Vanta is a browser-based engine and library for rendering real-time, interactive 3D animations and stylized visual effects. It initializes and manages WebGL graphics within the HTML5 Canvas element to create animated digital art and dynamic backgrounds for web pages. The engine focuses on interactivity, mapping mouse and touch inputs to real-time visual changes. It provides configuration tools to adjust visual parameters, such as colors and animation properties, to align with specific branding and aesthetic requirements. The system handles the full animation lifecycle, including GPU renderin

L7 is a WebGL-powered geospatial visualization engine and browser-based GIS engine designed for high-performance rendering of large-scale 2D and 3D spatial datasets. It functions as a geographic data visualization library that leverages hardware acceleration to display massive datasets and heatmaps within a web browser. The engine features an abstracted basemap integration layer that decouples data visualization from the underlying map provider, allowing for the use of various map providers or offline deployments. It employs a system for visual variable mapping to translate numeric and catego

noclip.website is a web-based interactive repository and viewer for archived 3D game geometry. It functions as a digital game level museum and archive, providing a browser-based interface to explore the visual and structural history of video game levels. The platform enables users to interact with extracted game scenes through a free-roaming camera and a temporal timeline. These tools allow for scrubbing through game events, freezing specific scene states, and analyzing the layout and design of archived environments. The system manages 3D scene visualization through WebGL rendering and stati

Vizceral is a web-based interactive graph visualization tool and network topology analytics dashboard. It functions as a WebGL network traffic visualizer designed to render animated graphs that display data flow and connection volumes between network nodes. The tool focuses on distributed system monitoring and real-time traffic analysis. It maps network topologies through interactive tiered views, allowing users to navigate from global summaries down to individual node interactions to identify dependencies and communication patterns. The system handles network traffic visualization and topol

Blockbench is a specialized low-poly 3D modeler and texture painter designed for creating models and pixel art textures. It functions as an extensible 3D editor that allows for the production of assets intended for game engines and rendering software. The editor is distinguished by its plugin-based architecture, which enables the development of custom scripts to automate design workflows and add specialized tools. It further integrates a texture painting system that applies pixel art directly onto 3D meshes to achieve a stylized aesthetic. The software covers high-quality 3D rendering for pr

This project is a browser-based framework designed for building three-dimensional, block-based games and interactive simulations. It functions as a JavaScript library that provides the core infrastructure for rendering voxel environments, managing dynamic terrain data, and executing real-time physics within a web-based context. The engine distinguishes itself through a high-performance WebGL rendering pipeline that utilizes texture-atlas material mapping to consolidate visual assets and reduce draw calls. It manages large-scale environments by dividing the world into discrete, chunk-based spa

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

The Book of Shaders is an interactive educational guide and curriculum for learning GLSL fragment shader programming to create procedural graphics and visual effects. It provides a structured learning path and a categorized reference guide for data types, built-in functions, and mathematical operations used in shader development. The project features a web-based shader sandbox and interactive editor that allows for real-time iteration and visualization of GLSL code. Users can experiment with procedural art and share their results via unique URLs. The curriculum covers a wide range of graphic

gxui is an experimental Go GUI framework and cross-platform UI library used to create graphical user interfaces that run on multiple operating systems using a single codebase. The framework utilizes a WebGL web UI renderer that compiles Go application code into JavaScript to display interfaces within a web browser. It employs a cross-platform abstract interface to map UI primitives to different operating system rendering backends. The project covers the development of single-codebase application logic and the rendering of interfaces through hardware-accelerated graphics APIs.

This project is a web-based prize drawing tool and raffle manager that uses a 3D sphere-based interface to execute randomized winner selections. It combines a Three.js visualization layer with an Express backend to simulate a lottery drawing process within a browser. The application allows for the configuration of prize tiers, quantities, and drawing rules through JSON files, while managing winner eligibility and restrictions. It facilitates the coordination of event giveaways by importing participant lists and exporting final results via Excel files for auditing and record-keeping. The syst

This is a custom Android view designed for rendering high-resolution images using subsampling and tiling to prevent memory overflows. It serves as an interactive image component that supports pinch-to-zoom, panning, and double-tap animations. The project is distinguished by its rendering engine, which loads low-resolution previews and high-resolution tiles to enable the efficient navigation of massive image files. It includes a coordinate mapper that converts screen touch points into raw image pixel coordinates and vice versa during scaling and panning. The view provides a broad set of capab

Cesium is a JavaScript library designed for rendering high-precision 3D globes and 2D maps within web browsers. It functions as a visualization engine that leverages hardware-accelerated graphics to display complex geographic data, terrain, and imagery. The library distinguishes itself through a modular architecture that supports the streaming of massive geographic datasets. By employing tiled data delivery and hierarchical level-of-detail optimization, it maintains performance while navigating large-scale environments. It also includes a time-dynamic state management system, which synchroniz

MUI X is a collection of advanced React UI components for building data-rich applications, including a data grid, charting library, date and time pickers, scheduler, and tree view. The library is built with accessibility as a core principle, ensuring all components meet WCAG and WAI-ARIA standards for keyboard navigation and screen reader announcements. The components are designed for extensibility and performance. The data grid offers comprehensive data management with sorting, filtering, pagination, column pinning, row grouping, inline editing, and Excel export. The charting library support

This project is a cross-platform graphics wrapper and translation layer that implements the OpenGL ES and EGL specifications. It functions as a graphics API bridge, mapping OpenGL ES calls and WebGL content to platform-specific hardware APIs such as Vulkan and Metal to ensure consistent rendering across different operating systems. The system features a shader translation service that validates shading language code and transpiles it into multiple target languages, including HLSL, SPIR-V, and Metal SL. It employs a pluggable backend architecture to select the appropriate hardware rendering AP

SandDance is a hardware-accelerated visualization library and web-based data explorer designed for the interactive analysis of large, non-aggregated datasets. It functions as an interactive data visualization tool that renders complex datasets and intricate visuals within a browser. The project provides an embeddable data canvas consisting of web components and tags, allowing for the integration of full visualization interfaces and interactive charts into external web applications. It utilizes WebGL hardware acceleration to efficiently render large volumes of data as interactive graphics. Th

VivaGraphJS is a JavaScript graph visualization library used to render interactive network diagrams and relational data in web browsers. It features a force-directed layout engine that employs physics-based simulations, using spring and charge models to calculate balanced spatial distributions for nodes and links. The library utilizes a modular rendering architecture that decouples mathematical layout logic from the visual output. This allows for interchangeable rendering pipelines, supporting both vector-based SVG diagrams and hardware-accelerated WebGL rendering for large-scale visualizatio