===================================================================
--- original.js
+++ change.js
@@ -13,36 +13,12 @@
};
fadeIn();
self.value = value || 2;
var tileGraphics = self.createAsset('tile', 'Tile Graphics', .5, .5);
- var hsvToRgb = function (h, s, v) {
- var r, g, b;
- var i = Math.floor(h * 6);
- var f = h * 6 - i;
- var p = v * (1 - s);
- var q = v * (1 - f * s);
- var t = v * (1 - (1 - f) * s);
- switch (i % 6) {
- case 0:
- (r = v, g = t, b = p);
- break;
- case 1:
- (r = q, g = v, b = p);
- break;
- case 2:
- (r = p, g = v, b = t);
- break;
- case 3:
- (r = p, g = q, b = v);
- break;
- case 4:
- (r = t, g = p, b = v);
- break;
- case 5:
- (r = v, g = p, b = q);
- break;
- }
- return (Math.round(r * 255) << 16) + (Math.round(g * 255) << 8) + Math.round(b * 255);
+ var valueToColor = function (value) {
+ var colors = [0xFFFFFF, 0xFFE5E5, 0xFFCCCC, 0xFFB2B2, 0xFF9999, 0xFF7F7F, 0xFF6666, 0xFF4C4C, 0xFF3232, 0xFF1919, 0xFF0000];
+ var index = Math.min(Math.log2(value) - 1, colors.length - 1);
+ return colors[index];
};
var tileLabel = new Text2(self.value.toString(), {
size: 300,
fill: '#332d28',
@@ -53,8 +29,9 @@
tileLabel.y = -40;
self.addChild(tileLabel);
self.setValue = function (value) {
self.newValue = value;
+ tileGraphics.tint = valueToColor(value);
};
self.updateToRealValue = function () {
if (self.newValue) {
self.value = self.newValue;