examples/index.html

<!DOCTYPE html>
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>Unicodetiles.js Example Index</title>
	<link href="../unicodetiles/unicodetiles.css" rel="stylesheet" type="text/css" />
	<link href="../docs/style.css" rel="stylesheet" type="text/css" />
	<link href="style.css" rel="stylesheet" type="text/css" />
</head>

<body><div id="container">

	<div class="centerer">
		<h1>Examples</h1>
		<ol class="indexlisting">
			<li>
				<h2><a href="01-minimal.html">Minimal usage example</a></h2>
				<p>Shows the basic creation of the objects and how to display them.</p>
			</li>
			<li>
				<h2><a href="02-simple-dungeon.html">Simple dungeon</a></h2>
				<p>Displays a simple scrolling dungeon map where you can walk with arrow keys.
				Also has collision detection, so you cannot go through walls.</p>
			</li>
			<li>
				<h2><a href="03-fov-dungeon.html">Dungeon with FOV</a></h2>
				<p>Extends the previous example with Field of View calculation,
				so you cannot see through walls anymore.
				This is done through the tile engine's masking callback.</p>
			</li>
			<li>
				<h2><a href="04-shader-lighting.html">Lighting shader</a></h2>
				<p>Extends the previous example by adding a torch lighting effect to the player.
				This is done through the tile engine's post-processing shader callback.</p>
			</li>
			<li>
				<h2><a href="05-infinite-forest.html">Infinite forest</a></h2>
				<p>Shows how the engine's tile callback can be used to create endless maps on the fly.</p>
			</li>
			<li>
				<h2><a href="06-transition-effects.html">Transition effects</a></h2>
				<p>Demoes the tile function changing effects.</p>
			</li>
			<li>
				<h2><a href="07-squarify.html">Squarify</a></h2>
				<p>Demoes the feature of making the tiles square in the engine side.
				This has the drawback of larger gaps between the tiles, so it is not
				suitable for every kinds of characters/games.</p>
			</li>
			<li>
				<h2><a href="08-raycaster.html">Raycaster</a></h2>
				<p>Pseudo 3d dungeon demoing Viewport usage without the tile engine component.</p>
			</li>
		</ol>
	</div>

	<a class="backlink" href="../">&lt;-- Back to homepage</a>

</div></body>
</html>