Pixi.js如何在多边形上渲染纹理

我想使用pixi.js渲染多边形上的纹理，精灵只是给我一个方形选项。我需要改变它（顶部，左侧），（顶部，右侧），（底部，左侧），（底部，右侧），以便在其中渲染图像。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我做了一个使用掩码的例子，但它真的不能像我想要的那样工作，因为它只是将图像包装成常规形式（有些时候会错过边缘看起来剪切），我找到了其他方式来做到这一点，我发现threejs可能使用纹理坐标的作品，关于KineticJS看起来不错，我会检查..我会分享我的代码if我发现了一些适用于我们使用这两种工具的东西。谢谢 –

Pixi.js如何在多边形上渲染纹理

回答

相关问题