Commit b2d03ca9bc95dbd0f384b69bd61f4ece3749a4d7 - yoob.js

PlayfieldCanvasView doesn't necessarily resize canvas each time. Chris Pressey 6 years ago

2 changed file(s) with 16 addition(s) and 5 deletion(s). Raw diff Collapse all Expand all

-0

HISTORY.markdown less more

8	8	improves upon `sliderPlusTextInput` by adding optional increment and
9	9	decrement buttons, and taking a configuration object as a parameter
10	10	for construction.
	11
	12	`yoob.PlayfieldCanvasView` now accepts `resizeCanvas` argument,
	13	which defaults to true, but can be set to false to suppress the
	14	default behaviour of resizing the canvas to fit the playfield
	15	just before each time it is drawn.
11	16
12	17	* version 0.11
13	18

+11

-5

src/yoob/playfield-canvas-view.js less more

0	0	/*
1		* This file is part of yoob.js version 0.11
	1	* This file is part of yoob.js version 0.12-PRE
2	2	* Available from https://github.com/catseye/yoob.js/
3	3	* This file is in the public domain. See http://unlicense.org/ for details.
4	4	*/

14	14	* If the cell values are solid and fill the entire cell, drawCursorsFirst: false
15	15	* may be in order.
16	16	*
17		* TODO: don't necesarily resize canvas each time?
	17	* resizeCanvas defaults to true. If set to false, the canvas element will
	18	* not be resized before each draw. You may wish to do this yourself in your
	19	* code which calls playfieldCanvasView.draw().
	20	*
18	21	*/
19	22	yoob.PlayfieldCanvasView = function() {
20	23	this.init = function(cfg) {

25	28	this.fixedSizeCanvas = !!cfg.fixedSizeCanvas;
26	29	this.drawCursorsFirst = (cfg.drawCursorsFirst === undefined) ? true : !!cfg.drawCursorsFirst;
27	30	this.setCellDimensions(cfg.cellWidth \|\| 8, cfg.cellHeight \|\| 8);
	31	this.resizeCanvas = cfg.resizeCanvas === false ? false : true;
28	32	return this;
29	33	};
30	34

115	119
116	120	/*
117	121	* Draw the Playfield, and its set of Cursors, on the canvas element.
118		* Resizes the canvas to the needed dimensions first.
	122	* Optionally resizes the canvas to the needed dimensions first.
119	123	*/
120	124	this.draw = function() {
121	125	var canvas = this.canvas;

125	129	var width = this.pf.getCursoredExtentX();
126	130	var height = this.pf.getCursoredExtentY();
127	131
128		canvas.width = width * cellWidth;
129		canvas.height = height * cellHeight;
	132	if (this.resizeCanvas) {
	133	canvas.width = width * cellWidth;
	134	canvas.height = height * cellHeight;
	135	}
130	136	var ctx = this.ctx;
131	137
132	138	ctx.textBaseline = "top";