Red Blob Games

@redblobgames.com

2002 Followers 101 Following

Hi! I'm Amit Patel. I explain algorithms and math with interactive web pages (incl. pathfinding, hexagons, procgen maps, voronoi). Wrote Solar Realms Elite; helped w/Barren Realms Elite and Realm of the Mad God. https://www.redblobgames.com/

Decompiled code from Solar Realms Elite
Gemini attempt to reverse engineer Solar Realms Elite (a game I wrote a long time ago, and lost the source code for)
Before: adjust cone size by using sliders
Screenshot of e-mail spam about sludge treatment
Refinement of previous screenshot, with one arrow instead of two when they are aligned
Screenshot of a grid with up to two arrows per tile
Screenshot of a pathfinding flow field and a specific path in that field
Tom Patterson's map of the Utah canyonlands
Sample code that uses dynamic typing
Screenshot of code that's highlighted with colors that match the diagrams
Screenshot of my hexagon page without code highlighting
Animation showing how multiplication with modulo on a circle leads to fascinating patterns
Old xml white space handling rule in my web site builder
Image diff captured a change in whitespace handling on my site
Animation of how landscapes are similar to distance fields
Screenshot of several images from my new blog post
Screenshot of five different styles of rendering SDF (signed distance field) fonts
Text rendered with a signed distance field, setting the color based on the shader derivative of the distance
Text with a rainbow colored fill
An animation showing how we can think of signed distance field fonts as a landscape, converting "land" into the font color and "coastline" into the outline of the font.
Figure 1.5 from Chlumsky's thesis work on MSDF fonts shows a distance field drawn as a height field, with a water level showing where the font is rendered
Figure 6.4 from Chlumsky's thesis work on MSDF fonts
Comparison of single distance field vs two distance fields
Animation of a distance field font turned into an island, with a coastline that is the font's border and ocean that's the transparent area.
Screenshot showing the difference between resizing a bitmap font and resizing a distance field font
Histogram showing which values are being used in a font data file
Screenshot of me dumping wastewater into the ocean, in Captain of Industry
Screenshot of a glow effect applied to text
Screenshot of soft outlines with sharp corners
Screenshot of a soft outline around text
Video showing a slider controlling which contour line in a distance field is drawn
Screen recording of a visual road editor
Screenshot of contour lines on a signed distance field rendering of a font
Comparison of SDF font rendered with a 256x256 texture and a 512x512 texture. The 512x512 texture produces a sharper looking font.
Screenshot from the page I'm writing
Movie showing the emacs text editor automatically converting units as part of the syntax highlighting feature
Video showing a text editor that adds an annotation as part of syntax highlighting
Screenshot of a stylized procedurally generated map that uses little line marks to show mountains, grass, and water
Realm of the Mad God, world #9.
Diagram from https://www.redblobgames.com/maps/noisy-edges/ showing the html structure for accessibility, including a <label> element surrounding an <input> and corresponding <output> element
mapgen4 render with a floating point precision bug
Video showing the use of a slider to control the rendering of mountains in the mapgen4 map generator
Old river renderer: draw to the cpu, then read from that on the gpu
Screenshot of buggy output from my shader
A screenshot of mapgen4's map generator, with an ocean to the east, a land mass to the west, and a peninsula to the southeast
Old mapgen4 river renderer
Mapgen4 rendered with 'nearest' texture filtering on the biomes
Screenshot with "V" parameter set at 1.0
Procedurally generated map with an overlay of graph edges drawn between the borders of the map cells