삼국지 Ⅲ의 감성을 웹게임으로 옮긴 과정
1992년 고전 전략 게임의 화면 문법을 브라우저에서 다시 세우며 고민한 것들 — 캔버스 도트, 입력 처리, 그리고 PC와 모바일의 조작 차이에 대한 기록입니다.
- 삼국지
- 웹게임
- 캔버스
- 제작기
1992년 고전 전략 게임의 인터페이스와 감성을 웹 환경에서 재해석한 개인 제작 오마주입니다. 설치 없이 PC와 모바일 브라우저에서 바로 실행할 수 있습니다.
아래 버튼을 누르면 이 페이지 안에서 게임이 시작됩니다.
키보드·마우스로 조작합니다. 게임 화면을 한 번 클릭한 뒤 키 입력이 전달됩니다.

모바일에서는 게임을 전체 화면으로 실행하는 것이 편합니다. 아래 버튼을 누르면 게임 화면으로 이동합니다. 화면을 가로로 돌리면 더 넓게 보입니다.
전체 화면으로 게임 시작항목을 한 번 눌러 고르고, 다시 눌러 결정합니다. 열려 있는 창은 바깥 영역을 누르면 닫힙니다.
이 프로젝트는 1992년 고전 전략 게임 「삼국지 Ⅲ」의 인터페이스와 감성을 웹 환경에서 재해석한 개인 제작 오마주입니다. 별도의 설치 없이 브라우저에서 실행할 수 있으며, 키보드와 마우스, 터치 조작을 지원합니다.
상단 명령 바, 계절에 따라 색이 바뀌는 도트 지도, 우측의 시세와 초상화 패널, 좌하단 연월 박스, 하단 메시지창 같은 고전 전략 게임의 화면 문법을 웹에 맞게 다시 구성했습니다. 지도와 인물 초상은 모두 캔버스에서 직접 그린 도트이며, 도시와 무장 데이터도 사서를 참고해 새로 구성했습니다.
코에이 테크모의 공식 리메이크가 아닌 비공식 웹 오마주입니다.
고전 PC 전략 게임의 화면 구성을 웹 환경에 맞게 재해석했습니다. 지도와 초상화는 모두 캔버스에서 직접 그렸습니다.
별도의 설치나 계정 없이 PC와 모바일 브라우저에서 곧바로 실행할 수 있습니다.
숫자키와 방향키, 마우스, 터치 입력을 지원합니다. 터치 기기에서는 조작 목표물이 자동으로 커집니다.
원작의 인터페이스와 분위기를 개인적인 방식으로 오마주했습니다. 원작의 그래픽과 데이터는 사용하지 않았습니다.
화면 상단의 명령 메뉴에서 원하는 항목을 선택한 뒤 Enter로 확정하는 방식으로 진행됩니다. 메뉴를 하나씩 따라가며 게임의 흐름을 파악할 수 있으며, 처음이라면 각 메뉴의 기능을 천천히 확인하는 것을 권장합니다.




이 프로젝트는 개인 개발자가 취미로 시작한 웹 오마주입니다. 원작의 인터페이스와 분위기를 존중하면서 브라우저 환경에 맞게 재구성했으며, 플레이 피드백을 바탕으로 지속적으로 수정할 예정입니다.
현재 확정된 업데이트 일정은 없습니다. 플레이 피드백을 바탕으로 버그 수정과 사용성 개선을 우선 진행하며, 구체적인 변경 사항은 개발 일지를 통해 안내합니다.
필요하지 않습니다. 브라우저에서 바로 실행되는 웹게임이며, 별도의 설치 파일이나 계정 가입 없이 플레이할 수 있습니다.
네, 별도의 요금 없이 무료로 플레이할 수 있습니다.
가능합니다. 다만 화면이 넓을수록 편하기 때문에, 모바일에서는 페이지 안에 게임을 넣는 대신 전체 화면으로 실행하도록 안내하고 있습니다. 터치 기기에서는 조작 버튼과 목록 항목이 자동으로 커집니다.
브라우저의 localStorage에 3개의 슬롯으로 저장됩니다. 9.기능 메뉴에서 저장과 불러오기를 할 수 있습니다. 브라우저 저장소를 지우면 기록도 함께 사라지므로 주의해 주세요.
아닙니다. 개인이 제작한 비공식 팬 프로젝트이며, 코에이 테크모의 공식 제품이 아닙니다. 원작의 그래픽과 데이터는 사용하지 않았고, 화면 구성과 분위기를 참고해 새로 만들었습니다.
브라우저에서 바로 실행할 수 있는 게임을 모아 두었습니다.