Skip to content

Instantly share code, notes, and snippets.

View meodai's full-sized avatar
🐙
Probably coloring things

David Aerne meodai

🐙
Probably coloring things
View GitHub Profile
@meodai
meodai / 02.js
Created January 2, 2024 18:21 — forked from mattdesl/02.js
MIT license, messy genuary2024 code... "no palettes"
import canvasSketch from "canvas-sketch";
import { degToRad, linspace, radToDeg } from "canvas-sketch-util/math";
import { Lch, contrastRatio } from "../util/color";
import polyBool from "poly-bool";
import * as random from "canvas-sketch-util/random";
import { angleLerp } from "../util/angle";
export const settings = {
suffix: random.getSeed(),
animate: true,
@meodai
meodai / List of JavaScript GUI libraries.md
Created December 16, 2023 23:32 — forked from SMUsamaShah/List of JavaScript GUI libraries.md
dat.gui alternatives to create GUI from JavaScript object

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
@meodai
meodai / index.html
Created September 17, 2023 16:43
vanilla JS color-scale generator (supports p3/rec2020)
<div class="world"></div>
@meodai
meodai / index.html
Created July 2, 2023 17:06
vanilla JS color-scale generator (supports p3/rec2020)
<div class="world"></div>
@meodai
meodai / generative-color-compositions-using-poline.markdown
Created June 29, 2023 23:27
generative color compositions using poline
@meodai
meodai / generative-color-compositions-using-poline.markdown
Created June 27, 2023 22:56
generative color compositions using poline
@meodai
meodai / index.html
Created June 15, 2023 17:50
vanilla JS color-scale generator (supports p3/rec2020)
<div class="world" data-world></div>
@meodai
meodai / vectorScale.ts
Last active June 14, 2023 11:50
vectorScale
// function that scales an array of vectors to a given length and interpolates between the the vectors
// to create a smooth path
// input: array of vectors
// output: array of vectors
export type Vector = number[];
export function vectorScale(vectors: Vector[], length: number): Vector[] {
const result: Vector[] = [];
@meodai
meodai / army-painter.json
Created December 24, 2022 14:02
Proprietary Color Lists
[
{
"productline": "Warpaints",
"name": "Matt Black",
"productcode": "-",
"hex": "#231f20"
},
{
"productline": "Warpaints",
"name": "Matt White",
[
{
"name": "Science",
"title": "Pure Black",
"colors": [
{
"name": "Pure Sunshine",
"hex": "#ffe819"
},
{