alex/restaurant-search
1
Fork 0
Code Releases Activity

Updating easing

Browse Source
This commit is contained in:
Alex Yatskov 2014-11-09 11:10:12 +09:00
parent dcd777610a
commit ed2020d4d2
1 changed files with 7 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
client/scripts/grapher.js
View File

@ -89,13 +89,14 @@
var _panelSize = 20; var _panelSize = 20;
var _tickSize = 5; var _tickSize = 5;
var _width = 125; var _width = 125;
var _easeTime = 425; var _easeTime = 250;
var _enabled = true; var _enabled = true;
var _canvas = params.canvas; var _canvas = params.canvas;
var _data = params.data; var _data = params.data;
var _index = params.index; var _index = params.index;
var _name = params.name; var _name = params.name;
var _valueAnimated = params.data.value;
var _onValueChanged = params.onValueChanged; var _onValueChanged = params.onValueChanged;
var _range = params.range; var _range = params.range;
var _scale = params.scale; var _scale = params.scale;
@ -159,6 +160,8 @@
height: range.max - range.min, height: range.max - range.min,
fill: computeIndicatorColor(value) fill: computeIndicatorColor(value)
}); });
_valueAnimated = value;
} }
function updateDensity() { function updateDensity() {
@ -214,14 +217,12 @@
} }
function updateValue(value) { function updateValue(value) {
var valueOld = _data.value;
_data.value = _range.clamp(value); _data.value = _range.clamp(value);
if (_onValueChanged) { if (_onValueChanged) {
_onValueChanged(_name, _data.value); _onValueChanged(_name, _data.value);
} }
animateIndicator(valueOld, _data.value); animateIndicator(_valueAnimated, _data.value);
} }
function animateIndicator(valueOld, valueNew) { function animateIndicator(valueOld, valueNew) {
@ -232,7 +233,7 @@
updateIndicator(value); updateIndicator(value);
}, },
_easeTime, _easeTime,
mina.easeinout, mina.linear,
function() { function() {
updateDensity(); updateDensity();
} }
@ -277,12 +278,10 @@
} }
this.update = function(data, scale) { this.update = function(data, scale) {
var valueOld = _data.value;
_data = data; _data = data;
_scale = scale; _scale = scale;
animateIndicator(valueOld, _data.value); animateIndicator(_valueAnimated, _data.value);
}; };
this.enable = function(enable) { this.enable = function(enable) {