피드로 돌아가기
Solstice Cipher - A Bletchley Park Tribute to Alan Turing
Dev.toDev.to
Frontend

Google Antigravity 기반 Single-file Vanilla JS 아키텍처 구현

Solstice Cipher - A Bletchley Park Tribute to Alan Turing

NITHESH SARAVANAN2026년 6월 21일3beginner

Context

Game Jam의 짧은 개발 주기 내에 복잡한 암호 해독 로직과 동적 테마를 구현해야 하는 제약 발생. 빌드 단계와 Backend 인프라 구축에 소요되는 오버헤드를 최소화하여 즉각적인 브라우저 실행 환경 구축 필요.

Technical Solution

  • Vanilla JavaScript 및 CSS 기반 Single HTML File 구조 설계를 통한 배포 복잡도 제거
  • Google Antigravity를 활용하여 Caesar, Substitution, Vigenère Cipher의 수학적 로직을 단일 프롬프트로 생성
  • 게임 내 날짜(Odd/Even) 데이터에 따라 Daylight Timer의 소모 속도를 다르게 설정한 가변 시간 제어 로직 구현
  • 암호 유형별로 Shift Slider, Fill-in-the-blank, Lookup Grid 등 UI 컴포넌트를 동적으로 변경하는 Decrypt-O-Matic 인터페이스 설계
  • Web Audio API를 통한 클라이언트 사이드 오디오 처리로 서버 요청 없는 완전한 Self-contained 환경 구축
  • AI 생성 로직의 수학적 정밀도 검증을 위해 실제 암호화 알고리즘과 대조하는 수동 Verification 프로세스 수행

1. AI 생성 퍼즐 로직의 경우 외형적 결과값이 아닌 수학적 정합성을 직접 검증할 것

2. 최소 기능 제품(MVP) 단계에서는 빌드 툴체인 없이 Vanilla JS 기반의 Single-file 구조로 빠르게 가설을 검증할 것

3. 게임 메카닉과 테마(하지/Solstice)를 데이터 기반의 가변 변수(시간 소모 속도)로 연결하여 사용자 경험을 강화할 것

원문 읽기