Yuri Artiukh akella

## WebGL-WebGPU-frameworks-libraries.md

      
              1 file
            
          
              210 forks
            
          
                87 comments
              
            
              1562 stars
            
          
                dmnsgn
                / WebGL-WebGPU-frameworks-libraries.md
            
            
              Last active
              May 15, 2026 22:50
            
              
                A collection of WebGL and WebGPU frameworks and libraries
              
          
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 ⚙️


Name
Stars
Last Commit
Description


three.js
![GitH


## EasingFunctions.cs
/*
 * Created by C.J. Kimberlin
 *
 * The MIT License (MIT)
 *
 * Copyright (c) 2019
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to deal
 * in the Software without restriction, including without limitation the rights

## GLSL-Noise.md

      
              1 file
            
          
              285 forks
            
          
                81 comments
              
            
              1893 stars
            
          
                patriciogonzalezvivo
                / GLSL-Noise.md
            
            
              Last active
              May 5, 2026 12:05
            
              
                GLSL Noise Algorithms 
              
          
    Please consider using http://lygia.xyz instead of copy/pasting this functions. It expand suport for voronoi, voronoise, fbm, noise, worley, noise, derivatives and much more, through simple file dependencies. Take a look to https://github.com/patriciogonzalezvivo/lygia/tree/main/generative
Generic 1,2,3 Noise

float rand(float n){return fract(sin(n) * 43758.5453123);}

float noise(float p){
	float fl = floor(p);
  float fc = fract(p);


## three.js.shader.html
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
    <style>
        body {
            margin: 0px;
            overflow: hidden;
        }

## glsl-rotation-2d
vec2 rotate(vec2 v, float a) {
	float s = sin(a);
	float c = cos(a);
	mat2 m = mat2(c, s, -s, c);
	return m * v;
}

## Chrome headless Puppeteer- capture DOM element screenshot using
const puppeteer = require('puppeteer');

(async () => {

    const browser = await puppeteer.launch();
    const page = await browser.newPage();
// Adjustments particular to this page to ensure we hit desktop breakpoint.
    page.setViewport({width: 1000, height: 600, deviceScaleFactor: 1});

    await page.goto('https://www.chromestatus.com/samples', {waitUntil: 'networkidle'});

## MeshCustomMaterial.js
const glslify = require('glslify');
const path = require('path');

// This is the original source, we will copy + paste it for our own GLSL
// const vertexShader = THREE.ShaderChunk.meshphysical_vert;
// const fragmentShader = THREE.ShaderChunk.meshphysical_frag;

// Our custom shaders
const fragmentShader = glslify(path.resolve(__dirname, 'standard.frag'));
const vertexShader = glslify(path.resolve(__dirname, 'standard.vert'));

## anonymous
// by dave @ beesandbombs.tumblr.com >:)

void setup() {
  setup_();
  result = new int[width*height][3];
  result_ = new int[width*height][3];
}

int[][] result, result_;
float time;

## ios-web-testing.md

      
              1 file
            
          
              0 forks
            
          
                0 comments
              
            
              6 stars
            
          
                munrocket
                / ios-web-testing.md
            
            
              Last active
              October 23, 2022 19:30
            
              
                Linux/Windows iOS testing
              
          
    Console On Screen Universal Solution

const scrConsole = document.createElement('div');
scrConsole.id = 'screenConsole';
scrConsole.style.position = 'absolute';
scrConsole.style.zIndex = 9e9;
scrConsole.style.bottom = '5px';
scrConsole.style.left = '5px';
scrConsole.style.color = 'white'; 
scrConsole.style.fontSize = '.8em'; 

  
## preload_array.js
function loadImages(paths,whenLoaded){
  var imgs=[];
  paths.forEach(function(path){
    var img = new Image;
    img.onload = function(){
      imgs.push(img);
      if (imgs.length==paths.length) whenLoaded(imgs);
    }
    img.src = path;
  });
	/*
	* Created by C.J. Kimberlin
	*
	* The MIT License (MIT)
	*
	* Copyright (c) 2019
	*
	* Permission is hereby granted, free of charge, to any person obtaining a copy
	* of this software and associated documentation files (the "Software"), to deal
	* in the Software without restriction, including without limitation the rights
	<html lang="en">

	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
	<style>
	body {
	margin: 0px;
	overflow: hidden;
	}
	vec2 rotate(vec2 v, float a) {
	float s = sin(a);
	float c = cos(a);
	mat2 m = mat2(c, s, -s, c);
	return m * v;
	}
	const puppeteer = require('puppeteer');

	(async () => {

	const browser = await puppeteer.launch();
	const page = await browser.newPage();
	// Adjustments particular to this page to ensure we hit desktop breakpoint.
	page.setViewport({width: 1000, height: 600, deviceScaleFactor: 1});

	await page.goto('https://www.chromestatus.com/samples', {waitUntil: 'networkidle'});
	const glslify = require('glslify');
	const path = require('path');

	// This is the original source, we will copy + paste it for our own GLSL
	// const vertexShader = THREE.ShaderChunk.meshphysical_vert;
	// const fragmentShader = THREE.ShaderChunk.meshphysical_frag;

	// Our custom shaders
	const fragmentShader = glslify(path.resolve(__dirname, 'standard.frag'));
	const vertexShader = glslify(path.resolve(__dirname, 'standard.vert'));
	// by dave @ beesandbombs.tumblr.com >:)

	void setup() {
	setup_();
	result = new int[width*height][3];
	result_ = new int[width*height][3];
	}

	int[][] result, result_;
	float time;
	function loadImages(paths,whenLoaded){
	var imgs=[];
	paths.forEach(function(path){
	var img = new Image;
	img.onload = function(){
	imgs.push(img);
	if (imgs.length==paths.length) whenLoaded(imgs);
	}
	img.src = path;
	});