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如何在多邊形上渲染紋理

回答

相關問題