WebGL

JavaScript API for rendering 3D graphics.

152 resources6 categoriesView Original

Libraries(42 items)

A

A-Frame

Web framework for building virtual reality experiences.

Libraries
A

Ammo.js

Direct port of the Bullet physics engine to JavaScript using Emscripten.

Libraries
A

Awesome-AFrame

Libraries
B

Babylon.js

Complete JavaScript framework for building 3D games with HTML5, WebGL and Web Audio.

Libraries
B

Blend4Web

Tool for interactive 3D visualization on the Internet.

Libraries
C

Cannon.js

Lightweight and simple 3D physics engine for the web.

Libraries
C

Cesium

Open-source library for world-class 3D globes and maps.

Libraries
C

ClayGL

WebGL graphic Library for building scalable Web3D applications.

Libraries
C

CopperLicht

JavaScript library and WebGL 3D engine for creating games and 3D applications.

Libraries
D

Deck.gl

WebGL overlay suite for React providing a set of highly performant data visualization overlays.

Libraries
G

GammaCV

WebGL accelerated Computer Vision library for browser.

Libraries
G

GLBoost

Rendering library for 3D graphic geeks.

Libraries
G

GLGE

Javascript library intended to ease the use of WebGL.

Libraries
G

glMatrix

Javascript matrix and vector library for high performance WebGL apps.

Libraries
G

GrimoireGL

Bridge between Web engineers and CG engineers.

Libraries
H

Hilo3d

WebGL rendering engine for 3D games.

Libraries
H

Hologram

Desktop app that let you create and prototype WebVR in interactive way needing no previous coding knowledge.

Libraries
L

Lightgl.js

Lightweight and explict library to help prototype.

Libraries
L

LÖVR

Simple framework for creating VR with Lua.

Libraries
L

Luma.gl

WebGL2 powered framework for GPU-powered data visualization and computation.

Libraries
O

OSG.js

WebGL framework based on OpenSceneGraph concepts to interact with WebGL.

Libraries
P

p2.js

2D rigid body physics engine written in JavaScript.

Libraries
P

Pex-gl

JavaScript libraries for computational thinking in Plask/Node.js and WebGL.

Libraries
P

Phaser

Open source HTML5 2D game framework for Canvas and WebGL, supports mobile web browsers.

Libraries
P

Phenomenon

Very small, low-level WebGL library that provides the essentials to deliver a high performance experience.

Libraries
P

PicoGL.js

Minimal WebGL 2-only rendering library.

Libraries
P

PixiJS

powerful 2D Javascript renderer based on WebGL.

Libraries
P

Planck.js

2D physics engine for cross-platform HTML5 game development.

Libraries
P

PlayCanvas

Game engine platform to build interactive experiences.

Libraries
P

Pocket.gl

Fully customizable webgl shader sandbox to embed in your pages.

Libraries
P

Primrose

Rapidly prototype VR applications in your browser.

Libraries
R

React 360

Build VR websites and interactive 360 experiences with React.

Libraries
R

Regl

Light declarative and stateless library, functional abstraction for WebGL.

Libraries
S

Scene.js

Extensible WebGL-based engine for high-detail 3D visualisation.

Libraries
S

Stage.js

2D Library for cross-platform HTML5 game development.

Libraries
S

Sylvester

Sylvester is a vector, matrix and geometry library for JavaScript.

Libraries
T

Three.js

Aimed to create an easy to use, lightweight, 3D library.

Libraries
T

Turbulenz

Modular 3D and 2D game framework for making HTML5 powered games for browsers, desktops and mobile devices.

Libraries
T

TWGL

Sole purpose is to make using the WebGL API less verbose.

Libraries
V

Verge3D

an artist-friendly toolkit for creating 3D web experiences.

Libraries
W

Whitestorm.js

Framework for developing 3D web apps with physics.

Libraries
X

xeokit

