2011-04-18 6 views
7

좀 HTML5 캔버스 실험 작업 및 가 편집https://github.com/AlexChesser/jsSprite (WSAD, Q는, E, 미노타우로스 키 데모에 X 키, 좀비 데모에 C와 B를 추가) 기술 일련의 실험다른 캔버스에 캔버스 그리기가 흐립니다. 어떻게 해결할 수 있습니까?

을 가지고 왔습니다

데모 번호 1 : 01-draw_minotaur.php을 보면 캔버스에 직접 그려진 이미지를 볼 수 있으며 멋지고 선명합니다. 당신은 내가 그 부모에 그 캔버스를 그릴 캔버스에 미노타우로스를 넣어 데모에 비교한다면

그러나, 결과는 흐릿 : 03-drawn_minotaur_on_canvas.php

가 어떻게 캔버스 그리기 ISN에 캔버스를 확인 할 수 있습니다 ' 흐린가?

편집 전체 코드는 GIT에 최대입니다 : https://github.com/AlexChesser/jsSprite

EDIT2 : 구글이 호스팅 제공 업체가 해킹 된 이후 그이 짧은 순간이 있었다, 공정하게하는 악성 코드 (같은 내 도메인을 플래그 것을 노트 거기에 어떤 종류의 악성 코드가 있음) 취약한 링크를 남겨두기보다는 github에있는 소스를 독점적으로 가리 키도록 업데이트했습니다.

+0

첫 번째 링크는 이제 google에 의해 멀웨어로 신고됩니다. : – broofa

+0

감사합니다. 링크를 업데이트했습니다. 악성 코드로 신고되어 삭제했습니다.하지만 내 웹 호스트가 다시 해킹 당하지 않을 것이라는 보장은 없습니다. –

+0

새로운 웹 호스트, methinks에 대한 시간입니다. :) – broofa

답변

7

이것은 까다로운 문제입니다!

캔버스의 경우 너비와 높이를 결정하기 위해 실제로 스타일을 사용하지 않습니다.

캔버스 스타일을 설정하면 실제로 캔버스가 왜곡됩니다.

메인 페이지에 <canvas id="game" width=512 height=512> </canvas>을 쓰면 문제가 해결 될 것입니다.

실제로 문제인지 확인하기 위해 테스트 했으므로 여전히 문제가있는 경우 알려 주시면 코드를 보내 드리겠습니다.

또한 MainContext.drawImage(m.canvas, 0, 0);일까요? 그렇지 않으면 당신은 Minotaur을 squishing하고 있습니까?

+0

나는 ' 지금 당장 확인해! Simon에게 다시 한 번 감사드립니다. 두 번 모두 100 % 맞습니다. 이전에 미노는 찌그러 뜨려 나오지 않았지만 스타일이 이상한 것이 었습니다. 이제 압연 해. 나는 * 내가 마침내 기본적인 게임 논리에 도달 할 수 있다고 생각한다! 다시 한 번 감사드립니다! –

+0

미노타 우르를 먹이지 말고 정중하게 미소 지으며 다음 동물로 옮기십시오. –

관련 문제