Turing's Light โ€” A Narrative Puzzle Game About Logic, Pride & Legacy

์ž‘์„ฑ์ž

์นดํ…Œ๊ณ ๋ฆฌ:

โ† ํ”ผ๋“œ๋กœ
DEV Community ยท Redwan Shahriar Shubho ยท 2026-06-13 ๊ฐœ๋ฐœ(SW)

๐ŸŽฎ Play the Game

๐Ÿ”— Live: https://turings-light.vercel.app
๐Ÿ’ป Code: https://github.com/redwanshahriarshubho/turings-light

๐Ÿ“น Demo Video

What I Built

Turing’s Light is a browser-based narrative puzzle game honouring Alan Mathison Turing (1912โ€“1954) โ€” mathematician, codebreaker, father of computer science, and gay man persecuted by the government he helped save.

The game spans four acts of his real life across five puzzle levels โ€” every mechanic drawn directly from his actual work. No frameworks. No libraries. Pure HTML, CSS, and JavaScript.

Turing's Light Title Screen

The Story

Act Setting Level Act I Cambridge, 1930 โ€” Young Alan discovers logic Logic Gates Act II Bletchley Park, 1940 โ€” Breaking enemy codes Caesar Cipher + Binary Decode Act III Manchester, 1952 โ€” Persecution and darkness Light & Dark + Enigma Machine Act IV The present day โ€” His legacy lives on The Turing Test

The Five Levels

๐Ÿ”Œ Level 1 โ€” Logic Gates

Act I โ€” The Boy Who Dreamed in Numbers

Toggle AND, OR, and NOT switches to unlock a door. This is the boolean algebra Turing formalised in 1936 โ€” the foundation of every computer ever built.

Level 1 โ€” Logic Gates Locked

Level 1 โ€” Logic Gates Unlocked

๐Ÿ“ก Level 2A โ€” Caesar Cipher

Act II โ€” Bletchley Park 1940

An intercepted enemy message. Find the shift key hidden in a historical clue about Turing himself, decode the message. This is the cryptanalysis Turing performed daily at Bletchley Park.

Level 2A โ€” ENIGMAFALLS Decoded with Shift Key 4

๐Ÿ’ป Level 2B โ€” Binary Decode

Eight binary bytes on screen. Convert each to its ASCII letter, spell the hidden word. Turing proved all information reduces to ones and zeros.

Level 2B โ€” Binary Decode Puzzle

Level 2B โ€” Binary Decode Solved โ€” BOMBE

๐ŸŒ‘ Level 3 โ€” Light & Darkness

Act III โ€” They Tried to Extinguish the Light

A completely dark grid. Click cells to illuminate them โ€” light reveals hidden symbols. Enter the sequence. This level is the emotional core: a metaphor for 1952, when the British government tried to suppress who Turing was.

Level 3 โ€” TRUTH Revealed in Darkness

โš™๏ธ Level 4 โ€” Enigma Machine

Six rotors, each cycling A to Z. Dial every rotor to zero โ€” mirroring how Turing’s Bombe machine cracked Nazi Enigma codes. The world’s first programmable computing device.

Level 4 โ€” Enigma Machine Scrambled

Level 4 โ€” Enigma Solved โ€” All Rotors at A โ€” OUTPUT matches TURING

๐Ÿง  Level 5 โ€” The Turing Test

Act IV โ€” Legacy: The Age of Thinking Machines

Read two responses to a question โ€” one human, one machine. Decide which is which. Score 4 out of 5 to pass. This is Turing’s 1950 paper “Computing Machinery and Intelligence” made playable.

Level 5 โ€” The Turing Test Question 1

Level 5 โ€” The Turing Test Question 2

Level 5 โ€” The Turing Test Question 3

Level 5 โ€” The Turing Test Question 4

Level 5 โ€” Turing Test Score 10 out of 10

How I Built It

Tech stack: Pure HTML + CSS + JavaScript. Zero frameworks. Zero dependencies. Opens in any browser.

Two canvas layers:

  • Background canvas โ€” animated star field, solstice dayโ†”night sky, aurora effects, floating binary fragments
  • Game canvas โ€” all puzzle rendering and UI state

Visual design:

  • WW2 terminal aesthetic โ€” VT323 monospace font, amber phosphor glow, green CRT colours, scanline overlay
  • Pride rainbow runs through the title gradient, HUD, particle effects, and ending aurora
  • Solstice dayโ†”night cycle animates continuously in the game background

Story: Four acts of historically accurate narrative with typewriter effect โ€” real dates, real events, real consequences.

Solstice Connection

The background canvas cycles a solsticeAngle variable, shifting the sky from deep night to pre-dawn and back โ€” a living metaphor for the longest day.

The light mechanic in Level 3 makes this literal: your ability to see depends entirely on how much light you bring to the darkness. This is the June solstice theme made interactive.

๐Ÿ† Best Ode to Alan Turing

Every level mechanic comes directly from Turing’s real work:

Level Real Turing Connection Logic Gates His 1936 Turing Machine paper โ€” boolean logic Caesar Cipher Bletchley Park cryptanalysis operations Binary Decode Digital information theory Enigma Machine The Bombe โ€” mechanical Enigma decryption Turing Test “Computing Machinery and Intelligence” (1950)

The Pride rainbow runs through every screen โ€” not as decoration, but as argument. His identity and his work are inseparable. Honouring one without the other would be dishonest.

The ending screen states plainly: he was chemically castrated, he died at 41, he was pardoned 59 years later. The computer you are reading this on exists because of him.

Closing

Alan Turing asked whether machines could think. He never got to see the answer.

The June solstice โ€” the longest day โ€” is a moment of maximum light. For Turing, the light came too late. But it came. His face is on the ยฃ50 note. His test names the benchmark for every AI system on earth.

“The light of truth can be obscured, but never extinguished.”

๐ŸŽฎ Play: https://turings-light.vercel.app
๐Ÿ’ป Code: https://github.com/redwanshahriarshubho/turings-light

์›๋ฌธ์—์„œ ๊ณ„์† โ†—

์ถ”์ถœ ๋ณธ๋ฌธ ยท ์ถœ์ฒ˜: dev.to ยท https://dev.to/redwanshahriarshubho/turings-light-a-narrative-puzzle-game-about-logic-pride-legacy-3eb7

์ฝ”๋ฉ˜ํŠธ

๋‹ต๊ธ€ ๋‚จ๊ธฐ๊ธฐ

์ด๋ฉ”์ผ ์ฃผ์†Œ๋Š” ๊ณต๊ฐœ๋˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ํ•„์ˆ˜ ํ•„๋“œ๋Š” *๋กœ ํ‘œ์‹œ๋ฉ๋‹ˆ๋‹ค