Web Graphics SDK for AEC/BIM applications with 3D-tiles, real-world coordinates and double precision.

Libraries

WebGL(66 items)

A

An Introduction to WebGL Programming

3 hour overview of WebGL by SIGGRAPH University.

WebGL
B

Book's Personal Site

WebGL
C

Canvas Debugger

Quick tutorial how to use Firefox's developer tools to debug WebGL Shaders.

WebGL
C

Chrome Bug Report

Chrome related bugs

WebGL
C

Codeflow

Many blogs on different tricks and techniques.

WebGL
C

Context Loss & Preloading

How to manage WebGL when you run into the dreaded context lost.

WebGL
D

Directional Shadow Mapping

Concepts behind real time directional light shadow mapping.

WebGL
F

Firefox Developer Tools

The official list of all of Firefox's debugger tools.

WebGL
F

First steps in WebGL

Learn what WebGL is and how it works by drawing a triangle.

WebGL
F

Fractal Lab

Online fractal explorer allowing you to explore 2D and 2D fractal.

WebGL
G

Get Started Tutorial

Khronos' tutorial how to get up and running with WebGL.

WebGL
G

Getting Started with WebGL

Mozilla Foundation guide to getting started with WebGL.

WebGL
G

GLSL Sandbox

Online live editor for fragment shaders.

WebGL
G

GLSL Shader Editor Extension

Chrome DevTools extension to help you edit shaders live in the browser.

WebGL
G

GLSLbin

Fragment shader sandbox supporting glslify.

WebGL
G

Google Project ANGLE

Default WebGL backend for both Google Chrome and Mozilla Firefox on Windows platforms.

WebGL
I

Interactive Computer Graphics: A Top-Down Appro...

by **Edward Angel** and **Dave Shreiner** - Suitable for undergraduate students in computer science and engineering, for students in other disciplines who have good programming skills, and for professionals interested in computer animation and graphics using the latest version of WebGL.

WebGL
K

Khronos Dev Tools

Useful WebGL developer tools, intended to be used as an ES6 module.

WebGL
K

Khronos Github Issue Page

Spec or Conformance related bugs

WebGL
K

Khronos Official Wiki

The official wiki for WebGL.

WebGL
L

Learn WebGL

Tutorials Point set of article to get you familiar with WebGL terms.

WebGL
L

Learning WebGL

Tutorials from the author of WebGL Up and Running.

WebGL
L

List of Presentations

List presented by Khronos of various WebGL related presentations.

WebGL
M

Mozilla BugZilla

Firefox related bugs

WebGL
M

Multitexturing using a Blendmap

How to use a blendmap to multitexture a terrain.

WebGL
N

Next-Generation 3D Graphics on the Web

Talk at Google I/O 19 from Ricardo Cabello (MrDoob).

WebGL
O

Optimizing Scenes for Better WebGL Performance

optimization techniques that proved to work well for creating WebGL-based interactives.

WebGL
P

Particle Effects via Billboards

Create particle effects by applying a technique called billboarding.

WebGL
P

Professional WebGL Programming

by **Andreas Anyuru** - Everything you need to know about developing hardware-accelerated 3D graphics with WebGL.

WebGL
P

Programming 3D Applications with HTML5 and WebGL

by **Tony Parisi** - Create high-performance, visually stunning 3D applications for the Web, using HTML5 and related technologies such as CSS3 and WebGL—the emerging web graphics standard.

WebGL
R

Real-Time Rendering

This is the blog for the book Real-Time Rendering.

WebGL
S

Shader Editor

Quick tutorial how to use Firefox's developer tools to debug WebGL Shaders.

WebGL
S

Shader Toy

Most popular live editor for fragment shaders.

WebGL
S

ShaderExpo

Dependency free shader editor featuring inline error logs, auto completions, models and textures loading.

WebGL
S

ShaderFrog

WebGL Shader Editor and Composer.

WebGL
S

