Martin-Pitt

// Target state
var tx = 0;
var ty = 0;
var scale = 1;

function visualiseTargetState() {
	box.style.transform = `translate(${tx}px, ${ty}px) scale(${scale})`;
}

Martin-Pitt

module.exports = {
	config: {
		fontSize: 16,
		fontFamily: '"Fira Code", Menlo, "DejaVu Sans Mono", Consolas, "Lucida Console", monospace',
		cursorColor: 'hsla(215, 100%, 90%, 1)',
		cursorShape: 'BEAM',
		foregroundColor: 'white',
		backgroundColor: 'hsla(0, 0%, 0%, 0)',
		borderColor: 'hsl(215, 20%, 20%)',
		css: `

Martin-Pitt

const RowStep = 14.39
const ColumnStep = RowStep * 5/6; // 37.5;
const HexMax = ColumnStep * 4/3;
const HexMin = ColumnStep * 2/3;
const Rows = Math.ceil(100 / RowStep);
const Columns = Math.ceil(100 / ColumnStep);

function renderBestagons(t = 1) {
	let polygons = [];
	let r = Rows;

Martin-Pitt

import { promises as fs } from 'fs';
import path from 'path';
import puppeteer from 'puppeteer';
import { PuppeteerScreenRecorder } from 'puppeteer-screen-recorder';

const viewport = {
    width: 512,
    height: 512,
    deviceScaleFactor: 1,
    // isMobile: true,

Martin-Pitt

/*
	More interesting interpolation functions to make life easier.
	
	Rescale is a function which can interpolate a value between two different ranges.
	
	Say you have a number which represents the position of a slider.
	The slider has a start and end as well.
	You want the slider to control a box between two locations.
	
	So you could do the following: