mattdesl

Fast OKLab Gamut Mapping in JavaScript

Using OKLCH and sRGB. This also works for Display P3, however you'll have to pass the correct coefficients to the cusp & intersection utilities, and instead of using linear sRGB, you would convert to linear Display P3.

If you wish to support both sRGB and Display P3 gamut mapping, it is possible with a single function and a matrix parameter, as they both use the same coordinate range (0..1) and gamma transfer function.

import { OKLCH_to_linear_sRGB } from './convert.js';
import { rgb_in_gamut, linear_to_gamma } from './util.js';
import { find_cusp, find_gamut_intersection } from './oklab-cusp.js';

mattdesl

// each pixel is assigned 4 random u32 values per frame
@group(0) @binding(1)
var<storage, read> rnd_state: array<u32>;

// the current state within this pixel
var<private> local_rnd_state:vec4u;

fn random_u32(state:ptr<private,vec4u>) -> u32 {
  var st:vec4u = *state;
  /* Algorithm "xor128" from p. 5 of Marsaglia, "Xorshift RNGs" */

mattdesl

import {
  ChunkType,
  ColorType,
  colorTypeToChannels,
  encode,
  encode_iCCP,
} from "png-tools";
import { deflate } from "pako";

mattdesl

/**
 * Outlines a line segment (a, b) with rounded caps on either side, and the ability
 * to adjust the ellipsoid-ness of the rounded caps to create a more 'stubby' edge.
 *
 * @license MIT
 * @author Matt DesLauriers (@mattdesl)
 */

export default function drawRoundedSegment(a, b, lineWidth, capSegments = 32, ellipsoid = 1) {
  let normX = b[0] - a[0];

mattdesl

const worker = new Worker(new URL("./gradient.js", import.meta.url), {
  type: "module",
});
worker.postMessage({
  // image options
  width: 128,
  height: 256,
  channels: 4,
  depth: 8
});

mattdesl

import { ConnectButton } from '@rainbow-me/rainbowkit';
import type { NextPage } from 'next';
import { useSignMessage } from 'wagmi'
import Image from 'next/image';
import { verifyMessage } from 'ethers/lib/utils'
import { useAccount, useConnect, useDisconnect } from 'wagmi'

import { createMessage } from '../tools/sign';
import Head from 'next/head';
import styles from '../styles/Home.module.css';

mattdesl

// SPDX-License-Identifier: MIT
pragma solidity >=0.6.12 <0.9.0;

contract PointCheck {
    struct G1Point {
        uint256 x;
        uint256 y;
    }

    event BroadcastSecKey(address indexed sender, uint256 secKey);

mattdesl

Gluten-Free Buckwheat Sablé Cookies

Ingredients:

• 100g buckwheat flour
• 50g white sugar
• 50g salted butter
• Pinch of salt, to taste
• Big pinch of cinnamon, to taste (note: Cassia type cinnamon, or what you’d find in a Swedish grocery store)
• Big pinch of cardamom powder, to taste

mattdesl

Easy Soy-Glazed Chicken Recipe[^1]

Ingredients:

• 4-6 Chicken thighs
• Soy sauce
• Mirin
• Smoked chilli flakes
• Garlic powder
• Ginger powder

mattdesl

import {
  IrohNode,
  PublicKey,
  NodeAddr,
  Query,
  SortBy,
  SortDirection,
  pathToKey,
  AuthorId,
  keyToPath,