Matt DesLauriers 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';

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

Easy Soy-Glazed Chicken Recipe[^1]

Ingredients:

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

	// 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" */


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

	/**
	* 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];

	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
	});

	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';

	// 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);

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