Webgl 2

WebGL 2A video series for learning WebGL 2 concepts=====================================================This repository contains all the final code files we've written in my series on WebGL 2 on YouTube. More will be added as new videos go up.Episode listHello World link to comeUniforms 1 link to comeAttributes 1 link to comePrecision link to comeAttributes 2 link to comedrawElements link to comeTargets link to comeAbout the seriesEvery video will attempt to demonstrate some aspect of WebGL 2 in isolation. We're avoiding all 3rd party dependencies. We're not building up to a grand application at the end. We're not even building our own WebGL library. All code will exist in a single page and, as much as possible, will focus on a single, isolated concept.Please don't get distracted by my set-up. I'm writing to TypeScript files, but you'll probably just use JavaScript files. I'm using VSCode with the GLSL Lint extension, but you should use whatever you are most comfortable using. I'm using Parcel.js for hot-reloading and TypeScript transpilation, but you can use whatever system you like (even if that's just writing to a file on your desktop and hitting Ctrl+R.) If you spend more than a minute setting your environment up, that's a minute wasted that you could be learning WebGL.I really hope you enjoy this series.Wait! Hang on! Why bother?Yeah. That's a great question. There are a lot of really, really, really good WebGL and OpenGL video tutorials out there. And I am pretty new to WebGL. I'm certainly no guru. So what

A non-exhaustive list of WebGL and WebGPU frameworks and libraries. It is mostly for learning purposes as some of the libraries listed are wip/outdated/not maintained anymore.Engines and libraries ⚙️NameStarsLast CommitDescriptionthree.jsJavaScript 3D librarystack.glan open software ecosystem for WebGL, built on top of browserify and npm.PixiJSSuper fast HTML 5 2D rendering engine that uses webGL with canvas fallbackPexPex is a javascript 3d library / engine allowing for seamless development between Plask and WebGL in the browser.Babylon.jsa complete JavaScript framework for building 3D games with HTML 5 and WebGLFilamentFilament is a real-time physically based rendering engine for Android, iOS, Windows, Linux, macOS and WASM/WebGLClayGLA WebGL graphic library helping you to build scalable Web3D applicationsAwayJSAwayJS is a graphics library for javascript written in typescriptSceneJSAn extensible WebGL-based engine for high-detail 3D visualisationBlend4Weba tool for interactive 3D visualization on the InternetPlayCanvasJavaScript game engine built on WebGL and WebVRTurbulenzTurbulenz is a modular 3D and 2D game framework for making HTML5 powered games for browsers, desktops and mobile devices.Hilo3da WebGL Rendering Engine.litesceneA WebGL 3D Engine library with component-based node hierarchy. Used by WebGLStudio.Two.jsA renderer agnostic two-dimensional drawing api for the web.webgl-operateA TypeScript based WebGL rendering framework.RhodoniteRhodonite Web3D Library in TypeScriptZograA simple WebGL2 renderer.LayaAirLayaAir is an open-source 2D/3D engine. LayaAir Engine is designed for high performance games.libGDXDesktop/Android/HTML5/iOS Java game development framework.LittleJSLittleJS is a HTML5 game engine with many features and no dependencies.Galacean EngineA typescript interactive engine, support 2D, 3D, animation, physics, built on WebGL and glTF.NameStarsLast CommitDescriptiondawnDawn, a WebGPU implementationwgpuSafe and portable GPU abstraction in Rust, implementing WebGPU API.RedGPURedGPU - Javascript webGPU Enginesokol3D-API wrapperwgpuNative WebGPU implementation based on gfx-haldgelA WebGPU engine.YUEPersonal WebGPU based 3D renderer.Simple-GPUFunctional WebGPU.VelloAn experimental GPU compute-centric 2D renderer.GWebGPUEngineA WebGPU Engine for real-time rendering and GPGPU.OrillusionOrillusion is a pure Web3D rendering engine which is fully developed based on the WebGPU standard.SWGPUA complete, fast and fun web game engine with examples.XGPUa higher-level, easy-to-use interface for building rendering engines or processing numeric data.webgpu-rendererA simple renderer implemented by WebGPU, includes a builtin path tracing pipeline.pointsA Generative Art library made in WebGPUWebGPU RaytracerRealtime path tracing via WebGPU compute shadersWebGPU-KitA minimal webGPU toolkit for rendering and compute pipelinesshadeupA language for WebGPU that makes writing shaders easierSundown EngineWebGPU game engine for fun and games.CobaltWebGpu 2D renderer.Toolkits and micro frameworks 🧰NameStarsLast CommitDescriptionreglFast functional WebGLlightgl.jsA lightweight WebGL libraryTWGLA Tiny WebGL helper Libraryp5.jsa new interpretation of Processing, not an emulation or port.Foura slightly higher level graphics API based on WebGL 1.0TDLTDL is a low-level library for WebGL apps (see TWGL)KickJSA WebGL game engine for modern web-browsersnanoglwebgl micro frameworkAlfridA WebGL tool setMediumProgressive WebGL toolkit for artPicoGL.jsA minimal WebGL 2-only rendering libraryO-GLMinimal WebGL frameworkmini-webglMini toy WebGL libraryphenomenon-pxThe fastest way to create pixel shaders.zen-3dJavaScript 3D library.GLOWGLOW is a WebGL wrapper, which focuses on easy creation and use of shaders.HelixA

