Meta tags:
description=Interactive tutorials for math and algorithms;

Headings (most frequently used words):

red, blob, games, about, me, learn, play, ponder, meta,

Text of the page (most frequently used words):
and (35), with (24), the (15), for (15), also (15), using (14), interactive (12), games (12), map (8), diagrams (7), about (7), how (7), inspired (7), make (6), game (6), can (6), vue (6), algorithms (5), you (5), generation (5), pathfinding (5), web (5), learning (5), from (5), grid (5), voronoi (5), sphere (5), guide (5), tiling (5), edges (5), red (4), blob (4), first (4), are (4), search (4), projects (4), worked (4), maps (4), since (4), that (4), use (4), explanations (4), implementation (4), tutorials (4), delaunay (4), squares (4), noise (4), people (3), pages (3), procedural (3), but (3), redblobgames (3), modern (3), been (3), made (3), development (3), started (3), code (3), project (3), lines (3), blog (3), design (3), colors (3), this (3), event (3), distance (3), distributions (3), breadth (3), noisy (3), generator (3), rss (2), posts (2), not (2), audience (2), area (2), chat (2), especially (2), interested (2), gmail (2), com (2), working (2), 1990 (2), wrote (2), being (2), then (2), over (2), computer (2), science (2), math (2), source (2), browsers (2), used (2), other (2), ideas (2), board (2), github (2), license (2), example (2), text (2), elements (2), proof (2), concept (2), quick (2), canvas (2), graph (2), haven (2), drag (2), etc (2), without (2), library (2), part (2), shows (2), 2015 (2), tutorial (2), making (2), 2023 (2), own (2), show (2), visual (2), explanation (2), signed (2), triangles (2), patterns (2), terrain (2), primary (2), pronunciations (2), procedurally (2), cells (2), writing (2), mesh (2), curves (2), hexagons (2), video (2), field (2), all (2), articles (2), out (2), paths (2), drawing (2), circular (2), tiles (2), grids (2), probability (2), algorithm (2), flow (2), dijkstra (2), explaining, copyright, feed, 2026, keep, asking, guest, sponsored, link, exchanges, always, say, second, these, they, engine, optimization, maximizing, silicon, valley, want, person, email, related, love, anything, previously, educational, wild, shadow, studios, peter, norvig, nonagon, currently, galactic, assault, squad, jetbolt, chronicle, misdeeds, artifical, intelligence, approach, realm, mad, god, root, helping, earlier, life, environmental, simulation, called, took, break, decade, recent, rise, indie, mobile, tablet, social, have, again, current, passion, interactivity, because, rich, interesting, problems, explained, visually, don, follow, formats, magazines, technical, papers, books, combine, reading, watching, doing, blobcity, most, well, known, solar, realms, elite, accompanying, open, under, either, both, allow, commercial, found, public, amitp, apache, mit, simple, might, help, get, javascript, diagram, highlight, together, render, functions, syntax, highlighting, modification, pointerevents, katex, which, work, reactivity, system, scrubbable, numbers, observablehq, process, struggles, tool, editing, notes, svg, webgl, responsive, something, seen, elsewhere, yet, arrows, outside, constraints, handles, like, shapes, controls, little, implement, high, level, overview, specific, any, particular, study, copy, versions, react, lit, html, vanille, preact, starter, older, 2011, recommendations, mouse, touch, handling, handlers, dragging, objects, around, including, multiple, drop, write, series, explain, guides, meta, where, reddit, discord, communities, our, roguelikes, several, weeks, 2022, 2021, 2020, roguelikedev, summer, what, should, railroads, hex, fields, reshaping, planet, recreate, hexagon, saturn, placing, natural, resources, filling, various, shader, experiments, only, image, filters, homunculus, stretching, shrinking, match, needs, seed, points, why, there, three, crayons, four, understanding, color, yellow, letter, phoneme, alignment, modifying, spelling, neural, networks, generating, names, rounder, alternative, explore, sometimes, full, ponder, reaction, diffusion, dave, bees, bombs, shape, transitions, triangle, watabou, dyson, hatching, chaikin, rounded, organic, cave, cube, diagonal, factorio, conveyor, belt, editor, animation, bacterial, cell, car, blind, spots, shaders, john, carlos, baez, post, orbits, planets, mathologer, modulo, multiplication, 3blue1brown, ellipse, mapgen2, scott, mccloud, book, face, sdf, fonts, lets, draw, your, mapgen4, fun, demos, while, new, things, play, site, has, available, free, signup, ads, main, independent, student, hobbyist, software, developers, experimenting, 2004, didn, figure, style, now, until, 2007, 1995, curating, analysis, pairs, shortest, circles, straight, constrained, bitangents, obstacles, square, vertices, parts, bezier, arcs, biarcs, curved, roads, linear, interpolation, lerp, supercover, line, nonparametric, rpg, damage, sweep, visibility, represent, graphs, intro, theory, data, structures, half, delaunator, blue, triangulation, water, polygonal, tower, defense, non, orthogonal, bases, relation, cubes, hexagonal, reference, simplex, perlin, signal, processing, function, concepts, introduction, learn, motivating, examples, twitter, bluesky, amit, patel,

