scallable javascript games

Question

이 자바 스크립트 기반 게임은 어떻게 유효합니까? http://www.codedread.com/yastframe.php 브라우저 창 크기를 조정하면 게임의 크기가 창에 맞게 잘 조정됩니다.

SVG를 사용했기 때문에 그렇습니까?

나는 또한 플래시와 같은 모든 해상도에 멋지게 들어갈 다른 게임/교육용 수업 및 기타 자료를 만들어야합니다.

SVG가 해상도에 독립적이라고 나는 어딘가에서 읽었습니다. 그러나 나는 그것을 어떻게 활용할 것인지 잘 모른다.

Answer 1

은 다음 비와 프레임이다 :

cols="130,*,130" 

중간 프레임 (게임) 폭은, 따라서 (page width) - 2 * 130이다. SVG는 width="100%" height="100%"으로 설정되어 있으며 전체 중간 프레임을 채울 것입니다. 창 크기를 조정할 때 100%은 절대 픽셀로 계산 될 때 다른 것으로 바뀌며 게임의 크기가 조정됩니다.

뷰 박스가 0 0 800 600이므로 자동으로 비율을 유지합니다. 예를 들어 DOM 검사기를 사용하여이를 (예 : 0 0 800 800. 높이가 높아졌고 게임이 공간을 차지하기 위해 위로 움직여야하기 때문에 게임이 상단으로 약간 이동하는 것을 볼 수 있습니다.