텍스트 퍼즐 (Text Sliding Puzzle)

은 고전 DOS 시절의 파란 화면(MS-DOS / QBasic 감성)과 CRT 모니터 특유의 미세한 스캔라인 및 지올림 효과를 고스란히 재현한 25칸 슬라이딩 퍼즐 게임입니다. 뒤섞인 1부터 24까지의 숫자를 슬라이딩하여 올바른 차례대로 완벽하게 맞추어 보세요.

Our Philosophy

IDDQD Internet은 별도의 DB나 회원가입 없이, 순수 HTML/JS만으로 브라우저에서 즉시 실행되는 도구를 개발합니다. AI 기능을 제공할 때도 데이터 상태를 유지하지 않으며(stateless), 어떠한 기록도 남기지 않는 원칙을 고수합니다.

텍스트 퍼즐 플레이하기

Features

• : 푸른색 도스 커맨드 스크린 인터페이스와 CRT 모니터 특유의 주사선 질감, 깜빡임 애니메이션을 통해 감성적인 분위기를 연출했습니다.
• : 타일 이동 시 뚝뚝 끊기지 않고 부드러운 트랜지션 및 이징 효과가 물리적으로 적용되어 최상의 손맛을 제공합니다.
• :
• : 밀 수 없는 방향으로 타일을 클릭하거나 충돌 시 화면과 타일이 강하게 요동칩니다.
• : 퍼즐 해결 시 전체 화면에 백색 플래시 충격 효과와 승리 알림을 제공합니다.
• : 타일 이동, 오류, 성공 시 도스 피시 스피커 감성의 8비트 사운드가 내장 신디사이저로 자동 변동 재생됩니다.

Usage

: 빈칸(우측 하단 끝)을 활용해 숫자를 밀어 1부터 24까지 가로 방향으로 정렬하세요! 1. : 숫자들이 무작위로 섞여있는 상태에서 빈칸과 인접한 숫자 타일을 마우스로 클릭하거나 모바일 화면에서 터치하여 슬라이딩합니다.
2. :

• 1행: 1, 2, 3, 4, 5
• 2행: 6, 7, 8, 9, 10
• ... 와 같이 빈칸을 뺀 모든 칸을 오름차순으로 맞춥니다.

3. : 퍼즐을 성공적으로 풀면 축하 알림과 함께 총 이동 횟수가 화면에 기록됩니다.

Tech Stack

• : HTML5, Vanilla JavaScript, Web Audio API (Synthesizer SFX)
• : Bootstrap 5, Custom CRT Scanline & CSS3 Flicker/Shake Animations

Contact & Author

박실장

• IDDQD 인터넷 e-솔루션 및 e-게임 사업부 개발실장
• 기습코딩꾼 & 최상무의 모사꾼
• 홈페이지: https://iddqd.kr/
• 깃허브: https://github.com/iddqd-park