Andrew Wooldridge triptych

CUSTOM GAME ENGINES: A Small Study

A couple of weeks ago I played (and finished) A Plague Tale, a game by Asobo Studio. I was really captivated by the game, not only by the beautiful graphics but also by the story and the locations in the game. I decided to investigate a bit about the game tech and I was surprised to see it was developed with a custom engine by a relatively small studio. I know there are some companies using custom engines but it's very difficult to find a detailed market study with that kind of information curated and updated. So this article.

Nowadays lots of companies choose engines like Unreal or Unity for their games (or that's what lot of people think) becaus

Why I use web components

This is some sort of answer to recent posts regarding Web Components, where more than a few misconceptions were delivered as fact.

Let's start by defining what we are talking about.

The Web Components Umbrella

As you can read in the dedicated GitHub page, Web Components is a group of features, where each feature works already by itself, and it doesn't need other features of the group to be already usable, or useful.

Edgars Lair | a pure CSS RPG

Edgars Lair is a simple game written in pure CSS. You can move the character around, go to other rooms, talk to people, look at objects or take a nap. Enjoy the awesomeness of pure CSS.

Walking

click ctrl + alt + [W,A,S,D]
then space

or click buttons (upper left corner)

HTML5 Markup Template - Basic

A very basic starter template with fundamental HTML5 markup -- only the basics.

Based on HTML5 Bones | http://html5bones.com

	/* bling.js */

	window.$ = document.querySelectorAll.bind(document);

	Node.prototype.on = window.on = function (name, fn) {
	this.addEventListener(name, fn);
	}

	NodeList.prototype.__proto__ = Array.prototype;

	<script type='text/javascript' src='astar.js'></script>
	<script type='text/javascript'>
	var graph = new Graph([
	[1,1,1,1],
	[0,1,1,0],
	[0,0,1,1]
	]);
	var start = graph.grid[0][0];
	var end = graph.grid[1][2];
	var result = astar.search(graph, start, end);

	const textArea = document.querySelector('textarea');
	const storageKey = 'text';

	const init = () => {

	textArea.value = localStorage.getItem(storageKey);

	textArea.addEventListener('input', () => {
	localStorage.setItem(storageKey, textArea.value);
	});

	extends Node2D

	var timeToShow = 5
	var originalPosition

	var waveDelay = 0
	var isWavy = false
	var wavyDirection = 1

	var isShakey = false