ASCII Dungeon Renderer with Global Illumination

A real-time renderer for ASCII dungeons with global illumination, using radiance cascades.

Pan and zoom in the canvas using mouse or touch.

Rendering Controls

Bilinear Fix

Nearest

Sun Angle

Zoom: 1.0x

Edit Dungeon Map

Modify the text and colors below and it'll update in real time!

Width:

Height:

#############################################################################
#,,,,,,,,,###~~~~~~~###########,,,,,,,,,,,,,,,###########=================##
#,,,,,,,,,,##~~~~~~~#...#ooooo#,,,,,,,^,,,,,,,#...#...#+=======+========+.#
#,,^,,,,^,,,##~~≈~~~+...#o≈≈≈o#,,,,╔══╗,,,╔══╗+...+...+=======.========+..#
#,,,,,,,,,,,##~≈≈≈~~#...#o≈☠≈o+,,,╔╝..╚═══╝..╚╗#...########+==+========+..#
#####+#+#,,,,#~~~~~~#...#o≈≈≈o#,,,║...........]#...#∞....∞#=============..#
#...###!!#,,,########+###ooooo#,,,║...^...^...║#...#......##########+######
#..&..+!!#,,,#▲...┌────────┐..#,,,╚═══════════╝#...#..☠☠☠☠☠☠..☠#...#☼...☼#
#...###!!#,,,#....│..@.....│T.+,,,####+#########...#.*.*.*.*.*..#...+.....#
##+####+##,,,#....└────────┘..#~≈≈#!!!#≡≡≡≡≡≡≡≡#...##################+#####
#≈≈≈≈≈#,,,,,^#.............D.#~≈≈+!!!+≡≡≡≡≡≡≡≡+...#∞...∞#☠...☠#.....#...⚔#
#≈≈≈≈≈#,,,,,,#...⚱...⚱...⚱...#~≈≈#!!!#≡≡≡≡☠≡≡≡#...#.....+.....+.☠...+...⚔#
#~~~~~#,,,,,,#...............###~≈#!!!#≡≡≡≡≡≡≡≡#...#.....#.....#.....#...⚔#
#~~~~~#,,,,,,#........*......#...~#####+≡≡≡≡≡≡≡#...##################⚰⚰⚰⚰#
#~~~~~#,,,,,,#..?............#....~~~~~~≡≡≡≡≡≡≡≡#..∞####+#.....#...........#
######+############+####+#####...~~~~~~≡≡≡≡≡≡≡≡≡+....§...+..$..#...........#
#§....┌─┐....#%..$#☼...#⚱...#...~~~~~≡≡≡≡≡≡≡≡≡≡#....#####.....#.⚰⚰⚰⚰⚰⚰⚰⚰.#
#.....│ │....#....#....#....#....~~~~≡≡≡≡≡≡≡≡≡≡≡#............☠#.⚰........⚰.#
#..τ..└─┘....+....+....#..%.#.....~~~≡≡≡≡≡≡≡≡≡≡≡########+#####+.⚰.☠⚱☠⚱☠⚱.⚰.#
#...............#....#..../.#......~~≡≡≡≡≡≡≡≡≡≡≡#.*...#.∞...∞#...⚰........⚰.#
#∞...∞#.........#...*#....∞#.......~≡≡≡≡≡≡≡≡≡≡≡+.*...+.*.*.*#...⚰⚰⚰⚰⚰⚰⚰⚰.#
###############################......≡≡≡≡≡≡≡≡≡≡≡#.*...#.*.*.*#...............#
#▓░░░░#███████#░░░░░#▓▓▓▓▓▓▓▓#.....≡≡≡≡≡≡≡≡≡≡≡≡################............⚔#
#▓░▲░░#█.....█#░...░#▓..☠..▓▓+....≡≡≡≡≡≡≡≡≡≡≡≡≡#~~~~~~~~~~~~~~~~#══════════⚔#
#▓░░░░#█..%..█#░...░#▓.....▓▓#...≡≡≡≡≡≡≡≡≡≡≡≡≡≡+~~~~~~~~~~~~~~~~+║☠☠☠⚰☠☠☠║⚔#
#▓░░░░+█.....█+░...░+▓..⚔..▓▓#..≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡#~~~~~~~~~~~~~~~~#║☠⚰☠⚰☠⚰☠║.#
#▓░░░░#███████#░...░#▓▓▓▓▓▓▓▓#.≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡#~~~~~~~~~~~~~~~~#║☠☠☠⚰☠☠☠║.#
#▓▓▓▓▓#........#░░░░░#.......≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡#~~~~~~~~~~~~~~~~#══════════.#
########################........≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡#~~~~~~~~~~~~~~~~#............#
#☥.☥.☥.☥.☥.☥.☥.☥.☥.☥#.........≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡#~~~~~~~~~~~~~~~~#............#
#.....................#..........≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡#~~~~~~~~~~~~~~~~###+########
#☥.☥.☥.☥.☥.☥.☥.☥.☥.☥#...........≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡#☯.☯.☯.☯.☯.☯.☯.☯.#
#.....................#............≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡+.................#
#☥.☥.☥.☥.☥.☥.☥.☥.☥.☥#..............≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡#☯.☯.☯.☯.☯.☯.☯.☯.#
#.....................#................≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡#+#############
#############################################################################

