javascript - 创建 BitmapData 并从中创建 Sprite 以及可能的性能差异

Question

我正在使用 Phaser 框架制作 HTML5 游戏。

我需要创建一个具有一种颜色的 Sprite ，并将其 alpha 设置为低于 1，以便可以看穿它。我想到的两种方法之间有性能差异吗？

选项 1:创建大小为 1x1 的 BitmapData，从该 BitmapData 对象创建 Sprite ，然后将 Sprite 缩放到正确的大小:

var bitmapData = game.add.bitmapData(1, 1);
bitmapData.fill(0, 0, 0, 0.7);
var sprite = game.add.sprite(0, 0, bitmapData);
sprite.width = 1024;
sprite.height = 768;

选项 2:按照将要使用的确切大小创建 BitmapData，然后从中创建 Sprite :

var bitmapData = game.add.bitmapData(1024, 768);
bitmapData.fill(0, 0, 0, 0.7);
game.add.sprite(0, 0, bitmapData);

这样做的目的是用一种颜色为整个游戏区域着色，并能够看到后面的内容。

Answer 1

据我所知，对性能最重要的是你绘制到屏幕上的 Sprite 的大小，无论你之前如何加载或生成它，所以这两个应该执行同样好。