브라우저가 제공하는 기능 이해하기
HTML은 문서 구조와 상호작용 요소를 제공하고, CSS는 스타일과 배치를 담당하며, JavaScript는 입력에 반응하고 경험을 갱신할 수 있습니다. Canvas API는 스크립트가 그림을 그릴 영역을 제공하고 WebGL은 canvas를 통해 2D 또는 3D 그래픽을 렌더링합니다. 프레임워크를 사용하는 게임은 이런 세부사항을 감추기도 합니다. MDN의 게임 개발 개요는 함께 사용할 수 있는 웹 기술을 설명합니다.
HTML5 표시만 보고 그래픽 품질, 파일 크기, 개인정보 보호, 멀티플레이를 추측하지 마세요. 이는 게임의 리소스, 코드, 호스팅, 디자인에 달려 있습니다. 작은 타일 퍼즐과 세밀한 3D 장면은 모두 브라우저 게임이면서도 렌더링 방식은 크게 다를 수 있습니다.
중요하게 생각하는 경험 확인하기
플레이어에게 필요한 질문은 실용적입니다. 내 화면과 입력을 지원하는가? 안정적인 연결이 필요한가? 진행 상황을 저장할 수 있는가? 짧은 로컬 퍼즐인가 실시간 네트워크 매치인가? 첫 라운드를 해보고 명확한 안내를 찾으세요. 다운로드 버전과 브라우저 버전을 비교한다면 모드, 업데이트, 저장 공유가 같다고 가정하지 말고 확인하세요.
제작자는 내보내기 대상과 기술을 구분해야 합니다. 편집기가 HTML과 JavaScript를 내보내도 리소스 로드, 호스팅, 브라우저 테스트, 접근성 작업이 필요할 수 있습니다. Canvas 콘텐츠는 비트맵 그림이며 그려진 모든 개체를 보조 기술에 자동으로 노출하지는 않습니다. 플랫폼 선택이 사용성 검토를 대신하지 않습니다.
구현 방식을 설명하는 출처 선택하기
특정 게임의 작동 방식을 알고 싶다면 표준 문서와 엔진 공식 자료를 참고하세요. MDN의 Canvas API와 WebGL 자료는 브라우저에서 그리는 두 가지 방법을 설명합니다. 현재 조작과 지원 기기는 게임 지원 페이지에서 확인하세요.
HTML5 게임 설명 관련 질문
HTML5는 게임 엔진인가요?
아니요. 최신 웹 기술로 만든 게임을 폭넓게 가리키는 표현입니다. 엔진이나 프레임워크는 JavaScript, Canvas, WebGL 같은 브라우저 기능으로 게임을 구현할 수 있습니다.
HTML5 게임은 오프라인으로 작동할 수 있나요?
그럴 수 있지만 표시만으로 보장되지는 않습니다. 개발자가 오프라인 리소스와 대체 동작을 준비해야 합니다. 의존하기 전에 연결을 끊고 해당 게임을 시험하세요.
추가 읽을거리
오래된 정보를 발견하셨나요? 수정 사항 제보