game.html

﻿<!DOCTYPE html>
<html>

	<head>

		<title>Game - One PR A Day</title>
		<meta name="viewport" content="width=device-width,initial-scale=1" />

		<link rel="stylesheet" type="text/css" href="stylesheets/styles.css">

	</head>

	<body>

		<div class="game-board-window">
			<div id="loader"></div>

			<div class="controls">
				<button type="button" class="controls-swapengine">Swap Engine</button>
				Player Score: <span class="controls-score">0</span>
			</div>

			<div class="game-board-2d"></div>
			<div class="game-board-3d"></div>
		</div>

		<!--
		Following image taken from https://sftextures.com/2015/12/04/grey-brick-wall-texture-seamless-modern-glossy-type/
		via Google Images with the filter: licensed for noncommercial reuse.

		At some point, I'd use this to scale/skew when drawing planes, to give patterned fills to surfaces.

		<img class="stone-bricks" src="images/grey-brick-texture-seamless-glassy-dirty-modern-concrete-wall-squared-pattern-smooth-surface-256x182.jpg" alt="Stone brick seamless pattern." />
		-->

		<script>
			// See index.html for asset loader notes.
			window.assets = [
				'stylesheets/game.css',
				'scripts/game-engine-2d.js',
				'scripts/game-engine-3d.js',
				'scripts/game.js',
			];
		</script>
		<script src="scripts/asset-loader.js"></script>

	</body>

</html>