Pixi.js 다각형에 텍스처를 렌더링하는 방법

pixi.js를 사용하여 다각형에 텍스처를 렌더링하고 싶습니다. 스프라이트는 사각형 옵션을 제공합니다. 그 안에 imagen을 렌더링하기 위해서는 (위, 왼쪽), (위, 오른쪽), (아래, 왼쪽), (아래, 오른쪽)을 변경해야합니다.Pixi.js 다각형에 텍스처를 렌더링하는 방법

http://cl.ly/image/1s2Y2f331h0a/Screen%20Shot%202013-12-16%20at%203.11.02%20PM.png

나는이 문제를 어떻게 해결할 수 있습니까?

beginFillBitmap 또는 다른 방법이 있습니까?

출처

2013-12-17 Jorge Osorio

같음 :) pixi가 내 프로젝트에 적합하고 조사 할 때 마지막으로 필요한 것은 직사각형에 텍스처를 렌더링하는 것입니다. 내가 발견 한 것은 마스킹입니다 : http://www.goodboydigital.com/pixi-js-brings-canvas-and-webgl-masking/. 아마도 이것은 당신을 도울 수 있습니다.

하지만 충분하지 않습니다. X 축과 Y 축에서 텍스처를 반복 할 수있는 능력이 필요합니다. 다른 아이디어? 또는 그 능력을 가지고 다른 js html5 프레임 워크가 있습니까?

출처

2013-12-17 07:44:31 yarpi87

KineticJS를 찾았습니다. 그런 옵션이있는 것으로 보입니다. 보세요 : http://www.html5canvastutorials.com/kineticjs/html5-canvas-set-fill-with-kineticjs/ – yarpi87

안녕하세요 @ yarpi87 마스크를 사용하여 예제를 만들었지 만 실제로는 원하지 않는 것처럼 작동하지 않습니다. 그 정규 양식으로 이미지를 래핑 (일부 시간은 보이지 않는 가장자리를 놓치지), 나는 그것을 할 다른 방법을 찾는, 나는 아마도 텍스처 좌표를 사용하여 작품을 발견, KineticJS 멋지다 내가 .. 내 코드를 공유합니다 두 도구를 사용하여 우리에게 도움이되는 것을 발견했습니다. 감사 –

Pixi.js 다각형에 텍스처를 렌더링하는 방법

답변

관련 문제