thysultan

A non-exhaustive list of WebGL frameworks and libraries. It is mostly for learning purposes as some of the libraries listed are outdated/not maintained anymore.

Engines and libraries

• three.js: JavaScript 3D library
• stack.gl: an open software ecosystem for WebGL, built on top of browserify and npm.
• PixiJS: Super fast HTML 5 2D rendering engine that uses webGL with canvas fallback
• Pex: Pex is a javascript 3d library / engine allowing for seamless development between Plask and WebGL in the browser.
• Babylon.js: a complete JavaScript framework for building 3D games with HTML 5 and WebGL
• AwayJS: AwayJS is a graphics library for javascript written in typescript
• SceneJS: An extensible WebGL-based engine for high-detail 3D visualisation

SMUsamaShah

JavaScript GUI libraries

These libraries can be used to quickly create a GUI for configureable parameters using sliders, checkboxes, colors pickers etc

1. Tweakpane https://github.com/cocopon/tweakpane Demo: https://cocopon.github.io/tweakpane/
2. control-panel https://github.com/freeman-lab/control-panel
3. ControlKit https://github.com/automat/controlkit.js
4. guify https://github.com/colejd/guify Main site is down, here is the demo https://jons.website/projects/guify/index
5. oui https://github.com/wearekuva/oui
6. Palette.js https://github.com/lehni/palette.js

CharlieScarver

buren

const CrossOriginLocalStorage = function(currentWindow, iframe, allowedOrigins, onMessage) {
  this.allowedOrigins = allowedOrigins;

  let childWindow;
  // some browser (don't remember which one) throw exception when you try to access
  // contentWindow for the first time, it works when you do that second time
  try {
      childWindow = iframe.contentWindow;
  } catch(e) {
      childWindow = iframe.contentWindow;

selfsame

Generating Procedural Game Worlds with Wave Function Collapse

Wave Function Collapse (WFC) by @exutumno is a new algorithm that can generate procedural patterns from a sample image. It's especially exciting for game designers, letting us draw our ideas instead of hand coding them. We'll take a look at the kinds of output WFC can produce and the meaning of the algorithm's parameters. Then we'll walk through setting up WFC in javascript and the Unity game engine.

The traditional approach to this sort of output is to hand code algorithms that generate features, and combine them to alter your game map. For example you could sprinkle some trees at random coordinates, draw roads with a brownian motion, and add rooms with a Binary Space Partition. This is powerful but time consuming, and your original vision can someti

Calinou

#!/bin/sh -x

# This script must be run from a GNU/Linux system with the Emscripten SDK
# installed and configured.

# Place this script at the root of your Godot Git clone.
# CC0 1.0 Universal


export EMSCRIPTEN_ROOT="/opt/emsdk/emscripten/master"