mirror of
https://github.com/chjj/blessed.git
synced 2026-02-06 13:51:52 +00:00
move blending to colors.js.
This commit is contained in:
Christopher Jeffrey
parent
9f1552c687
commit
305aa063d4
@ -97,11 +97,12 @@ function colorDistance(r1, g1, b1, r2, g2, b2) {
|
||||
|
||||
// This might work well enough for a terminal's colors: treat RGB as XYZ in a
|
||||
// 3-dimensional space and go midway between the two points.
|
||||
exports.mixColors = function(c1, c2) {
|
||||
exports.mixColors = function(c1, c2, alpha) {
|
||||
// if (c1 === 0x1ff) return c1;
|
||||
// if (c2 === 0x1ff) return c1;
|
||||
if (c1 === 0x1ff) c1 = 0;
|
||||
if (c2 === 0x1ff) c2 = 0;
|
||||
if (alpha == null) alpha = 0.5;
|
||||
|
||||
c1 = exports.vcolors[c1];
|
||||
var r1 = c1[0];
|
||||
@ -113,14 +114,93 @@ exports.mixColors = function(c1, c2) {
|
||||
var g2 = c2[1];
|
||||
var b2 = c2[2];
|
||||
|
||||
// XXX Maybe allow opacity instead of 0.5?
|
||||
r1 += (r2 - r1) * 0.5 | 0;
|
||||
g1 += (g2 - g1) * 0.5 | 0;
|
||||
b1 += (b2 - b1) * 0.5 | 0;
|
||||
r1 += (r2 - r1) * alpha | 0;
|
||||
g1 += (g2 - g1) * alpha | 0;
|
||||
b1 += (b2 - b1) * alpha | 0;
|
||||
|
||||
return exports.match([r1, g1, b1]);
|
||||
};
|
||||
|
||||
exports.blend = function blend(attr, attr2, alpha) {
|
||||
var bg = attr & 0x1ff;
|
||||
if (attr2 != null) {
|
||||
var bg2 = attr2 & 0x1ff;
|
||||
if (bg === 0x1ff) bg = 0;
|
||||
if (bg2 === 0x1ff) bg2 = 0;
|
||||
bg = exports.mixColors(bg, bg2, alpha);
|
||||
} else {
|
||||
if (blend._cache[bg] != null) {
|
||||
bg = blend._cache[bg];
|
||||
// } else if (bg < 8) {
|
||||
// bg += 8;
|
||||
} else if (bg >= 8 && bg <= 15) {
|
||||
bg -= 8;
|
||||
} else {
|
||||
var name = exports.ncolors[bg];
|
||||
if (name) {
|
||||
for (var i = 0; i < exports.ncolors.length; i++) {
|
||||
if (name === exports.ncolors[i] && i !== bg) {
|
||||
var c = exports.vcolors[bg];
|
||||
var nc = exports.vcolors[i];
|
||||
if (nc[0] + nc[1] + nc[2] < c[0] + c[1] + c[2]) {
|
||||
blend._cache[bg] = i;
|
||||
bg = i;
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
attr &= ~0x1ff;
|
||||
attr |= bg;
|
||||
|
||||
var fg = (attr >> 9) & 0x1ff;
|
||||
if (attr2 != null) {
|
||||
var fg2 = (attr2 >> 9) & 0x1ff;
|
||||
// 0, 7, 188, 231, 251
|
||||
if (fg === 0x1ff) {
|
||||
// XXX workaround
|
||||
fg = 248;
|
||||
} else {
|
||||
if (fg === 0x1ff) fg = 7;
|
||||
if (fg2 === 0x1ff) fg2 = 7;
|
||||
fg = exports.mixColors(fg, fg2, alpha);
|
||||
}
|
||||
} else {
|
||||
if (blend._cache[fg] != null) {
|
||||
fg = blend._cache[fg];
|
||||
// } else if (fg < 8) {
|
||||
// fg += 8;
|
||||
} else if (fg >= 8 && fg <= 15) {
|
||||
fg -= 8;
|
||||
} else {
|
||||
var name = exports.ncolors[fg];
|
||||
if (name) {
|
||||
for (var i = 0; i < exports.ncolors.length; i++) {
|
||||
if (name === exports.ncolors[i] && i !== fg) {
|
||||
var c = exports.vcolors[fg];
|
||||
var nc = exports.vcolors[i];
|
||||
if (nc[0] + nc[1] + nc[2] < c[0] + c[1] + c[2]) {
|
||||
blend._cache[fg] = i;
|
||||
fg = i;
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
attr &= ~(0x1ff << 9);
|
||||
attr |= fg << 9;
|
||||
|
||||
return attr;
|
||||
};
|
||||
|
||||
exports.blend._cache = {};
|
||||
|
||||
exports._cache = {};
|
||||
|
||||
// XTerm Colors
|
||||
|
||||
@ -1946,7 +1946,7 @@ Element.prototype.render = function() {
|
||||
if (!lines[y]) break;
|
||||
for (x = Math.max(xi, 0); x < xl; x++) {
|
||||
if (!lines[y][x]) break;
|
||||
lines[y][x][0] = this._blend(attr, lines[y][x][0]);
|
||||
lines[y][x][0] = colors.blend(attr, lines[y][x][0]);
|
||||
lines[y][x][1] = ch;
|
||||
lines[y].dirty = true;
|
||||
}
|
||||
@ -2035,7 +2035,7 @@ Element.prototype.render = function() {
|
||||
cell = lines[y][x];
|
||||
if (!cell) break;
|
||||
if (this.style.transparent) {
|
||||
lines[y][x][0] = this._blend(attr, lines[y][x][0]);
|
||||
lines[y][x][0] = colors.blend(attr, lines[y][x][0]);
|
||||
if (content[ci]) lines[y][x][1] = ch;
|
||||
lines[y].dirty = true;
|
||||
} else {
|
||||
@ -2074,8 +2074,10 @@ Element.prototype.render = function() {
|
||||
}
|
||||
}
|
||||
|
||||
if (this._noFill) continue;
|
||||
|
||||
if (this.style.transparent) {
|
||||
lines[y][x][0] = this._blend(attr, lines[y][x][0]);
|
||||
lines[y][x][0] = colors.blend(attr, lines[y][x][0]);
|
||||
if (content[ci]) lines[y][x][1] = ch;
|
||||
lines[y].dirty = true;
|
||||
} else {
|
||||
@ -2309,8 +2311,8 @@ Element.prototype.render = function() {
|
||||
x = xl;
|
||||
for (; x < xl + 2; x++) {
|
||||
if (!lines[y][x]) break;
|
||||
// lines[y][x][0] = this._blend(this.dattr, lines[y][x][0]);
|
||||
lines[y][x][0] = this._blend(lines[y][x][0]);
|
||||
// lines[y][x][0] = colors.blend(this.dattr, lines[y][x][0]);
|
||||
lines[y][x][0] = colors.blend(lines[y][x][0]);
|
||||
lines[y].dirty = true;
|
||||
}
|
||||
}
|
||||
@ -2320,8 +2322,8 @@ Element.prototype.render = function() {
|
||||
if (!lines[y]) break;
|
||||
for (x = Math.max(xi + 1, 0); x < xl; x++) {
|
||||
if (!lines[y][x]) break;
|
||||
// lines[y][x][0] = this._blend(this.dattr, lines[y][x][0]);
|
||||
lines[y][x][0] = this._blend(lines[y][x][0]);
|
||||
// lines[y][x][0] = colors.blend(this.dattr, lines[y][x][0]);
|
||||
lines[y][x][0] = colors.blend(lines[y][x][0]);
|
||||
lines[y].dirty = true;
|
||||
}
|
||||
}
|
||||
@ -2347,90 +2349,6 @@ Element.prototype.render = function() {
|
||||
|
||||
Element.prototype._render = Element.prototype.render;
|
||||
|
||||
/**
|
||||
* Blending and Shadows
|
||||
*/
|
||||
|
||||
Element.prototype._blend = function blend(attr, attr2) {
|
||||
var bg = attr & 0x1ff;
|
||||
if (attr2 != null) {
|
||||
var bg2 = attr2 & 0x1ff;
|
||||
if (bg === 0x1ff) bg = 0;
|
||||
if (bg2 === 0x1ff) bg2 = 0;
|
||||
bg = colors.mixColors(bg, bg2);
|
||||
} else {
|
||||
if (blend._cache[bg] != null) {
|
||||
bg = blend._cache[bg];
|
||||
// } else if (bg < 8) {
|
||||
// bg += 8;
|
||||
} else if (bg >= 8 && bg <= 15) {
|
||||
bg -= 8;
|
||||
} else {
|
||||
var name = colors.ncolors[bg];
|
||||
if (name) {
|
||||
for (var i = 0; i < colors.ncolors.length; i++) {
|
||||
if (name === colors.ncolors[i] && i !== bg) {
|
||||
var c = colors.vcolors[bg];
|
||||
var nc = colors.vcolors[i];
|
||||
if (nc[0] + nc[1] + nc[2] < c[0] + c[1] + c[2]) {
|
||||
blend._cache[bg] = i;
|
||||
bg = i;
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
attr &= ~0x1ff;
|
||||
attr |= bg;
|
||||
|
||||
var fg = (attr >> 9) & 0x1ff;
|
||||
if (attr2 != null) {
|
||||
var fg2 = (attr2 >> 9) & 0x1ff;
|
||||
// 0, 7, 188, 231, 251
|
||||
if (fg === 0x1ff) {
|
||||
// XXX workaround
|
||||
fg = 248;
|
||||
} else {
|
||||
if (fg === 0x1ff) fg = 7;
|
||||
if (fg2 === 0x1ff) fg2 = 7;
|
||||
fg = colors.mixColors(fg, fg2);
|
||||
}
|
||||
} else {
|
||||
if (blend._cache[fg] != null) {
|
||||
fg = blend._cache[fg];
|
||||
// } else if (fg < 8) {
|
||||
// fg += 8;
|
||||
} else if (fg >= 8 && fg <= 15) {
|
||||
fg -= 8;
|
||||
} else {
|
||||
var name = colors.ncolors[fg];
|
||||
if (name) {
|
||||
for (var i = 0; i < colors.ncolors.length; i++) {
|
||||
if (name === colors.ncolors[i] && i !== fg) {
|
||||
var c = colors.vcolors[fg];
|
||||
var nc = colors.vcolors[i];
|
||||
if (nc[0] + nc[1] + nc[2] < c[0] + c[1] + c[2]) {
|
||||
blend._cache[fg] = i;
|
||||
fg = i;
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
attr &= ~(0x1ff << 9);
|
||||
attr |= fg << 9;
|
||||
|
||||
return attr;
|
||||
};
|
||||
|
||||
Element.prototype._blend._cache = {};
|
||||
|
||||
/**
|
||||
* Content Methods
|
||||
*/
|
||||
|
||||
Loading…
Reference in New Issue
Block a user