Skip to content

Instantly share code, notes, and snippets.

View mysterycommand's full-sized avatar

Matt Hayes mysterycommand

64 followers · 130 following
View GitHub Profile
@faustinoaq
faustinoaq / myAngular.html
Last active March 28, 2025 22:30
Front-end libraries (React, Vue, Angular) and the basic principles of how they work, all in a single file using pure JavaScript (VanillaJS).
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My Angular from Scratch</title>
<style>
.my-component {
font-family: Arial, sans-serif;
@kamilogorek
kamilogorek / _screenshot.md
Last active April 26, 2025 16:35
Clutter-free VS Code Setup
image
@surma
surma / .gitignore
Last active June 17, 2022 18:53
Moving a Three.JS-based WebXR app to a worker
node_modules
build
package-lock.json
@mattdesl
mattdesl / PolygonMask.txl
Created November 28, 2019 15:29
<script>
import { Color, Slider, Props } from "txl";
export let inner = 0.5;
export let outer = 0.75;
export let vertices = 10;
function enter ({ context, width, height }) {
const cx = width / 2;
const cy = height / 2;
@mattdesl
mattdesl / DrawMesh.txl
Created November 28, 2019 14:11
see here for original idea https://gist.github.com/mattdesl/b7c9665b142810f506bf9e4b6c68660f
<script>
import { Props, Color, Slider } from "txl";
export let positions = [];
export let cells = [];
export let strokeStyle = '#000000';
export let lineJoin = 'round';
export let lineCap = 'round';
export let lineWidth = 1;
@mattdesl
mattdesl / Background.txl
Created November 28, 2019 13:36
<script>
import LinearGradient from '@mattdesl/components/LinearGradient.txl';
import NoiseLines from '@mattdesl/components/NoiseLines.txl';
</script>
<LinearGradient />
<NoiseLines />
@Bleuje
Bleuje / wave4D.pde
Last active March 12, 2021 08:57
// Processing code by Etienne JACOB
// motion blur template by beesandbombs
// opensimplexnoise code in another tab might be necessary
// --> code here : https://gist.github.com/Bleuje/fce86ef35b66c4a2b6a469b27163591e
// inspired by a tweet by Joanie Lemercier : https://twitter.com/JoanieLemercier/status/1146851204875661313
// also : related tutorial : https://necessarydisorder.wordpress.com/2019/02/20/distortion-or-smoke-effect-on-parametric-curves/
int[][] result;
float t, c;
@swalkinshaw
swalkinshaw / tutorial.md
Last active February 26, 2025 21:15
Designing a GraphQL API
@getify
getify / 1.md
Last active October 15, 2020 01:44
BetterPromise: a strawman experiment in subclassing Promise and "fixing" a bunch of its awkward/bad parts

Some things that are "better" with this BetterPromise implementation:

  • BetterPromise # then(..) accepts a BetterPromise (or Promise) instance passed directly, instead of requiring a function to return it, so that the promise is linked into the chain.

    var p = BetterPromise.resolve(42);

var q = Promise.resolve(10);

p.then(console.log).then(q).then(console.log);
@edwardrowe
edwardrowe / LightmapCutout
Last active June 17, 2018 00:47
Unity ShaderLab Retro Cutout Lighting Shaders
Shader "RedBlueGames/Lighting/LightMapCutout"
{
Properties
{
_MainTex ("Texture", 2D) = "white" {}
_DarknessColor ("Darkness Color", Color) = (0,0,0.18,.24)
}
SubShader
{