Rob Garrison Mottie

Generating Procedural Game Worlds with Wave Function Collapse

Wave Function Collapse (WFC) by @exutumno is a new algorithm that can generate procedural patterns from a sample image. It's especially exciting for game designers, letting us draw our ideas instead of hand coding them. We'll take a look at the kinds of output WFC can produce and the meaning of the algorithm's parameters. Then we'll walk through setting up WFC in javascript and the Unity game engine.

The traditional approach to this sort of output is to hand code algorithms that generate features, and combine them to alter your game map. For example you could sprinkle some trees at random coordinates, draw roads with a brownian motion, and add rooms with a Binary Space Partition. This is powerful but time consuming, and your original vision can someti

CSS Layout Debugger

A tweet-sized debugger for visualizing your CSS layouts. Outlines every DOM element on your page a random (valid) CSS hex color.

One-line version to paste in your DevTools

Use $$ if your browser aliases it:

~ 108 byte version

	/* ==UserStyle==
	@name GitHub Dark
	@homepageURL http://userstyles.org/styles/37035
	@updateURL https://userstyles.org/styles/37035.css
	@md5URL https://update.userstyles.org/37035.md5
	@originalMD5 66643ceab5d8c458da6e0ead8f4133f3
	@author StylishThemes
	@advanced color base-color "Base color scheme" #4183C4
	@advanced dropdown syntax-theme "Github syntax theme" {
	Ambiance "Ambiance" <<<EOT

	// CommonJS consumer and/or importer
	module.exports = new Promise(async $export => {
	const module = await require('./module');
	$export({module, method(){}});
	});

	// ES2017 Asynchronous Export
	// module.js
	export default new Promise(async $export => {
	const module = await Promise.resolve(
	{my: 'module'}
	);
	$export(module);
	});

	// - - - - - - - - - - - - - - - - - - - - - - - - - - - -

	// ==UserScript==
	// @name github-wrap-toggle
	// @namespace silverwind
	// @include /^https?://github.com/
	// @version 1
	// @grant GM_addStyle
	// ==/UserScript==
	var $ = document.querySelectorAll.bind(document);
	NodeList.prototype.__proto__ = Array.prototype;

	#!/usr/bin/perl

	# This filter changes all words to Title Caps, and attempts to be clever
	# about uncapitalizing small words like a/an/the in the input.
	#
	# The list of "small words" which are not capped comes from
	# the New York Times Manual of Style, plus 'vs' and 'v'.
	#
	# 10 May 2008
	# Original version by John Gruber:

	//Dr. Seuss once wrote, "IF." He meant, "If you give a fuck, maybe,
	//JUST MAYBE, you can change this shitty world in some small way for
	//the better." I might've been an writer of children's books someday,
	//but instead, I decided to make this. So in lieu of The Lorax,
	//let's call this The Dragon, and have my word be, "DON'T." As in,
	//"Don't do something stupid like this the way I did, you jackass."
	//But the truth is humans are very stubborn creatures. You probably
	//won't listen to my advice and, chances are, neither will I.

	#!/usr/bin/env bash

	# Colours picked from https://robinpowered.com/blog/best-practice-system-for-organizing-and-tagging-github-issues/

	###
	# Label definitions
	###
	declare -A LABELS

	# Platform

	# Hello, and welcome to makefile basics.
	#
	# You will learn why `make` is so great, and why, despite its "weird" syntax,
	# it is actually a highly expressive, efficient, and powerful way to build
	# programs.
	#
	# Once you're done here, go to
	# http://www.gnu.org/software/make/manual/make.html
	# to learn SOOOO much more.