<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>Ben Beckford, developer of internet flavoured things</title>
	<link href='style.css' rel='stylesheet' type='text/css'>
	<!--[if gte IE 9]>
	  <style type="text/css">
	    body {
	       filter: none;
	    }
	  </style>
	<![endif]-->
	<link href='https://fonts.googleapis.com/css?family=PT+Sans|Open+Sans:400,700,600' rel='stylesheet' type='text/css'>
	<link href="https://plus.google.com/112823355603472797136" rel="author" />

	<script src="scripts/jquery.js" type="text/javascript"></script>
	<script src="scripts/jquery.easing.1.3.js" type="text/javascript"></script>
	<script type="text/javascript">
	var maxRotation = 30;
	var reduceScale = 0.6;

	$(function() {

		$('#helloWrapper').hover(function() {

			var newRotation = -maxRotation + (Math.random() * (maxRotation * 2));

			$('#hello').css({	'transform': 'scale('+reduceScale+','+reduceScale+') rotate('+newRotation+'deg)',
								'-webkit-transform': 'scale('+reduceScale+','+reduceScale+') rotate('+newRotation+'deg)',
								'-ms-transform': 'scale('+reduceScale+','+reduceScale+') rotate('+newRotation+'deg)',
								'-o-transform': 'scale('+reduceScale+','+reduceScale+') rotate('+newRotation+'deg)',
								'-moz-transform': 'scale('+reduceScale+','+reduceScale+') rotate('+newRotation+'deg)'});

		}, function() {

			$('#hello').css({	'transform': 'scale(1,1) rotate(0deg)',
								'-webkit-transform': 'scale(1,1) rotate(0deg)',
								'-ms-transform': 'scale(1,1) rotate(0deg)',
								'-o-transform': 'scale(1,1) rotate(0deg)',
								'-moz-transform': 'scale(1,1) rotate(0deg)'});

		});

	});
	</script>

	<script type="text/javascript">

		var _gaq = _gaq || [];
		_gaq.push(['_setAccount', 'UA-27736248-1']);
		_gaq.push(['_trackPageview']);

		(function() {
			var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
			ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
			var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
		})();

	</script>
</head>

