/
BlitterCanvasRenderer.js
125 lines (103 loc) · 3.28 KB
/
BlitterCanvasRenderer.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
/**
* @author Richard Davey <rich@photonstorm.com>
* @copyright 2020 Photon Storm Ltd.
* @license {@link https://opensource.org/licenses/MIT|MIT License}
*/
/**
* Renders this Game Object with the Canvas Renderer to the given Camera.
* The object will not render if any of its renderFlags are set or it is being actively filtered out by the Camera.
* This method should not be called directly. It is a utility function of the Render module.
*
* @method Phaser.GameObjects.Blitter#renderCanvas
* @since 3.0.0
* @private
*
* @param {Phaser.Renderer.Canvas.CanvasRenderer} renderer - A reference to the current active Canvas renderer.
* @param {Phaser.GameObjects.Blitter} src - The Game Object being rendered in this call.
* @param {Phaser.Cameras.Scene2D.Camera} camera - The Camera that is rendering the Game Object.
* @param {Phaser.GameObjects.Components.TransformMatrix} parentMatrix - This transform matrix is defined if the game object is nested
*/
var BlitterCanvasRenderer = function (renderer, src, camera, parentMatrix)
{
var list = src.getRenderList();
if (list.length === 0)
{
return;
}
var ctx = renderer.currentContext;
var alpha = camera.alpha * src.alpha;
if (alpha === 0)
{
// Nothing to see, so abort early
return;
}
camera.addToRenderList(src);
// Blend Mode + Scale Mode
ctx.globalCompositeOperation = renderer.blendModes[src.blendMode];
ctx.imageSmoothingEnabled = !(!renderer.antialias || src.frame.source.scaleMode);
var cameraScrollX = src.x - camera.scrollX * src.scrollFactorX;
var cameraScrollY = src.y - camera.scrollY * src.scrollFactorY;
ctx.save();
if (parentMatrix)
{
parentMatrix.copyToContext(ctx);
}
var roundPixels = camera.roundPixels;
// Render bobs
for (var i = 0; i < list.length; i++)
{
var bob = list[i];
var flip = (bob.flipX || bob.flipY);
var frame = bob.frame;
var cd = frame.canvasData;
var dx = frame.x;
var dy = frame.y;
var fx = 1;
var fy = 1;
var bobAlpha = bob.alpha * alpha;
if (bobAlpha === 0)
{
continue;
}
ctx.globalAlpha = bobAlpha;
if (!flip)
{
if (roundPixels)
{
dx = Math.round(dx);
dy = Math.round(dy);
}
ctx.drawImage(
frame.source.image,
cd.x,
cd.y,
cd.width,
cd.height,
dx + bob.x + cameraScrollX,
dy + bob.y + cameraScrollY,
cd.width,
cd.height
);
}
else
{
if (bob.flipX)
{
fx = -1;
dx -= cd.width;
}
if (bob.flipY)
{
fy = -1;
dy -= cd.height;
}
ctx.save();
ctx.translate(bob.x + cameraScrollX, bob.y + cameraScrollY);
ctx.scale(fx, fy);
ctx.drawImage(frame.source.image, cd.x, cd.y, cd.width, cd.height, dx, dy, cd.width, cd.height);
ctx.restore();
}
}
ctx.restore();
};
module.exports = BlitterCanvasRenderer;