Source code

<body onload="
	sceneWidth = a.width = 1280;
	sceneHeight = a.height = 720;
	sceneSemiWidth = sceneWidth / 2;
	sceneSemiHeight = sceneHeight / 2;
	c = a.getContext(`2d`);
	beginPathAlias = _ => c.beginPath();
	lineToAlias = (x, y) => c.lineTo(x, y);
	fillStyleAlias = (s) => c.fillStyle = s;
	strokeStyleString = `strokeStyle`;
	full = 255;
	hundreed = 100;
	m = Math;
	
	rnd = (param1, param2 = 0) => param2 + m.random() * (param1 - param2);
	
	color = (r, g, b, a = 1) => `rgba(${r},${g},${b},${a})`;
	
	r = (repeats, f, j = 0) => { for (; repeats > j; f(i=j++, n=repeats)); };
	
	rect = (x, y, w, h, style) =>
		c.fillRect(x, y, w, h, fillStyleAlias(style));
	
	
	// Darkness
	
	rect(0, 0, sceneWidth, sceneHeight, color(0, 0, 0));
	
	
	// Stars
	
	r(2e3, _ =>
		rect(rnd(sceneWidth), rnd(sceneHeight), 2, 2, color(rnd(full), rnd(full), rnd(full), rnd(1)))
	);
	
	
	r(15, _ => 
		
		
		// Sky gradient
		
		rect(0, sceneSemiHeight - n * i, sceneWidth, n, color(140, 60, 133, 1-i/n),
		
		
		// Sun
		
		c.fill(
		c.arc(sceneSemiWidth, sceneSemiHeight, 120 - i * 2, 0, 3, 1,
		beginPathAlias(
		fillStyleAlias(
		color(full, hundreed, 0, i / n)
		))))
		
		)
	);
	
	
	// Earth
	
	rect(0, sceneSemiHeight, sceneWidth, sceneSemiHeight, color(50, 0, 80));
	
	
	drawLine = (x, y, a, b=y) =>
		lineToAlias(a, b,
		c.moveTo(x, y,
		beginPathAlias(
		c[strokeStyleString] = color(hundreed, hundreed, full)
		))) & c.stroke()
	;
	
	r(22, _ =>
		
		// Horizontal ground grid lines
		drawLine(sceneSemiWidth, sceneSemiHeight, sceneWidth - sceneWidth / 21 * i, sceneHeight,
		
		// Road
		drawLine(0, sceneSemiHeight + m.pow(1.3, i), sceneWidth),
		
		
		// City
		rect(i * n + 400, sceneSemiHeight, rnd(14, 26), -rnd(14, 26), color(n, 0, 50))
		
		)
		
	);
	
	
	
	// Mountains
	
	mountain = (position, dotsX = [position - 400, position, position + 400], dotsY = [sceneSemiHeight, sceneSemiHeight - hundreed, sceneSemiHeight],
		
		addPoint = dots => dots.splice(currentItem = n - i, 0,
			((coord1, coord2) => 
				// 5 - mountain edgeness
				(coord2 + coord1)/2 + rnd(-(coord2 - coord1)/5, (coord2 - coord1)/5)
			)(dots[currentItem-1], dots[currentItem])
		)
		
	) =>
		
		beginPathAlias(
			
			r(9, _ =>
				
				r(dotsX.length - 1, _ =>
					addPoint(dotsX, addPoint(dotsY))
				)
			
		), fillStyleAlias(c[strokeStyleString] = color(25, 0, 25))) &
		
		r(dotsX.length, _ =>
			lineToAlias(dotsX[i], dotsY[i])
		) &
		
		c.fill(lineToAlias(dotsX[0], dotsY[0]))
		
	;
	
	mountain(sceneWidth * .9);
	mountain(sceneWidth * .1);
	
	
	// Camera grid
	
	r(5, _ =>
		
		r(sceneWidth, _ =>
			
			rect(i, 0, 1, sceneHeight,
			rect(0, i, sceneWidth, 1),
			fillStyleAlias(color(full, full, full, i % period / period * .014))
			)
			
		, period = 128 >> i)
		
	);
	
	
	// Screenlines
	
	screenLines = (period, gap, opacity) => 
		r(sceneHeight/period, _ => 
			rect(0, i * period, sceneWidth, gap, color(full, full, full, opacity)
		)
	);
	
	
	screenLines(5, 2, .08);
	screenLines(23, 9, .05);
	
	
	// ScreenCorners
	
	r(full, _ =>
		rect(0, sceneHeight - i, sceneWidth, 1, 
		fillStyleAlias(color(0, 0, 0, (1-i/n)*.4)),
		rect(0, i, sceneWidth, 1),
		rect(sceneWidth - i, 0, 1, sceneHeight),
		rect(i, 0, 1, sceneHeight)
		)
	)
	
"><canvas id=a>

Source size: ? bytes

Source code

Compressed result