相位器位图到图像

Question

是否可以在Phaser中根据位图创建图像？

我试图做的是将一个精灵转换/重塑为梯形。

1. 加载精灵图集
2. 将精灵添加到画布
3. 将精灵重绘为位图数据

4. 使用以下函数重绘位图数据以转换为梯形：

    /** * Created by Ken Fyrstenberg / Epistemex * License: CC3.0-Attr. * */ function drawTrapezoid(ctx, img, x, y, w, h, factor) { var startPoint = x + w * 0.5 * (factor * 0.01), xi, yi, scale = img.height / h, startLine = y, endLine = y + h; for(; y < endLine; y++) { xi = interpolate(startPoint, y, x, endLine, (y - startLine) / h); yi = (y * scale + 0.5) | 0; ctx.drawImage(img, 0, yi, img.width, 1, xi, y, w - xi * 2, 1); } function interpolate(x1, y1, x2, y2, t) { return x1 + (x2 - x1) * t; } } 

问题是这样，函数使用图像重画。 我只有位图数据。 是否可以从像bitmapdata.generateImage();这样的位图bitmapdata.generateImage();创建图像bitmapdata.generateImage(); 有点？

Answer 1

var image = game.add.image(0, 0, bitmapdata); // x, y, key for the image

就那么简单。 如果您想要精灵而不是图像，也是如此： game.add.sprite(0, 0, bitmapdata) 。