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 android ios react-native gl mapbox react-componentA 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.
map mapbox-gl opengl android ios nodejs qt c-plus-plus vector-tiles objective-c-plus-plus openstreetmap monorepo mapbox geojson opengl-es glOpenGL 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.
gl opengl react react-nativeThis 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.
gui nuklear single-header-lib c89 imgui gl ui toolkitCheck 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.
webgl regl stackgl gl graphics computer-graphics opengl glsl data flow reactive functionalReact 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.
react react-renderer renderer render gl webgl webgl2 canvas canvas-html5This 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.
sketch 2d processing js p5js 3d webgl gl opengl threejs canvas canvas2d generative art generativeartStreams 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.
streaming fbo stackgl readpixels gl webgl glsl save export write render png image framebufferPreview and convert DDS files from the command line (compressed textures and HDR cubemaps).This only supports a limited range of DDS formats, see here.
dds preview image dxt dxt10 dx10 cube cubemap faces gl webgl stackgl compressed convert from to png jpg jpeg texture viewerA 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 webgl context simple browserifyQuickly 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.
gl webgl stackgl gif loop meme gratuitous catsExtrudes 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.
triangulate line rendering lines 2d poly polyline path outline stroke gl webgl glsl stackglA 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.
stackgl gl-modules gl webgl glsl modules-gl opengl font text glyph render word wrap ttf otfUses 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 webgl glsl stackgl modules-gl gl-modules image pixel imagedata canvas pixels uint8array rgba rgbIf 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.
glsl gl-modules modules-gl stackgl gl webgl shader program
We have large collection of open source products. Follow the tags from
Tag Cloud >>
Open source products are scattered around the web. Please provide information
about the open source projects you own / you use.
Add Projects.