Here are 14 public repositories matching this topic... Code Issues Pull requests Create GPU-rendered Svelte components Updated Mar 25, 2025 Svelte Code Issues Pull requests Demo project for using WebGL shaders in WebAssembly Updated Feb 27, 2023 C Code Issues Pull requests Import GLSL source files. Pre-processed, validated and optimized with Khronos Group SPIRV-Tools. Supports glslify. Updated Sep 18, 2021 JavaScript Code Issues Pull requests WebGL Shader Playground. Updated Nov 17, 2019 JavaScript Code Issues Pull requests Aiding the visually impaired through real time augmented reality, AI object detection, WebGL shaders effects such as edge detection, and colour adjustments. Updated Oct 2, 2020 JavaScript Code Issues Pull requests Bilkent University Computer Graphics course Assignment 3. Updated Apr 27, 2020 JavaScript Code Issues Pull requests An implementation of WebGL shaders using distance functions to generate patterns of rings, sectors and 4 combinations of these patterns. Updated Jul 20, 2021 JavaScript Code Issues Pull requests Page with examples of web development technologies Updated Jan 8, 2025 HTML Code Issues Pull requests Rendering Fractals like Hilbert curves, Julia sets and Mandelbrot sets in various techniques. Updated Aug 29, 2023 Jupyter Notebook Code Issues Pull requests This repository contains a real-time, WebGL-powered visualization of the Thomas attractor, an intriguing model in chaotic dynamics and mathematical visualization. Perfect for creative coding enthusiasts, this project demonstrates advanced WebGL techniques, interactive graphics, and the captivating nature of strange attractors. Updated Aug 17, 2024 JavaScript Code Issues Pull requests Discussions A 2D WebGL 2 Framework Updated Mar 25, 2025 JavaScript Code Issues Pull requests Project developed for the Computer Graphics course of the UniBO Master's Degree Updated Sep 24, 2022 JavaScript Code Issues Pull requests A low-poly 3D portal scene featuring custom animated shaders. Modeled in Blender, shaded and coded in Three.js and React Three Fiber. Updated Nov 24, 2023 JavaScript Code Issues Pull requests A low poly sea with rolling waves and dynamic user controls. Made with Three.js. Updated Nov 24, 2023 JavaScript Improve this page Add a description, image, and links to the webgl-shader topic page so that developers can more easily learn about it. Curate this topic Add this topic to your repo To associate your repository with the webgl-shader topic, visit your repo's landing page and select "manage topics." Learn more