Character Color Map

JSON mapping characters to RGB color arrays (e.g. {"#": [0.6, 0.6, 0.6], "@": [1.0, 0.9, 0.0]})

{
  "#": [0.12, 0.12, 0.12],
  ".": [0.09, 0.09, 0.09],
  ",": [0.14, 0.28, 0.14],
  "~": [0.0, 0.35, 0.7],
  "≈": [0.0, 0.45, 0.65],
  "≡": [0.0, 0.3, 0.55],
  "@": [1.0, 0.9, 0.0],
  "D": [0.9, 0.0, 0.0],
  "^": [0.5, 0.25, 0.0],
  "+": [0.6, 0.45, 0.25],
  "!": [0.0, 0.8, 0.0],
  "&": [0.65, 0.65, 0.65],
  "T": [0.4, 0.2, 0.0],
  "*": [0.9, 0.9, 0.4],
  "?": [0.7, 0.3, 0.7],
  "▲": [0.8, 0.0, 0.0],
  "┌": [0.35, 0.35, 0.35],
  "─": [0.35, 0.35, 0.35],
  "┐": [0.35, 0.35, 0.35],
  "│": [0.35, 0.35, 0.35],
  "└": [0.35, 0.35, 0.35],
  "┘": [0.35, 0.35, 0.35],
  "§": [0.4, 0.0, 0.4],
  "τ": [0.6, 0.6, 0.0],
  "∞": [0.0, 0.4, 0.4],
  "$": [0.95, 0.8, 0.0],
  "%": [0.6, 0.3, 0.0],
  "/": [0.65, 0.65, 0.65],
  "☼": [0.95, 0.6, 0.0],
  "o": [0.08, 0.08, 0.08],
  "░": [0.2, 0.2, 0.2],
  "▓": [0.15, 0.15, 0.15],
  "█": [0.1, 0.1, 0.1],
  "⚔": [0.75, 0.75, 0.75],
  "⚱": [0.5, 0.3, 0.2],
  "⚰": [0.3, 0.2, 0.1],
  "☠": [0.7, 0.0, 0.0],
  "☥": [0.7, 0.7, 0.0],
  "☯": [0.8, 0.0, 0.8],
  "╔": [0.25, 0.25, 0.25],
  "╗": [0.25, 0.25, 0.25],
  "╝": [0.25, 0.25, 0.25],
  "╚": [0.25, 0.25, 0.25],
  "═": [0.25, 0.25, 0.25],
  "║": [0.25, 0.25, 0.25],
  "]": [0.25, 0.25, 0.25],
  "=": [0.3, 0.3, 0.3]
}

Position Color Map

JSON mapping x,y coordinates to RGB color arrays (e.g. {"5,3": [1.0, 0.0, 0.0], "7,10": [0.0, 1.0, 0.0]})

Reference:

Building real-time global illumination