q5 2.14.4 → 2.15.0

package/src/q5-color.js

@@ -1,322 +0,0 @@
-Q5.modules.color = ($, q) => {
-	$.RGB = $.RGBA = $._colorMode = 'rgb';
-	$.SRGB = 'srgb';
-	$.OKLCH = 'oklch';
-
-	$.colorMode = (mode, format) => {
-		$._colorMode = mode;
-		let srgb = $.canvas.colorSpace == 'srgb' || mode == 'srgb';
-		format ??= srgb ? 'integer' : 'float';
-		$._colorFormat = format == 'float' || format == 1 ? 1 : 255;
-		if (mode == 'oklch') {
-			q.Color = Q5.ColorOKLCH;
-		} else {
-			if ($._colorFormat == 255) {
-				q.Color = srgb ? Q5.ColorRGBA_8 : Q5.ColorRGBA_P3_8;
-			} else {
-				q.Color = srgb ? Q5.ColorRGBA : Q5.ColorRGBA_P3;
-			}
-			$._colorMode = 'rgb';
-		}
-	};
-
-	$._namedColors = {
-		aqua: [0, 255, 255],
-		black: [0, 0, 0],
-		blue: [0, 0, 255],
-		brown: [165, 42, 42],
-		crimson: [220, 20, 60],
-		cyan: [0, 255, 255],
-		darkviolet: [148, 0, 211],
-		gold: [255, 215, 0],
-		green: [0, 128, 0],
-		gray: [128, 128, 128],
-		grey: [128, 128, 128],
-		hotpink: [255, 105, 180],
-		indigo: [75, 0, 130],
-		khaki: [240, 230, 140],
-		lightgreen: [144, 238, 144],
-		lime: [0, 255, 0],
-		magenta: [255, 0, 255],
-		navy: [0, 0, 128],
-		orange: [255, 165, 0],
-		olive: [128, 128, 0],
-		peachpuff: [255, 218, 185],
-		pink: [255, 192, 203],
-		purple: [128, 0, 128],
-		red: [255, 0, 0],
-		skyblue: [135, 206, 235],
-		tan: [210, 180, 140],
-		turquoise: [64, 224, 208],
-		transparent: [0, 0, 0, 0],
-		white: [255, 255, 255],
-		violet: [238, 130, 238],
-		yellow: [255, 255, 0]
-	};
-
-	$.color = (c0, c1, c2, c3) => {
-		let C = $.Color;
-		if (c0._q5Color) return new C(...c0.levels);
-		if (c1 == undefined) {
-			if (typeof c0 == 'string') {
-				if (c0[0] == '#') {
-					if (c0.length <= 5) {
-						if (c0.length > 4) c3 = parseInt(c0[4] + c0[4], 16);
-						c2 = parseInt(c0[3] + c0[3], 16);
-						c1 = parseInt(c0[2] + c0[2], 16);
-						c0 = parseInt(c0[1] + c0[1], 16);
-					} else {
-						if (c0.length > 7) c3 = parseInt(c0.slice(7, 9), 16);
-						c2 = parseInt(c0.slice(5, 7), 16);
-						c1 = parseInt(c0.slice(3, 5), 16);
-						c0 = parseInt(c0.slice(1, 3), 16);
-					}
-				} else if ($._namedColors[c0]) {
-					[c0, c1, c2, c3] = $._namedColors[c0];
-				} else {
-					console.error(
-						"q5 can't parse color: " + c0 + '\nOnly numeric input, hex, and common named colors are supported.'
-					);
-					return new C(0, 0, 0);
-				}
-
-				if ($._colorFormat == 1) {
-					c0 /= 255;
-					if (c1) c1 /= 255;
-					if (c2) c2 /= 255;
-					if (c3) c3 /= 255;
-				}
-			}
-			if (Array.isArray(c0)) [c0, c1, c2, c3] = c0;
-		}
-
-		if (c2 == undefined) {
-			if ($._colorMode == Q5.OKLCH) return new C(c0, 0, 0, c1);
-			return new C(c0, c0, c0, c1);
-		}
-		return new C(c0, c1, c2, c3);
-	};
-
-	// deprecated
-	$.red = (c) => c.r;
-	$.green = (c) => c.g;
-	$.blue = (c) => c.b;
-	$.alpha = (c) => c.a;
-
-	$.lightness = (c) => {
-		if (c.l) return c.l;
-		return ((0.2126 * c.r + 0.7152 * c.g + 0.0722 * c.b) * 100) / 255;
-	};
-	$.hue = (c) => {
-		if (c.h) return c.h;
-		let r = c.r;
-		let g = c.g;
-		let b = c.b;
-		if ($._colorFormat == 255) {
-			r /= 255;
-			g /= 255;
-			b /= 255;
-		}
-		let max = Math.max(r, g, b);
-		let min = Math.min(r, g, b);
-		let h;
-		if (max == min) h = 0;
-		else if (max == r) h = (60 * (g - b)) / (max - min);
-		else if (max == g) h = (60 * (b - r)) / (max - min) + 120;
-		else h = (60 * (r - g)) / (max - min) + 240;
-		if (h < 0) h += 360;
-		return h;
-	};
-
-	$.lerpColor = (a, b, t) => {
-		t = Math.max(0, Math.min(1, t));
-		if ($._colorMode == 'rgb') {
-			return new $.Color($.lerp(a.r, b.r, t), $.lerp(a.g, b.g, t), $.lerp(a.b, b.b, t), $.lerp(a.a, b.a, t));
-		} else {
-			let deltaH = b.h - a.h;
-			if (deltaH > 180) deltaH -= 360;
-			if (deltaH < -180) deltaH += 360;
-			let h = a.h + t * deltaH;
-			if (h < 0) h += 360;
-			if (h > 360) h -= 360;
-			return new $.Color($.lerp(a.l, b.l, t), $.lerp(a.c, b.c, t), h, $.lerp(a.a, b.a, t));
-		}
-	};
-};
-
-// COLOR CLASSES
-
-Q5.Color = class {
-	constructor() {
-		this._q5Color = true;
-	}
-};
-
-Q5.ColorOKLCH = class extends Q5.Color {
-	constructor(l, c, h, a) {
-		super();
-		this.l = l;
-		this.c = c;
-		this.h = h;
-		this.a = a ?? 1;
-	}
-	get levels() {
-		return [this.l, this.c, this.h, this.a];
-	}
-	equals(c) {
-		return c && this.l == c.l && this.c == c.c && this.h == c.h && this.a == c.a;
-	}
-	isSameColor(c) {
-		return c && this.l == c.l && this.c == c.c && this.h == c.h;
-	}
-	toString() {
-		return `oklch(${this.l} ${this.c} ${this.h} / ${this.a})`;
-	}
-
-	get lightness() {
-		return this.l;
-	}
-	set lightness(v) {
-		this.l = v;
-	}
-	get chroma() {
-		return this.c;
-	}
-	set chroma(v) {
-		this.c = v;
-	}
-	get hue() {
-		return this.h;
-	}
-	set hue(v) {
-		this.h = v;
-	}
-	get alpha() {
-		return this.a;
-	}
-	set alpha(v) {
-		this.a = v;
-	}
-};
-
-Q5.ColorRGBA = class extends Q5.Color {
-	constructor(r, g, b, a) {
-		super();
-		this.r = r;
-		this.g = g;
-		this.b = b;
-		this.a = a ?? 1;
-	}
-	get levels() {
-		return [this.r, this.g, this.b, this.a];
-	}
-	equals(c) {
-		return c && this.r == c.r && this.g == c.g && this.b == c.b && this.a == c.a;
-	}
-	isSameColor(c) {
-		return c && this.r == c.r && this.g == c.g && this.b == c.b;
-	}
-	toString() {
-		return `color(srgb ${this.r} ${this.g} ${this.b} / ${this.a})`;
-	}
-	get red() {
-		return this.r;
-	}
-	set red(v) {
-		this.r = v;
-	}
-	get green() {
-		return this.g;
-	}
-	set green(v) {
-		this.g = v;
-	}
-	get blue() {
-		return this.b;
-	}
-	set blue(v) {
-		this.b = v;
-	}
-	get alpha() {
-		return this.a;
-	}
-	set alpha(v) {
-		this.a = v;
-	}
-};
-
-Q5.ColorRGBA_P3 = class extends Q5.ColorRGBA {
-	toString() {
-		return `color(display-p3 ${this.r} ${this.g} ${this.b} / ${this.a})`;
-	}
-};
-
-// legacy 8-bit (0-255) integer color format
-Q5.ColorRGBA_8 = class extends Q5.ColorRGBA {
-	constructor(r, g, b, a) {
-		super(r, g, b, a ?? 255);
-	}
-	// deprecated set functions for backwards compatibility
-	setRed(v) {
-		this.r = v;
-	}
-	setGreen(v) {
-		this.g = v;
-	}
-	setBlue(v) {
-		this.b = v;
-	}
-	setAlpha(v) {
-		this.a = v;
-	}
-	toString() {
-		return `rgb(${this.r} ${this.g} ${this.b} / ${this.a / 255})`;
-	}
-};
-
-// p3 10-bit color in integer color format, for backwards compatibility
-Q5.ColorRGBA_P3_8 = class extends Q5.ColorRGBA {
-	constructor(r, g, b, a) {
-		super(r, g, b, a ?? 255);
-		this._edited = true;
-	}
-	get r() {
-		return this._r;
-	}
-	set r(v) {
-		this._r = v;
-		this._edited = true;
-	}
-	get g() {
-		return this._g;
-	}
-	set g(v) {
-		this._g = v;
-		this._edited = true;
-	}
-	get b() {
-		return this._b;
-	}
-	set b(v) {
-		this._b = v;
-		this._edited = true;
-	}
-	get a() {
-		return this._a;
-	}
-	set a(v) {
-		this._a = v;
-		this._edited = true;
-	}
-	toString() {
-		if (this._edited) {
-			let r = (this._r / 255).toFixed(3);
-			let g = (this._g / 255).toFixed(3);
-			let b = (this._b / 255).toFixed(3);
-			let a = (this._a / 255).toFixed(3);
-			this._css = `color(display-p3 ${r} ${g} ${b} / ${a})`;
-			this._edited = false;
-		}
-		return this._css;
-	}
-};

