Generating colorful iOS backgrounds in less than 50 lines of JS and some basic photo editing skillz

<script>
	//scroll to bottom
	//shot 1475 x 935 (2950 x 1870)
	//sips --rotate -35 a.png --out b.png ; cp -fv b.png c.png
	//crop 768 x 1665
	//noise 5, vintage 15
	function a() {
		var l = [
			[113,  73, 173, 1.25, 1, "purple"],
			[171,  51,  51, 0.50, 1, "red"],
			[245, 115,  35, 0.75, 1, "orange"],
			[255, 215, 125, 0.75, 5, "gold"],
			[ 69, 139,  69, 0.50, 1, "green"],
			[ 33, 153, 243, 1.25, 3, "blue"],
			[113,  73, 173, 1.15, 1, "purple"],
			[113,  73, 173, 1.00, 1, "purple"],
		];
		var o = [0.97, 0.93];
		var p = 750;
		var h = 15;
		var n = parseInt((((p/h)-1)/(l.length-1))-1);
		if (n < 1) { n = 1; }
		n = ((n + 3) + (n % 2));
		var t = 0;
		var u = "";
		var z = document.getElementById("a");
		for (var i = 0; i < l.length; ++i) {
			var k = (i + 1);
			var r = l[i][3];
			var s = l[i][4];
			var m = parseInt(n * r);
			u += (l[i][5]+" "+i+" "+n+" "+r+" "+s+" "+m+"\n");
			for (var j = 0; j < s; ++j) {
				z.innerHTML += ("<div style='height:"+h+"px; background:rgba("+l[i][0]+", "+l[i][1]+", "+l[i][2]+", "+o[0]+");'></div>");
			}
			for (var j = 0; (j < m) && (k < l.length); ++j) {
				var a = ((((l[k][0] - l[i][0]) - 1) / (m + 1)) * (j + 1));
				var b = ((((l[k][1] - l[i][1]) - 1) / (m + 1)) * (j + 1));
				var c = ((((l[k][2] - l[i][2]) - 1) / (m + 1)) * (j + 1));
				var d = (l[i][0] + a);
				var e = (l[i][1] + b);
				var f = (l[i][2] + c);
				z.innerHTML += ("<div style='height:"+h+"px; background:rgba("+d+", "+e+", "+f+", "+o[1]+");'></div>");
			}
			if (i < (l.length - 1)) { t += ((m * h) + (h * s)); }
		}
		alert(n+"\n"+t+"\n"+u);
	}
</script>
<body onload="a();">
	<div id="a"></div>
</body>

~

~

Leave a comment