SHDR Editor

Live GLSL shader editor, viewer and validator.

WebGL
S

Spector.js

Agnostic JavaScript framework for exploring and troubleshooting your WebGL scenes.

WebGL
S

Spector.js Extension

Explore and Troubleshoot your WebGL and WebGL2 scenes easily.

WebGL
T

The Book of Shaders

Gentle step-by-step guide through the abstract and complex universe of Fragment Shaders.

WebGL
W

Web Tracing Framework

Set of libraries, tools, and visualizers for the tracing and investigation of complex web applications.

WebGL
W

WebGL Academy

Simplified online IDE with automatic indentation, syntax highlighting for HTML, Javascript, GLSL and Python. You can run your code and download your projects.

WebGL
W

WebGL Beginner's guide

by **Diego Cantor** and **Brandon Jones** - For JavaScript developer who wants to take the plunge into 3D web development via WebGL.

WebGL
W

WebGL Best Practices

Mozilla's offical set of best practices.

WebGL
W

WebGL Errata

Known bugs in graphics drivers affect the conformance suite, and consequently, portability of code.

WebGL
W

WebGL Extensions

List of extensions for WebGL

WebGL
W

WebGL Fundamentals

Series of online tutorials with code samples and live demonstrations.

WebGL
W

WebGL Hotshot

by **Mitch Williams** - For web designer looking to expand your knowledge of 3D graphics concepts and broaden your existing skill set.

WebGL
W

WebGL Image Processing

Covers a range of Image Processing algorithms in WebGL such as Color Correction, Blend Modes, Thresholding, Dithering, Convolution and Film Grain.

WebGL
W

Webgl Insight

Chrome extension WebGL debugging toolkit providing a variety of capabilities.

WebGL
W

WebGL Insights

This is the blog for the book WebGL Insights.

WebGL
W

WebGL Insights

by **Patrick Cozzi** - Presents real-world techniques for intermediate and advanced WebGL developers by assembling contributions from experienced WebGL engine and application developers, GPU vendors, browser developers, researchers, and educators.

WebGL
W

WebGL Inspector

Tool inspired by gDEBugger and PIX with the goal of making the development of advanced WebGL applications easier.

WebGL
W

WebGL Month

– Daily WebGL tutorial for a month.

WebGL
W

WebGL Off the Main Thread

How to use Web Workers in WebGL.

WebGL
W

WebGl Playground

The editor lets you work on the JavaScript code and the GLSL vertex/fragment shaders (if you have any) at the same time in a convenient way. Everything is organized, formatted and highlighted properly, just as you would like.

WebGL
W

WebGL Programming Guide: Interactive 3D Graphic...

by **Kouichi Matsuda** and **Rodger Lea** - WebGL Programming Guide will help you get started quickly with interactive WebGL 3D programming, even if you have no prior knowledge of HTML5, JavaScript, 3D graphics, mathematics, or OpenGL.

WebGL
W

WebGL Reference Card

WebGL 1.0 API Quick Reference Card for printing.

WebGL
W

WebGL Report

Way to view the details of what your browser supports for WebGL.

WebGL
W

WebGL Source Code

Source code to both view and contribute.

WebGL
W

WebGL Spec Sheet

All the detailed information about WebGL.

WebGL
W

WebGL Support Stats

Interactive dashboard showing the support for WebGL features in different browsers and devices.

WebGL
W

WebGL Texture Tester

Attempts to load one of every texture format supported by WebGL, intended to quickly show which formats your browser/device supports.

WebGL
W

WebGL Tutorials - YouTube

Series of lecture style video tutorials from Indigo Code on YouTube.

WebGL
W

WebGL Workshop

Interactive workshop to get you up and running with WebGL.

WebGL
W

WebKit Bugzilla

Safari related bugs

WebGL
W

WebVR Community Group

Group who's goal is to help bring high-performance Virtual Reality to the open Web.

WebGL