package/src/q5-core.js

@@ -1,319 +0,0 @@
-/**
- * q5.js
- * @version 2.14
- * @author quinton-ashley, Tezumie, and LingDong-
- * @license LGPL-3.0
- * @class Q5
- */
-function Q5(scope, parent, renderer) {
-	let $ = this;
-	$._q5 = true;
-	$._parent = parent;
-	if (renderer == 'webgpu-fallback') {
-		$._webgpuFallback = true;
-		$._renderer = 'q2d';
-	} else {
-		$._renderer = renderer || Q5.render;
-	}
-	$._preloadCount = 0;
-
-	let autoLoaded = scope == 'auto';
-	scope ??= 'global';
-	if (scope == 'auto') {
-		if (!(window.setup || window.update || window.draw)) return;
-		scope = 'global';
-	}
-	$._scope = scope;
-	let globalScope;
-	if (scope == 'global') {
-		Q5._hasGlobal = $._isGlobal = true;
-		globalScope = Q5._esm ? globalThis : !Q5._server ? window : global;
-	}
-
-	let q = new Proxy($, {
-		set: (t, p, v) => {
-			$[p] = v;
-			if ($._isGlobal) globalScope[p] = v;
-			return true;
-		}
-	});
-
-	$.canvas = $.ctx = $.drawingContext = null;
-	$.pixels = [];
-	let looper = null;
-
-	$.frameCount = 0;
-	$.deltaTime = 16;
-	$._targetFrameRate = 0;
-	$._targetFrameDuration = 16.666666666666668;
-	$._frameRate = $._fps = 60;
-	$._loop = true;
-	$._hooks = {
-		postCanvas: [],
-		preRender: [],
-		postRender: []
-	};
-
-	let millisStart = 0;
-	$.millis = () => performance.now() - millisStart;
-
-	$.noCanvas = () => {
-		if ($.canvas?.remove) $.canvas.remove();
-		$.canvas = 0;
-		q.ctx = q.drawingContext = 0;
-	};
-
-	if (window) {
-		$.windowWidth = window.innerWidth;
-		$.windowHeight = window.innerHeight;
-		$.deviceOrientation = window.screen?.orientation?.type;
-	}
-
-	$._incrementPreload = () => q._preloadCount++;
-	$._decrementPreload = () => q._preloadCount--;
-
-	$._draw = (timestamp) => {
-		let ts = timestamp || performance.now();
-		$._lastFrameTime ??= ts - $._targetFrameDuration;
-
-		if ($._didResize) {
-			$.windowResized();
-			$._didResize = false;
-		}
-
-		if ($._loop) looper = raf($._draw);
-		else if ($.frameCount && !$._redraw) return;
-
-		if (looper && $.frameCount) {
-			let time_since_last = ts - $._lastFrameTime;
-			if (time_since_last < $._targetFrameDuration - 4) return;
-		}
-		q.deltaTime = ts - $._lastFrameTime;
-		$._frameRate = 1000 / $.deltaTime;
-		q.frameCount++;
-		let pre = performance.now();
-		$.resetMatrix();
-		if ($._beginRender) $._beginRender();
-		for (let m of Q5.methods.pre) m.call($);
-		try {
-			$.draw();
-		} catch (e) {
-			if (!Q5.disableFriendlyErrors && $._askAI) $._askAI(e);
-			if (!Q5.errorTolerant) $.noLoop();
-			throw e;
-		}
-		for (let m of Q5.methods.post) m.call($);
-		if ($._render) $._render();
-		if ($._finishRender) $._finishRender();
-		$.postProcess();
-		q.pmouseX = $.mouseX;
-		q.pmouseY = $.mouseY;
-		q.moveX = q.moveY = 0;
-		$._lastFrameTime = ts;
-		let post = performance.now();
-		$._fps = Math.round(1000 / (post - pre));
-	};
-	$.noLoop = () => {
-		$._loop = false;
-		looper = null;
-	};
-	$.loop = () => {
-		$._loop = true;
-		if ($._setupDone && looper == null) $._draw();
-	};
-	$.isLooping = () => $._loop;
-	$.redraw = (n = 1) => {
-		$._redraw = true;
-		for (let i = 0; i < n; i++) {
-			$._draw();
-		}
-		$._redraw = false;
-	};
-	$.remove = () => {
-		$.noLoop();
-		$.canvas.remove();
-	};
-
-	$.frameRate = (hz) => {
-		if (hz) {
-			$._targetFrameRate = hz;
-			$._targetFrameDuration = 1000 / hz;
-		}
-		return $._frameRate;
-	};
-	$.getTargetFrameRate = () => $._targetFrameRate || 60;
-	$.getFPS = () => $._fps;
-
-	// shims for compatibility with p5.js libraries
-	$.Element = function (a) {
-		this.elt = a;
-	};
-	$._elements = [];
-	$.describe = () => {};
-
-	$.log = $.print = console.log;
-
-	for (let m in Q5.modules) {
-		Q5.modules[m]($, q);
-	}
-
-	let r = Q5.renderers[$._renderer];
-	for (let m in r) {
-		r[m]($, q);
-	}
-
-	// INIT
-
-	for (let k in Q5) {
-		if (k[1] != '_' && k[1] == k[1].toUpperCase()) {
-			$[k] = Q5[k];
-		}
-	}
-
-	if (scope == 'graphics') return;
-
-	if (scope == 'global') {
-		Object.assign(Q5, $);
-		delete Q5.Q5;
-	}
-
-	if ($._webgpuFallback) $.colorMode('rgb', 1);
-
-	for (let m of Q5.methods.init) {
-		m.call($);
-	}
-
-	for (let [n, fn] of Object.entries(Q5.prototype)) {
-		if (n[0] != '_' && typeof $[n] == 'function') $[n] = fn.bind($);
-	}
-
-	if (scope == 'global') {
-		let props = Object.getOwnPropertyNames($);
-		for (let p of props) {
-			if (p[0] != '_') globalScope[p] = $[p];
-		}
-	}
-
-	if (typeof scope == 'function') scope($);
-
-	Q5._instanceCount++;
-
-	let raf =
-		window.requestAnimationFrame ||
-		function (cb) {
-			const idealFrameTime = $._lastFrameTime + $._targetFrameDuration;
-			return setTimeout(() => {
-				cb(idealFrameTime);
-			}, idealFrameTime - performance.now());
-		};
-
-	let t = globalScope || $;
-	$._isTouchAware = t.touchStarted || t.touchMoved || t.mouseReleased;
-
-	if ($._isGlobal) {
-		$.preload = t.preload;
-		$.setup = t.setup;
-		$.draw = t.draw;
-		$.postProcess = t.postProcess;
-	}
-	$.preload ??= () => {};
-	$.setup ??= () => {};
-	$.draw ??= () => {};
-	$.postProcess ??= () => {};
-
-	let userFns = [
-		'mouseMoved',
-		'mousePressed',
-		'mouseReleased',
-		'mouseDragged',
-		'mouseClicked',
-		'mouseWheel',
-		'keyPressed',
-		'keyReleased',
-		'keyTyped',
-		'touchStarted',
-		'touchMoved',
-		'touchEnded',
-		'windowResized'
-	];
-	for (let k of userFns) {
-		if (!t[k]) $[k] = () => {};
-		else if ($._isGlobal) {
-			$[k] = (event) => {
-				try {
-					return t[k](event);
-				} catch (e) {
-					if ($._askAI) $._askAI(e);
-					throw e;
-				}
-			};
-		}
-	}
-
-	async function _setup() {
-		$._startDone = true;
-		if ($._preloadCount > 0) return raf(_setup);
-		millisStart = performance.now();
-		await $.setup();
-		$._setupDone = true;
-		if ($.frameCount) return;
-		if ($.ctx === null) $.createCanvas(200, 200);
-		raf($._draw);
-	}
-
-	function _start() {
-		try {
-			$.preload();
-			if (!$._startDone) _setup();
-		} catch (e) {
-			if ($._askAI) $._askAI(e);
-			throw e;
-		}
-	}
-
-	if (autoLoaded) _start();
-	else setTimeout(_start, 32);
-}
-
-Q5.render = 'q2d';
-
-Q5.renderers = {};
-Q5.modules = {};
-
-Q5._server = typeof process == 'object';
-Q5._esm = this === undefined;
-
-Q5._instanceCount = 0;
-Q5._friendlyError = (msg, func) => {
-	if (!Q5.disableFriendlyErrors) console.error(func + ': ' + msg);
-};
-Q5._validateParameters = () => true;
-
-Q5.methods = {
-	init: [],
-	pre: [],
-	post: [],
-	remove: []
-};
-Q5.prototype.registerMethod = (m, fn) => Q5.methods[m].push(fn);
-Q5.prototype.registerPreloadMethod = (n, fn) => (Q5.prototype[n] = fn[n]);
-
-if (Q5._server) global.p5 ??= global.Q5 = Q5;
-
-if (typeof window == 'object') window.p5 ??= window.Q5 = Q5;
-else global.window = 0;
-
-function createCanvas(w, h, opt) {
-	if (!Q5._hasGlobal) {
-		let q = new Q5();
-		q.createCanvas(w, h, opt);
-	}
-}
-
-Q5.version = Q5.VERSION = '2.14';
-
-if (typeof document == 'object') {
-	document.addEventListener('DOMContentLoaded', () => {
-		if (!Q5._hasGlobal) new Q5('auto');
-	});
-}