Skip to content

Instantly share code, notes, and snippets.

@FadedWeiss
FadedWeiss / WebGL-WebGPU-frameworks-libraries.md
Created August 6, 2020 14:29 — forked from dmnsgn/WebGL-WebGPU-frameworks-libraries.md
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

  • 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
  • Filament: Filament is a real-time physically based rendering engine for Android, iOS, Windows, Linux, macOS and WASM/WebGL
  • ClayGL: A WebGL graphic library
import { Texture, ImageLoader, DefaultLoadingManager, RGBAFormat, RGBFormat } from 'three';
function TextureAtlasLoader(manager) {
this.manager = manager || DefaultLoadingManager;
}
Object.assign(TextureAtlasLoader.prototype, {
crossOrigin: "Anonymous",
tileWidth: 16,
tileHeight: 16,
@FadedWeiss
FadedWeiss / how-to-render-an-object-crossing-another-object-v2.markdown
Created June 29, 2023 06:29
How to render an object crossing another object v2
@FadedWeiss
FadedWeiss / animal-crossing-new-horizons-camera-tilt-shift.markdown
Created July 17, 2023 06:06
Animal Crossing: New Horizons Camera & Tilt Shift
/*
* This is an experimental view library that would compete with react, svelte, qwik.js, vue.js etc.
*
* Implementation reference: https://git.sr.ht/~erock/alpfx
*
* Features:
* - Instead of `view = func(state)` we have `view = func(event)`
* - This paradigm shift will:
* - make prop mgmt (e.g. when to update component) more manual
* - animations easier (events or transitions are sent to the component that the end-user
@FadedWeiss
FadedWeiss / README.md
Created September 13, 2023 02:18 — forked from kfox/README.md
TCP echo server for Node.js

TCP echo server for Node.js

Usage

  1. Make sure you have a modern-ish version of Node.js installed.
  2. Type npx https://gist.github.com/kfox/1280c2f0ee8324067dba15300e0f2fd3
  3. Connect to it from a client, e.g. netcat or similar: nc localhost 9000
@FadedWeiss
FadedWeiss / index.html
Created December 19, 2023 15:10
Terrain coloring without a shader
<script async src="https://ga.jspm.io/npm:es-module-shims@1.5.1/dist/es-module-shims.js" crossorigin="anonymous"></script>
<script type="importmap">
{
"imports": {
"three": "https://unpkg.com/three@0.155.0/build/three.module.js",
"three/addons/": "https://unpkg.com/three@0.155.0/examples/jsm/"
}
}
</script>