cartodb/torque
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

caches isolines, improves performance

Browse Source
This commit is contained in:
Francisco Dans 2015-08-20 12:37:55 +02:00
parent c920293d65
commit a31b84da2d
2 changed files with 17 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
lib/torque/leaflet/torque.js
View File

@ -229,7 +229,6 @@ L.TorqueLayer = L.CanvasLayer.extend({
}
this.renderer.tileDimensions = {w: min.w.size, h: min.h.size};
this.renderer.firstTileCoords = {coord: this._tiles[min.k].coord, pos:this.getTilePos(this._tiles[min.k].coord)};
ctx.setTransform(1, 0, 0, 1, this.renderer.firstTileCoords.pos.x, this.renderer.firstTileCoords.pos.y);
var valsPerTile = 256/this.options.resolution;
this.renderer.globalGrid = Array.apply(null, Array(this.renderer.tileDimensions.h * valsPerTile)).map(Number.prototype.valueOf,0);
@ -250,13 +249,17 @@ L.TorqueLayer = L.CanvasLayer.extend({
if (tile._tileCache) {
// when the tile has a cached image just render it and avoid to render
// all the points
//this.renderer._ctx.drawImage(tile._tileCache, 0, 0);
ctx.setTransform(1, 0, 0, 1, pos.x, pos.y);
this.renderer._ctx.drawImage(tile._tileCache, 0, 0);
} else {
ctx.setTransform(1, 0, 0, 1, this.renderer.firstTileCoords.pos.x, this.renderer.firstTileCoords.pos.y);
this.renderer.renderTile(tile, this.key, pos);
}
}
}
this.renderer.applyFilters();
if (!tile._tileCache){
this.renderer.applyFilters();
}
}
// prepare caches if the animation is not running

35
lib/torque/renderer/point.js
View File

@ -5,6 +5,7 @@ var carto = global.carto || require('carto');
var Filters = require('./torque_filters');
var d3 = require('d3');
var contour = require('./contour');
var cSpline = require('cardinal-spline');
var TAU = Math.PI * 2;
var DEFAULT_CARTOCSS = [
@ -200,14 +201,6 @@ var contour = require('./contour');
*/
var isolines = true;
if (isolines) {
function getRandomColor() {
var letters = '0123456789ABCDEF'.split('');
var color = '#';
for (var i = 0; i < 6; i++ ) {
color += letters[Math.floor(Math.random() * 16)];
}
return color;
}
this._gridData(tile);
}
prof.end(true);
@ -215,15 +208,18 @@ var contour = require('./contour');
_gridData: function(tile){
var valsPerTile = this.TILE_SIZE/this.options.resolution;
var difX = tile.coord.x - this.firstTileCoords.coord.x;
var difY = tile.coord.y - this.firstTileCoords.coord.y;
if (difX < 0 || difY < 0) return;
// baseIndex is the distance to the upper left corner of the grid, in cells
var baseIndex = {
x: (tile.coord.x - this.firstTileCoords.coord.x) * valsPerTile,
y: (tile.coord.y - this.firstTileCoords.coord.y) * valsPerTile
x: (difX) * valsPerTile,
y: (difY) * valsPerTile
}
for(var i = 0; i < tile.renderData.length; i++){
var x = tile.x[i], y = tile.y[i];
this.globalGrid[baseIndex.y + (256 - y)/this.options.resolution-1][baseIndex.x + x/this.options.resolution] = tile.renderData[i];
this.globalGrid[baseIndex.y + (256 - y) / this.options.resolution -1][baseIndex.x + x/this.options.resolution] = tile.renderData[i];
}
},
@ -236,27 +232,18 @@ var contour = require('./contour');
}).join("");
var type = parseInt(parsedCell, 2);
var interpolated = true;
var N = interpolated?[this._lerp(cell[1], cell[0], contour), 0]: [0.5,0],
S = interpolated?[this._lerp(cell[2], cell[3], contour), 1]: [0.5,1],
E = interpolated?[1, this._lerp(cell[2], cell[1], contour)]: [1,0.5],
W = interpolated?[0, this._lerp(cell[3], cell[0], contour)]: [0,0.5]
// Blank
var N = interpolated? [this._lerp(cell[1], cell[0], contour), 0]: [0.5,0],
S = interpolated? [this._lerp(cell[2], cell[3], contour), 1]: [0.5,1],
E = interpolated? [1, this._lerp(cell[2], cell[1], contour)]: [1,0.5],
W = interpolated? [0, this._lerp(cell[3], cell[0], contour)]: [0,0.5]
if (type === 0 || type === 15) return null;
// W - S
if (type === 1 || type === 14) return [W, S]
// S - E
if (type === 2 || type === 13) return [S, E]
// W - E
if (type === 3 || type === 12) return [W, E]
// N - E
if (type === 4 || type === 11) return [N, E]
// N - S
if (type === 6 || type === 9) return [N, S]
// W - N
if (type === 7 || type === 8) return [W, N]
// W - N / S - E
if (type === 5) return [W, N, S, E]
// W - S / N - E
if (type === 10) return [W, S, N, E]
},