<body>

	<div class="main">

		<div class="helloWrapper" id="helloWrapper">
			<h2 id="hello">Hello.</h2>
		</div>

		<div class="socialIconsWrapper">
			<ul>
				<li><a href="https://bsky.app/profile/benbeckford.com" target="_blank"><img src="images/bluesky.svg" alt="Follow @bbeckford on Bluesky"></a></li>
			</ul>
		</div>

		<h3>My name is Ben Beckford, I'm a software engineer of web / app / game flavoured things.</h3>
		<h4>Right now I'm keeping busy with this stuff:</h4>

		<div class="projectWrapper">
			<a href="http://www.ccdstudios.com" target="_blank">
				<div class="projectThumb"><img src="images/ccd.png" /></div>
				<p class="projecTitle">CCD Studios</p>
				<p class="projectSubtitle">I've been senior engineer at CCD since 2009, we're a really talented and passionate team of people that make loads of cool websites, apps and software.</p>
				<div style="clear:both;"></div>
			</a>
		</div>

		<div class="projectWrapper">
			<a href="http://thesillywalk.com" target="_blank">
				<div class="projectThumb"><img src="images/silly_walks.jpg" /></div>
				<p class="projecTitle">Monty Python's The Ministry of Silly Walks - The Game</p>
				<p class="projectSubtitle">I was game designer and developer on Monty Python's The Ministry of Silly Walks - The Game, a commercial game in association with John Cleese and Monty Python.</p>
				<div style="clear:both;"></div>
			</a>
		</div>

		<div class="projectWrapper">
			<a href="https://thecrimepreventionwebsite.com" target="_blank">
				<div class="projectThumb"><img src="images/tcpw.jpg" /></div>
				<p class="projecTitle">The Crime Prevention Website</p>
				<p class="projectSubtitle">Launched 7th April 2012, The Crime Prevention Website is the largest source of free crime prevention advice on the internet, built entirely on my own custom CMS.</p>
				<div style="clear:both;"></div>
			</a>
		</div>

		<div class="projectWrapper">
			<a href="unity_assets">
				<div class="projectThumb"><img src="images/redo_remapper.png" /></div>
				<p class="projecTitle">Unity Utilities</p>
				<p class="projectSubtitle">I've made a few small utilities for 	Unity.</p>
				<div style="clear:both;"></div>
			</a>
		</div>

		<div class="projectWrapper">
			<a>
				<div class="projectThumb"><img src="images/secret_santa_setup.jpg" /></div>
				<p class="projecTitle">Secret Santa Setup (retired)</p>
				<p class="projectSubtitle">A web app for setting up Secret Santa's with Facebook integration.<br />It has a feature to group couples/certain friends together that you don't want to 'get' eachother, and a very computer sciency genetic algorithm underneath it to try and make that happen.</p>
				<div style="clear:both;"></div>
			</a>
		</div>

		<h5 class="more"><b>More About Me</b></h5>

		<h5>I'm experienced with PHP, Javascript, Dart / Flutter, MySQL, CSS, HTML, jQuery, iOS Development, C#, C++ and even some good old Actionscript 3. I have a BSc Hons in Computer Games Programming from the University of Westminster. I used to be in <a href="https://open.spotify.com/artist/3sOcqOVOF1usX0RlhCqW6v" target="_blank">this band</a>. I'd rather have a bowl of coco pops.</h5>
		<h5 class="more"><b>Older Stuff</b></h5>

		<h5>Here are some games I made at Uni:</h5>

		<div class="projectWrapper noBigClick">
			<div class="projectThumb"><img src="images/shootr.jpg" /></div>
			<p class="projecTitle">shootr</p>
			<p class="projectSubtitle">This is the game I created for my thesis.<br />It was built from the ground up in C#/XNA and includes a bone animation system, a particle effects system, ray-traced bullets and bullet time. I only finished survival mode but I hope some day in the future I'll add more to it. You can download it for windows <a href="downloads/shootr.zip">here</a> or watch the development videos <a href="https://www.youtube.com/playlist?list=PLB5C4128D13C013EF&feature=plcp" target="_blank">here</a>.</p>
			<div style="clear:both;"></div>
		</div>

		<div class="projectWrapper noBigClick">
			<div class="projectThumb"><img src="images/synthesis.jpg" /></div>
			<p class="projecTitle">Synthesis</p>
			<p class="projectSubtitle">This is a game I made with Chris Pritchard and James Wayland.<br />It was built in C#/XNA for a project to create an educational game. It's aim was to teach GCSE students about photosynthesis and it provides a quiz at the end to test students. It can be played with mouse/keboard or an Xbox 360 controller. You can download it for windows <a href="downloads/synthesis.zip">here</a>.</p>
			<div style="clear:both;"></div>
		</div>

		<div class="projectWrapper noBigClick">
			<div class="projectThumb"><img src="images/indiana_james.jpg" /></div>
			<p class="projecTitle">Indiana James</p>
			<p class="projectSubtitle">This is a game I made with Chris Pritchard and James Wayland.<br />It's an attempt at a retro lucasarts style adventure game like Monkey Island or Day of the Tentacle, based around us and our university. You can download it for windows <a href="downloads/indiana_james.zip">here</a> - I've removed the intro video from it as it pushed the file size through the roof but you can still watch the intro <a href="https://www.youtube.com/watch?v=lCQ4IzePUjc&list=UUdPWq2ygNLrBMoBeQNAoj4Q&feature=plcp" target="_blank">here</a>.</p>
			<div style="clear:both;"></div>
		</div>

		<div class="footerWrapper">
			<p>All content &copy; Ben Beckford</p>
		</div>

	</div>


</body>
</html>
