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.
| Name | Stars | Last Commit | Description |
|---|---|---|---|
| three.js | ![GitHub |
| <html> | |
| <head> | |
| <script src="gif.js"></script> | |
| <script src="http://cdnjs.cloudflare.com/ajax/libs/p5.js/0.3.11/p5.min.js"></script> | |
| <script src="http://cdnjs.cloudflare.com/ajax/libs/p5.js/0.3.11/addons/p5.dom.js"></script> | |
| <script src="sketch.js"></script> | |
| </head> | |
| <body> | |
| <p>First, allow camera access.<p><p>Then click once to start recording, and another time finish recording and make a gif.</p> | |
| </body> |
| Shader "Custom/Transparent Write To Depth" | |
| { | |
| Properties | |
| { | |
| _Color ("Color (RGBA)", Color) = (1.0, 1.0, 1.0, 0.5) | |
| } | |
| SubShader | |
| { | |
| Pass | |
| { |
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.
| Name | Stars | Last Commit | Description |
|---|---|---|---|
| three.js | ![GitHub |
| // Non Editor code | |
| using System.Collections; | |
| using System.Collections.Generic; | |
| using UnityEngine; | |
| public abstract class TrafficLightAttribute : PropertyAttribute | |
| { | |
| public bool DrawLabel = true; | |
| public string CustomLabel; | |
| public bool AlsoDrawDefault; |
| { | |
| "theme": "light", | |
| "autoUpdate": false, | |
| "snippet": { | |
| "expanded": true, | |
| "newSnippetPrivate": false, | |
| "sorting": "updated_at", | |
| "sortingReverse": true | |
| }, | |
| "editor" : { |
| int seed = int(random(999999)); | |
| void setup() { | |
| size(960, 960, P3D); | |
| smooth(8); | |
| pixelDensity(2); | |
| generate(); | |
| } |
| global.THREE = require("three"); | |
| const canvasSketch = require('canvas-sketch'); | |
| const Random = require('canvas-sketch-util/random'); | |
| const gradientHeight = 512; | |
| const settings = { | |
| dimensions: [ 2048, gradientHeight * 2 ] | |
| }; |