<!doctype html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1">

	<link rel="shortcut icon" href="/static/images/favicon.ico">
	<link rel="stylesheet" href="/static/css/style.css">

	<script src="//use.typekit.net/czo4pzj.js"></script>
	<script>try{Typekit.load();}catch(e){}</script>

	
		<title>Mike Johnston</title>
	
  </head>

<body>
	
	
	<section id="top">
		<section class="wrapper">
		
	<header id="header">
		<h1><a href="/">Mike Johnston</a></h1>
	</header>
	<p>Scour the earth for things you love, then plumb their depths entirely.</p>

		</section>
	</section>


	<div id="section-rows">
		
<section class="middle"><section class="wrapper">
	<p>Working on new tools for games, AR, and VR. Posting updates <a href="http://twitter.com/kineticpoet">on Twitter</a>.</p>
	<p>Most recently worked on AR/VR at Apple. Before that, I co-founded <a href="http://moatboat.com">Moatboat</a> and <a href="http://simplenote.com">Simplenote</a>. I've also been a professional and indie video game designer/programmer.</p>

	<p>Here are some things I've made in the past.</p>
	<section id="thumbnails" class="clearfix">
		
				<a class="thumbnail-link" href='/projects/apps.html'>
				<video class="thumbnail-video" autoplay="" muted="" loop="" style="height: auto; width: 100%;" poster="/static/images/Apps.png" webkit-playsinline playbackRate="0.5">
					<source src="/static/videos/Apps.mp4"/>
					<source src="/static/videos/Apps.webm"/>
				</video>
				<img src="/static/videos/Apps.gif"/>
				<span>Apps</span>
				</a>
		
				<a class="thumbnail-link" href='/projects/games.html'>
				<video class="thumbnail-video" autoplay="" muted="" loop="" style="height: auto; width: 100%;" poster="/static/images/games.png" webkit-playsinline playbackRate="0.5">
					<source src="/static/videos/games.mp4"/>
					<source src="/static/videos/games.webm"/>
				</video>
				<img src="/static/videos/games.gif"/>
				<span>Games</span>
				</a>
		
				<a class="thumbnail-link" href='/projects/tools.html'>
				<video class="thumbnail-video" autoplay="" muted="" loop="" style="height: auto; width: 100%;" poster="/static/images/tools.png" webkit-playsinline playbackRate="0.5">
					<source src="/static/videos/tools.mp4"/>
					<source src="/static/videos/tools.webm"/>
				</video>
				<img src="/static/videos/tools.gif"/>
				<span>Tools</span>
				</a>
		
				<a class="thumbnail-link" href='/projects/indie.html'>
				<video class="thumbnail-video" autoplay="" muted="" loop="" style="height: auto; width: 100%;" poster="/static/images/indie.png" webkit-playsinline playbackRate="0.5">
					<source src="/static/videos/indie.mp4"/>
					<source src="/static/videos/indie.webm"/>
				</video>
				<img src="/static/videos/indie.gif"/>
				<span>Indie</span>
				</a>
		
	</section>
</section></section>


	</div>


	<section id="outro">
		<section class="wrapper">
		
	<p>I was born in Canada, lived in several countries, and I now call San Francisco home. I love reading, walking, and playing piano, especially improvising.</p>

		</section>
	</section>

	
	<footer id="footer">
		<ul id="footer-links">
			<li><a href="/">mikejohnstn.com</a></li>
			<li><a href="https://www.linkedin.com/in/mikejohnstn">LinkedIn</a></li>
			<li><a href="http://twitter.com/kineticpoet">Twitter</a></li>
			<li><a href="/projects/apps.html">Apps</a></li>
			<li><a href="/projects/games.html">Games</a></li>
			<li><a href="/projects/tools.html">Tools</a></li>
			<li><a href="/projects/indie.html">Indie</a></li>
		</ul>

		<p class="small">All rights reserved. © Mike Johnston</p>
	</footer>


	
		<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
		<script src="/static/js/main.js"></script>
		<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-25099834-1', 'auto');
  ga('send', 'pageview');

		</script>
	

	
<script>
$(document).ready(replaceVideosWithImagesOnMobile());
$(document).ready(setVideoPlaybackRate(0.75));
</script>

</body>
</html>
