Easeljs 작성 용 비트 맵 사용 사각형

Question

우리는 Easej를 사용하여 작은 스네이크 브라우저 게임을 만들고 있습니다.

이제 우리는 뱀 부품에 대한 PNG 파일을 사용하고 싶은 색상뿐만 아니라 :

this.shape.graphics.beginFill("#e54d42"); 
this.shape.graphics.drawRect(this.x*this.grid.cell_width, this.y*this.grid.cell_height, this.grid.cell_width, this.grid.cell_height); 

this.shape.graphics.endFill(); 

사람이 그것을 수행하는 방법을 알고 있나요? beginBitmapFill을 사용하거나 어떻게해야합니까?

Answer 1

비트 맵 채우기는 원하는대로 할 수 있지만 모양의 좌표를 고려해야합니다. 내 모양은 [0,0]에서 시작 http://jsfiddle.net/lannymcnie/ogy1qmxn/1/

shape.graphics.clear() 
    .beginBitmapFill(img) 
    .drawRect(0,0,800,600); 

참고 : 여기에

빠른 샘플입니다. 다른 좌표에서 도형을 시작하면 비트 맵은 기본적으로 [0,0]에서 그려 지므로 다르게 자릅니다. 다음은 비트 맵의 ​​x/y 좌표가 오프셋되어있는 예입니다. http://jsfiddle.net/lannymcnie/ogy1qmxn/2/

모양을 그릴 때 [0,0]에서 그림을 그리면서 실제로 모양을 이동합니다.

var matrix = new createjs.Matrix2D(); 
matrix.translate(this.x*this.grid.cell_width, this.y*this.grid.cell_height); 
shape.graphics.beginBitmapFill(img, "repeat", matrix); 

희망 하시겠습니까?