OVERSTACK : 과부하

회로를 짜고, 펄스를 쏘고, 연쇄로 점수를 터뜨려라. 6×6 회로 보드 위에서 즐기는 픽셀 로그라이크 퍼즐 웹게임

▶ 브라우저에서 바로 플레이

---

어떤 게임인가요?

전선으로 발사기 → 정산기 길을 잇고, 그 길 위에 모듈을 놓습니다. 발사하면 에너지 펄스가 회로를 따라 달리며 모듈을 지날 때마다 값이 바뀌고, 정산기에 닿는 순간 점수가 됩니다.

축전기로 전하를 채운 뒤 증폭기로 곱하고, 분열기로 갈라 두 정산기를 동시에 노리고, 고리를 만들어 같은 증폭기를 여러 번 지나게 하면 점수는 수천에서 수억까지 불어납니다. 하지만 열이 120에 닿으면 멜트다운입니다.

• 🎯 12스테이지 + 무한 모드. 목표 점수가 4,000에서 5억까지 오르고, 12스테이지를 깨면 끝없이 이어집니다.
• 🎲 로그라이크 성장. ⚡ 에너지로 무작위 모듈을 소환하고, 같은 모듈을 겹쳐 합성(최대 Lv5)하고, 스테이지마다 보상을 고릅니다.
• ☣ 랜덤 디펜스 요소. 예고된 칸에 바이러스가 나타납니다. 펄스로 처치하면 배율 ×2를 얻고, 내버려 두면 점수가 깎이고 번집니다.
• 📖 회로 도감. 대표 회로 9종의 그림과 원리를 보여줍니다. 실제로 만들면 등록되고 보상을 받습니다.
• 🔍 친절한 분석. 발사 전 예상 점수와 경고, 발사 후 "무엇이 일어났나"를 보여주고 실패 지점을 다시 재생합니다.

스크린샷

점수 공식

점수 = ⌊ 100 × Q × M × (1 + min(K, 20) / 10) × H ⌋

값	의미	올리는 방법
Q	전하(기본 점수)	축전기
M	배율	증폭기 · 메아리 · 임계로 · 바이러스 처치
K	연쇄(모듈을 지난 횟수, 20에서 멈춤)	모든 모듈 +1, 공명기는 +4
H	열 배율: 30 / 60 / 90 이상이면 ×1.5 / ×2 / ×3	가열기. 120이면 멜트다운

모든 계산은 BigInt로 해서 점수가 아무리 커져도 정확합니다.

모듈

	모듈	효과
	축전기	전하 Q를 더합니다. 증폭기 앞에 두세요.
	증폭기	배율 M을 곱합니다. 점수가 가장 크게 느는 모듈입니다.
	분열기	펄스를 전방·오른쪽 두 갈래로 나눕니다.
	공명기	연쇄 K를 +1 대신 +4 올립니다.
	메아리	다음 증폭기가 ×2를 한 번 더 적용합니다.
	가열기	열을 올려 열 배율을 키웁니다. 멜트다운에 주의하세요.
	연장기	펄스가 갈 수 있는 칸 수(TTL)를 늘립니다. 고리 회로의 핵심입니다.	STAGE 5
	임계로	열이 60 이상이면 M을 크게 곱합니다.	STAGE 6
	냉각기	열을 내립니다. 큰 회로의 멜트다운을 막아 줍니다.	STAGE 8

차단 타일은 짝수 스테이지마다 생기고, 그 칸에는 전선을 놓을 수 없습니다. 바이러스는 펄스로 처치하는 사냥감입니다.

조작

동작	방법
전선 그리기	빈 칸에서 드래그 (지나간 칸이 진행 방향을 향함)
모듈 배치·이동	오른쪽 목록에서 보드로 드래그 · 보드 위 모듈 드래그
합성	같은 종류·같은 레벨 모듈을 서로 위에 놓기
회전	클릭 · 마우스 휠 · R (Shift = 반대 방향)
제거 / 판매	우클릭 · Del / 보관함 모듈을 두 번 우클릭
발사	Space
되돌리기 / 다시 실행	Ctrl+Z / Ctrl+Y
재생 속도	1 2 3 = 1× / 4× / 16×, S = 즉시 결과
일시정지 / 한 틱	P / .
도감 / 도움말	C / H

처음 실행하면 튜토리얼이 기본 조작을 안내합니다. 진행 중인 런은 자동으로 저장돼 브라우저를 닫았다 열어도 이어집니다.

직접 실행하기

Node.js 20.19 이상이 필요합니다.

git clone https://github.com/monitari/overstack.git
cd overstack
npm install
npm run dev          # http://localhost:5173

명령	설명
npm run dev	개발 서버
npm test	자동 테스트 (Vitest)
npm run typecheck	타입 검사
npm run build	타입 검사 + 프로덕션 빌드 → dist/
npm run balance	자동 플레이 봇으로 스테이지별 난이도 보고서 출력

기술적인 특징

• 로직과 렌더링 분리. src/core는 DOM에 의존하지 않는 순수 TypeScript입니다. 발사하면 simulate()가 결과를 끝까지 계산하고, UI는 틱별 타임라인을 재생만 합니다. 그래서 재생 속도와 상관없이 점수가 항상 같습니다.
• 결정적 시뮬레이션. 시드 RNG(xmur3 + sfc32)와 (tick, phase, pulse, seq) 이벤트 큐를 씁니다. 같은 시드와 같은 회로는 언제나 같은 결과를 냅니다.
• 테스트. 점수·분열·메아리·TTL·멜트다운·처리 순서·저장·도감·바이러스를 Vitest 테스트 145개로 고정했습니다.
• 봇으로 밸런스 조정. tests/bot.ts가 런 수십 개를 자동으로 플레이하고, 그 결과로 스테이지 목표를 맞췄습니다.
• 픽셀 UI 규격. 160×160 논리 캔버스를 정수배로 확대하고, UI 간격·테두리를 같은 단위(--u)의 배수로 맞췄습니다.
• Web Audio 절차적 사운드. 효과음과 112 BPM BGM을 코드로 합성합니다. 열이 오를수록 BGM 레이어가 쌓입니다.

세부 규칙, 수치, 코드 구조, 확장 방법은 설계 노트 (docs/DESIGN.md) 에 정리돼 있습니다.

알려진 한계

• 마우스·키보드 기준입니다. 모바일에서 화면은 표시되지만 판매(우클릭), 휠 회전, 호버 정보 카드는 터치로 쓸 수 없습니다.
• 저장 데이터는 브라우저 localStorage에만 남습니다. 저장 형식이 크게 바뀌면 이전 런을 이어 하지 못할 수 있습니다.
• 프로토타입 단계라 밸런스가 계속 바뀔 수 있습니다.

라이선스 · 크레딧

• 코드: MIT
• 글꼴: Galmuri © Lee Minseo, SIL Open Font License 1.1