haskal
/
asciiflow2
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Fixed proportions issue, thinned cells horizontally

This commit is contained in:
Lewis Hemens 2014-01-22 21:07:46 +00:00
parent 3da104f76c
commit 8225f9d074
2 changed files with 16 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
js-lib/common.js
View File

@ -15,7 +15,9 @@ goog.provide('ascii');
/** @const */ var DRAG_LATENCY = 130; // Milliseconds.
/** @const */ var DRAG_ACCURACY = 3; // Pixels.
/** @const */ var CHARACTER_PIXELS = 15;
/** @const */ var CHAR_PIXELS_H = 11;
/** @const */ var CHAR_PIXELS_V = 15;
/** @const */ var RENDER_PADDING = 70;
/** @const */ var KEY_RETURN = '<enter>';

26
js-lib/view.js
View File

@ -69,19 +69,19 @@ ascii.View.prototype.render = function() {
context.beginPath();
for (var i = startOffset.x; i < endOffset.x; i++) {
context.moveTo(
i * CHARACTER_PIXELS - this.offset.x,
i * CHAR_PIXELS_H - this.offset.x,
0 - this.offset.y);
context.lineTo(
i * CHARACTER_PIXELS - this.offset.x,
this.state.cells.length * CHARACTER_PIXELS - this.offset.y);
i * CHAR_PIXELS_H - this.offset.x,
this.state.cells.length * CHAR_PIXELS_V - this.offset.y);
}
for (var j = startOffset.y; j < endOffset.y; j++) {
context.moveTo(
0 - this.offset.x,
j * CHARACTER_PIXELS - this.offset.y);
j * CHAR_PIXELS_V - this.offset.y);
context.lineTo(
this.state.cells.length * CHARACTER_PIXELS - this.offset.x,
j * CHARACTER_PIXELS - this.offset.y);
this.state.cells.length * CHAR_PIXELS_H - this.offset.x,
j * CHAR_PIXELS_V - this.offset.y);
}
this.context.stroke();
@ -93,16 +93,16 @@ ascii.View.prototype.render = function() {
if (cell.hasScratch() || cell.isSpecial()) {
this.context.fillStyle = cell.hasScratch() ? '#DEF' : '#F5F5F5';
context.fillRect(
i * CHARACTER_PIXELS - this.offset.x,
(j - 1) * CHARACTER_PIXELS - this.offset.y,
CHARACTER_PIXELS, CHARACTER_PIXELS);
i * CHAR_PIXELS_H - this.offset.x,
(j - 1) * CHAR_PIXELS_V - this.offset.y,
CHAR_PIXELS_H, CHAR_PIXELS_V);
}
var cellValue = this.state.getDrawValue(new ascii.Vector(i, j));
if (cellValue != null) {
this.context.fillStyle = '#000000';
context.fillText(cellValue,
i * CHARACTER_PIXELS - this.offset.x + 3,
j * CHARACTER_PIXELS - this.offset.y - 2);
i * CHAR_PIXELS_H - this.offset.x + 1,
j * CHAR_PIXELS_V - this.offset.y - 3);
}
}
}
@ -153,8 +153,8 @@ ascii.View.prototype.frameToScreen = function(vector) {
*/
ascii.View.prototype.frameToCell = function(vector) {
return new ascii.Vector(
Math.round((vector.x - CHARACTER_PIXELS / 2) / CHARACTER_PIXELS),
Math.round((vector.y + CHARACTER_PIXELS / 2) / CHARACTER_PIXELS));
Math.round((vector.x - CHAR_PIXELS_H / 2) / CHAR_PIXELS_H),
Math.round((vector.y + CHAR_PIXELS_V / 2) / CHAR_PIXELS_V));
};
/**