react-native-mapbox-gl - A Mapbox GL react native module for creating custom maps

•    Java

Mapbox is the location data platform for mobile and web applications. We provide building blocks to add location features like maps, search, and navigation into any experience you create. Use our simple and powerful APIs & SDKs and our open source libraries for interactivity and control.Not a Mapbox user yet? Sign up for an account here. Once you’re signed in, all you need to start building is a Mapbox access token. Use this same short code with all of our interactive mapping libraries, Python and JavaScript SDKs, and directly against our REST APIs. You can create and manage your access tokens on your Mapbox Account page.

mapbox-gl-native - Interactive, thoroughly customizable maps in native Android, iOS, macOS, Node

•    C++

A library for embedding interactive, customizable vector maps into native applications on multiple platforms. It takes stylesheets that conform to the Mapbox Style Specification, applies them to vector tiles that conform to the Mapbox Vector Tile Specification, and renders them using OpenGL. Mapbox GL JS is the WebGL-based counterpart, designed for use on the Web.If your platform or hybrid application framework isn’t listed here, consider embedding Mapbox GL JS using the standard Web capabilities on your platform.

gl-react-native-v2 - OpenGL bindings for React Native to implement complex effects over images and components, in the descriptive VDOM paradigm

•    Java

OpenGL bindings for React Native to implement complex effects over images and components, in the descriptive VDOM paradigm. gl-react-native is an implementation of gl-react for react-native. Please read the main gl-react README for more information.

nuklear - A single-header ANSI C gui library

•    C

This is a minimal state immediate mode graphical user interface toolkit written in ANSI C and licensed under public domain. It was designed as a simple embeddable user interface for application and does not have any dependencies, a default render backend or OS window and input handling but instead provides a very modular library approach by using simple input state for input and draw commands describing primitive shapes as output. So instead of providing a layered library that tries to abstract over a number of platform and render backends it only focuses on the actual UI. This library is self contained in one single header file and can be used either in header only mode or in implementation mode. The header only mode is used by default when included and allows including this header in other headers and does not contain the actual implementation.

regl - 👑 Functional WebGL

•    Javascript

Check out the gallery. The source code of all the gallery examples can be found here. To try out regl right away, you can use the live editor in the gallery.

react-ape - 🦍• [Work in Progress] React Renderer to build UI interfaces using canvas/WebGL

•    Javascript

React Renderer to build UI interfaces using canvas/WebGL. React Ape is a react renderer to build UI interfaces using canvas/WebGL. React Ape was built to be an optional React-TV renderer. It's mainly a renderer focused on creating things for TV, PS4, Nintendo Switch, PS Vita, PS3 and low memory devices. If you're curious about the name: It's a "joke" with Netflix's React Gibbon renderer. I choose to use Ape then.

The Dream Is Over

Nothing is free in this world. Learn it like I did.

canvas-sketch - [beta] A framework for making generative artwork in JavaScript and the browser.

•    Javascript

This is in early beta stages, don't expect it to work reliably across versions yet. I'm looking for collaborators and beta testers, so please post an issue if you find any problems or want to help out with this project in some way. canvas-sketch is a loose collection of tools, modules and resources for creating generative art in JavaScript and the browser.

gl-pixel-stream - streaming gl.readPixels from an FBO

•    Javascript

Streams chunks of gl.readPixels from the specified FrameBuffer Object. This is primarily useful for exporting WebGL scenes and textures to high resolution images (i.e. print-ready).Before calling this method, ensure your FBO is populated with the content you wish to export. On each chunk, this will bind the given FBO, set the viewport, read the new pixels, and then unbind all FBOs.

glsl-100-to-300 - transpiles GLSL tokens from v100 to v300 es

•    Javascript

Transpile GLSL source tokens from version "100" (WebGL1) to "300 es" (WebGL2).The resulting WebGL2 shader.

preview-dds - preview and save DDS textures from the command line

•    Javascript

Preview and convert DDS files from the command line (compressed textures and HDR cubemaps).This only supports a limited range of DDS formats, see here.

gl-context - A shorthand module for creating a new WebGL context and basic animation loop.

•    Javascript

A shorthand module for creating a new WebGL context and basic animation loop.Normally I'd recommend gl-now, but this is for those cases when you want more flexibility.

gl-gif - Quickly and easily generate looping GIFs using WebGL

•    Javascript

Quickly and easily generate looping GIFs with WebGL using @jnordberg's gif.js.Note that if you change the size of your canvas after creating the encoder, gif.tick will throw an error.

turntable-camera - A turntable camera for use in 3D scenes

•    Javascript

A turntable camera for use in 3D scenes. Useful as a limited alternative to orbit-camera in specific cases.Creates a new turntable camera instance.

canvas-loop - canvas loop/scale utility

•    Javascript

Yet another canvas shell utility, built on canvas-fit and raf-loop. Useful for full-screen retina canvas demos.See demo.es6 for a full demo.

extrude-polyline - triangulates a 2D polyline into a stroke

•    Javascript

Extrudes a 2D polyline with a given line thickness and the desired join/cap types. Tries to maintain visual consistency with HTML5 2D context stroking.The returned mesh is a simplicial complex.

fontpath-gl - a gl implementation of vector font rendering

•    Javascript

A 2D fontpath renderer for stackgl. As opposed to gl-render-text, which is texture based, this renderer is path-based.The following will produce filled text, drawn with triangles.

fontpath-renderer - a generic renderer for fontpath glyphs

•    Javascript

A generic renderer for fontpath glyphs.This is a low-level module and is mostly used internally.

get-image-pixels - Gets the RGBA pixel array from an Image/Video/Canvas source

•    Javascript

Uses an intermediary canvas node to grab the RGBA pixels of the given source, with an optional clipping region. Works on HTML Canvas, Image, and Video elements.Gets the RGBA pixels from HTML Image/Video/Canvas element as a Uint8Array with some optional parameters.

gl-basic-shader - generates a basic shader with vertex attributes

•    Javascript

If the texcoord, normal or color options are false (or texcoord is 0) then that attribute will not be included in the shader.The projection, model, and view matrices are set to an identity matrix initially.