HTML5/Transform 썸네일형 리스트형 HTML5 Canvas Transform example HTML5 Canvas 이동 및 회전변환 예제 translate()의 효과 : 호출될 때마다 이동변환의 량은 내부에서 사용되는 변환행렬에 저장되고 유지됨 위의 코드에서 ctx.setTransform(1,0,0,1,0,0)을 사용하면 내부에서 사용되는 변환행렬을 초기화하므로 translate(), rotate() 등을 사용하여 적용한 변환이 해제되어 초기화된다 위와 동일한 코드에 rotate()를 사용한 예 위의 코드를 실행한 결과 translate(), rotate()를 동시에 사용하는 예 (이동변환량은 고정하고 회전변환량은 누적함) 위의 코드 실행결과 방향키로 방향을 지시하고 그 방향으로 포탄을 발사(직선이동)하는 예제 위의 코드를 실행한 결과 포물선 궤적을 따라 이동하면서 이동방향으로 기수 회전하기 .. 더보기 이전 1 다음