Text of the page (random words):
red blob games red blob games from amit patel redblobgames gmail com blog rss bluesky twitter x hi i make interactive visual explanations of math and algorithms using motivating examples from computer games and other projects i ve worked on learn introduction to a and implementation guide also dijkstra s algorithm breadth first search map generation from noise and noise function concepts also simplex perlin noise signal processing hexagonal grid reference and implementation guide also non orthogonal bases relation to cubes tower defense pathfinding also breadth first search dijkstra maps flow field pathfinding polygonal map generation and implementation guide 1 also blue noise delaunay triangulation voronoi diagrams water flow guide to delaunator 2 a delaunay voronoi library also mesh data structures half edges intro to graph theory also how to represent grids as graphs 2d visibility algorithm also sweep algorithms probability for rpg damage also probability distributions nonparametric distributions line drawing also linear interpolation lerp supercover curved roads also bezier curves circular arcs biarcs pathfinding algorithms 3 grid parts tiles edges vertices for squares hexagons and triangles grid edges and tiles for square grids pathfinding with circular obstacles 4 also bitangents noisy edges out of straight lines also area constrained noisy paths drawing circles on a grid all pairs shortest paths for map analysis 5 i ve been curating game development articles since 1990 6 and my web site has been up since 1995 all of my articles are available for free with no signup and no ads the main audience is independent student and hobbyist software developers i started experimenting with interactive explanations in 2004 but didn t figure out until 2007 the style of interactive explanation i use now 7 play i make fun demos while learning new things and writing explanations mapgen4 map generator lets you draw your own terrain signed distance field sdf fonts procedural face generator inspired by a scott mccloud book mapgen2 map generator ellipse from lines inspired by a 3blue1brown video modulo multiplication inspired by a mathologer video orbits of planets inspired by a john carlos baez blog post noisy edges using shaders car blind spots 8 bacterial cell animation conveyor belt editor inspired by factorio tiling a sphere with diagonal squares tiling a sphere with hexagons tiling a sphere with voronoi tiling a cube with squares tiling a sphere with squares organic cave maps rounded cells and chaikin curves dyson hatching inspired by a watabou project triangle patterns on a delaunay mesh shape transitions inspired by a dave bees bombs project reaction diffusion ponder i also explore ideas sometimes without writing a full guide alternative to voronoi with rounder cells procedurally generating names using pronunciations and neural networks procedurally modifying spelling using pronunciations and letter phoneme alignment understanding the color yellow why are there three primary colors in science but four primary colors in board games crayons etc distance to seed points using breadth first search homunculus stretching and shrinking maps to match a game s needs 9 map generation with no code only image filters terrain shader experiments for filling triangles with various patterns placing natural resources on a map hexagon on saturn 10 can i recreate it procedural planet generation on a sphere using voronoi delaunay reshaping distributions 11 signed distance fields 12 quick visual explanation railroads on a hex grid game map design 13 what should you show and not show r roguelikedev summer event 2020 2021 2022 2023 where people in the reddit discord communities make our own roguelikes over several weeks meta i m working on a series of pages that explain how to make interactive guides tutorial about making interactive tutorials including multiple diagrams and drag and drop this shows how i write my interactive tutorials since 2015 using vue js event handlers for dragging objects around my recommendations for mouse touch event handling for modern browsers as of 2023 an older tutorial about making interactive tutorials this shows how i wrote my interactive tutorials from 2011 2015 using d3 js starter code you can study and copy with versions using react vue lit html vanille js and preact how i implement my interactive diagrams part 1 14 and part 2 15 this is a high level overview without being specific to any particular library little design elements i like to use colors shapes controls etc drag handles with constraints arrows outside the diagrams 16 something i haven t seen elsewhere and haven t used yet responsive web design implementation for interactive diagrams canvas svg webgl notes on how i made the a pages and the tool i made for graph editing blog posts 17 about my process and struggles scrubbable numbers in observablehq 18 using vue s reactivity system with canvas 19 which can also work with d3 using vue with katex proof of concept using vue with pointerevents quick example vue text modification using render functions for syntax highlighting proof of concept how to make diagram and text elements highlight together 20 with 10 lines of javascript it s a simple example that might help you get started accompanying code is open source under either the mit license 21 or the apache v2 license 22 both allow use in commercial projects other projects are found at at github amitp 23 and github redblobgames 24 my project ideas board 25 is public about me i ve been helping people make games since 1990 i wrote games earlier in life with solar realms elite 26 being the most well known 27 then worked on an environmental simulation game called blobcity then took a break for over a decade the recent rise of indie mobile tablet social and web games have made me interested in game development again my current passion is using interactivity on the web for learning especially computer science and math i ve started with game development because it s a rich source of interesting problems that can be explained visually with modern web browsers we can use explanations that don t follow the formats used in magazines technical papers and books we can combine learning by reading learning by watching and learning by doing 28 i previously worked with root 1 29 on educational games wild shadow studios on realm of the mad god 30 peter norvig on interactive diagrams for artifical intelligence a modern approach 31 and nonagon games on a chronicle of misdeeds 32 i m currently working with jetbolt games 33 on galactic assault squad 34 if you re in the silicon valley area and want to chat in person email me at redblobgames gmail com i m especially interested in algorithms related to maps procedural generation and pathfinding but love to chat about anything people keep asking me about guest sponsored posts and link exchanges i always say no first ew second these pages are projects i ve worked on they re not about search engine optimization or maximizing my audience copyright 2026 red blob games rss feed red blob games explaining algorithms with interactive diagrams