<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<title>outscripted by mataleone</title>
	<script sandbox="allow-scripts" type="text/javascript"
		src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.5.0/p5.min.js"></script>
	<script id="snippet-contract-code" type="text/javascript">
		const tokenIdRand = (Math.floor(Math.random() * 1000000) + 1) * 1000000 + (Math.floor(Math.random() * 100) + 1);
		let tokenData = {
			"tokenId": tokenIdRand,
			"seed": tokenIdRand.toString(),
		};
	</script>
	<script id="snippet-random-code" type="text/javascript">
		let seed = window.location.href.split('/').find(t => t.includes('i0'));
		if (seed == null) {
			const alphabet = "0123456789abcdefghijklmnopqrstuvwsyz";
			seed = new URLSearchParams(window.location.search).get("seed") || Array(64).fill(0).map(_ => alphabet[(Math.random() * alphabet.length) | 0]).join('') + "i0";
		} else {
			let pattern = "seed=";
			for (let i = 0; i < seed.length - pattern.length; ++i) {
				if (seed.substring(i, i + pattern.length) == pattern) {
					seed = seed.substring(i + pattern.length);
					break;
				}
			}
		}
		function cyrb128($) {
			let _ = 1779033703, u = 3144134277, i = 1013904242, l = 2773480762;
			for (let n = 0, r; n < $.length; n++) _ = u ^ Math.imul(_ ^ (r = $.charCodeAt(n)), 597399067), u = i ^ Math.imul(u ^ r, 2869860233), i = l ^ Math.imul(i ^ r, 951274213), l = _ ^ Math.imul(l ^ r, 2716044179);
			return _ = Math.imul(i ^ _ >>> 18, 597399067), u = Math.imul(l ^ u >>> 22, 2869860233), i = Math.imul(_ ^ i >>> 17, 951274213), l = Math.imul(u ^ l >>> 19, 2716044179), [(_ ^ u ^ i ^ l) >>> 0, (u ^ _) >>> 0, (i ^ _) >>> 0, (l ^ _) >>> 0]
		}
		function sfc32($, _, u, i) {
			return function () {
				u >>>= 0, i >>>= 0;
				var l = ($ >>>= 0) + (_ >>>= 0) | 0;
				return $ = _ ^ _ >>> 9, _ = u + (u << 3) | 0, u = (u = u << 21 | u >>> 11) + (l = l + (i = i + 1 | 0) | 0) | 0, (l >>> 0) / 4294967296
			}
		}
		let mathRand = sfc32(...cyrb128(seed));
	</script>
	<style>
		body {
			margin: 0px;
			background-color: #000;
			color: #FFE0C2;
		}

		canvas {
			width: 100% !important;
			height: 100% !important;
			object-fit: contain;
			position: fixed;
			top: 0;
			left: 0;
		}
	</style>
</head>

<body>
	<script type="text/javascript">
		const _lerp = (f, min, max) => (min + (max - min) * f)
			const _map = (v, inMin, inMax, outMin, outMax) => (outMin + (outMax - outMin) * ((v - inMin) / (inMax - inMin)))

			const bgs = [
				['#332440', 'berry'],
				['#1E2F36', 'sea'],
				['#36261E', 'earth'],
				['#1E2036', 'deep'],
				['#1E3623', 'forest'],
				['#222222', 'gray'],
				[0, 'black'],
			]
			const clrs = [
				['#FFE0C2', 'sand'],
				['#FFE0C2', 'sand'],
				['#FFCA9C', 'koi'],
				['#C2FcFF', 'sky'],
				['#FFFDBC', 'mustard'],
				[255, 'white'],
				[255, 'white'],
			]

			let _q_min = 1
			let _q_max = 8
			let _r_min = 8
			let _r_max = 30
			let _ins_min = 2
			let _ins_max = 7

			let _bg = Math.floor(mathRand() * bgs.length)
			let _clr = Math.floor(mathRand() * clrs.length)
			let _q = Math.floor(_lerp(mathRand(), _q_min, _q_max + 1))
			let _r = Math.floor(_lerp(mathRand(), _r_min, _r_max + 1))
			let _a = Math.floor(mathRand() * 5) // <+
			let _ins = Math.floor(_lerp(mathRand(), _ins_min, _ins_max + 1))

			let _worm_max = _r * 2
			let _worm = _lerp(mathRand(), 0, _worm_max)

			// _r = 25
			// _q = 1

			// _r = 5
			// _q = 8

			window.$generativeTraits = {
				"background color": bgs[_bg][1],
				"incsriptions color": clrs[_clr][1],
				"inscriptions size": _r,
				"inscriptions complexity": _ins,
				"density": _q,
				"disconformity": Math.floor(_map(_worm, 0, _worm_max, 0, 11)),
			}
			console.log(seed, window.$generativeTraits)


			// code

			let _paused = false

			function setup() {
				createCanvas(2160, 2160)
				background(bgs[_bg][0])
			}

			function draw() {
				if (_paused) return

				background(bgs[_bg][0])
				noFill()

				let _c = color(clrs[_clr][0])
				_c.setAlpha(64)
				stroke(_c)

				for (let i = 0; i < _q * 10000; ++i) {
					const x = _randPos()
					const y = _randPos()
					let al = map(_q, _q_min, _q_max, 128, 64)
					_c.setAlpha(al)
					stroke(_c)
					star(x, y, _r, _ins)
				}
				_paused = true
			}

			function _randPos() {
				const a = mathRand() * Math.PI + Math.PI
				let p = Math.cos(a)
				// p = (1-Math.abs(p))*Math.sign(p)
				let w = width / 2
				return w + _map(p, -1, 1, -w - _worm, w + _worm)
			}

			function star(cx, cy, r, c) {
				let sc = 100
				let n = noise(cx / sc, cy / sc)
				let _cx = cx + sin(n * Math.PI * 2) * _worm
				let _cy = cy + cos(n * Math.PI * 2) * _worm
				let ixs = [...Array(c).keys()]
				beginShape()
				while (ixs.length > 0) {
					const i = Math.floor(mathRand() * ixs.length)
					const a = ixs[i] * ((Math.PI * 2) / c) + (Math.PI / 4) * _a
					vertex(_cx + sin(a) * r, _cy + cos(a) * r)
					ixs.splice(i, 1)
				}
				endShape(CLOSE)
			}

			function keyPressed() {
				if (keyCode == 32) _paused = false
				if (keyCode == 83) save('outscripted.png')
			}
	</script>
<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v2b4487d741ca48dcbadcaf954e159fc61680799950996" integrity="sha512-D/jdE0CypeVxFadTejKGTzmwyV10c1pxZk/AqjJuZbaJwGMyNHY3q/mTPWqMUnFACfCTunhZUVcd4cV78dK1pQ==" data-cf-beacon='{"rayId":"7b5a5536bf563fcd","version":"2023.3.0","b":1,"token":"6c07c178c94442f695e7a0a2aaee641a","si":100}' crossorigin="anonymous"></script>
</body>

</html>

Inscription #1058830