처음 플레이할 부분을 먼저 로드하세요
자산을 필요한 시점이 빠른 순서로 묶으세요. 제목과 첫 장면, 다음 레벨, 선택적인 효과나 꾸미기 요소 순입니다. 시작 동작을 활성화하기 전에 첫 그룹을 로드하고 검증하세요. 갑작스러운 장면 전환에 쓰는 이미지의 경우 HTMLImageElement.decode()는 이미지 디코딩이 끝나면 완료됩니다. 그러면 다음 화면 그리기가 디코딩을 기다리지 않고 이미지를 교체할 수 있습니다.
연결이 제한된 환경에서 필수 이미지 하나를 지연시키고 다른 이미지는 실패하게 해 테스트하세요. 진행 표시기는 지정한 작업이 끝날 때만 앞으로 가야 합니다. 실패한 자산에는 복구 가능한 메시지나 대체 이미지가 있어야 하며, 필수 의존성이 빠진 상태에서 시작 버튼이 플레이 가능한 장면을 약속해서는 안 됩니다.
진행 상황을 정확하게 보여주세요.
작업 세트가 알려지면 전체 작업 중에서 완료된 작업을 표시하거나 첫 번째 레벨 준비와 같은 단계를 보고합니다. 바이트 기반 백분율은 관련 크기가 알려진 경우에만 의미가 있습니다. 전송이 완료된 후 디코딩, 오디오 설정 및 절차적 초기화에 시간이 걸릴 수 있습니다.
나중에 도착할 수 있는 자산에 대해 전체 인터페이스를 차단하지 마십시오. 선택적 아트에는 저렴한 자리 표시자를 사용한 다음 디코딩된 이미지가 준비되면 교체하세요. 자리 표시자가 의도한 캔버스 크기에서 읽기 쉬운 상태로 유지되고, 선택적 다운로드에 실패해도 플레이어가 로드 상태에 머물지 않는지 확인하세요.
브라우저 게임 자산 로딩 관련 질문
모든 자산을 미리 로드하는 것이 좋은 생각인가요?
일반적으로 기본적으로는 그렇지 않습니다. 플레이 가능한 첫 번째 순간에 필요한 것을 로드한 다음, 사용 시기와 필요한 메모리 양에 따라 다른 작업을 예약하세요.
이미지 로드 이벤트는 원활한 그리기 준비가 되었음을 의미합니까?
이미지 데이터가 도착해도 디코딩 작업은 화면 표시 성능에 영향을 줄 수 있습니다. MDN에 따르면 decode()는 이미지 디코딩이 끝나 안전하게 추가할 수 있을 때 완료되는 Promise를 반환합니다. 이 차이가 장면에 중요한지 측정해 보세요.
추가 읽을거리
오래된 정보를 발견하셨나요? 수정 사항 제보