mirror of
https://github.com/danbulant/node-x11
synced 2026-05-19 20:39:03 +00:00
465 lines
18 KiB
JavaScript
465 lines
18 KiB
JavaScript
// this will be eventually moved to lib/node-x11/extensions
|
|
|
|
var x11 = require('../lib/x11');
|
|
|
|
// adding XRender functions manually from
|
|
// http://cgit.freedesktop.org/xcb/proto/tree/src/render.xml?id=HEAD
|
|
// and http://www.x.org/releases/X11R7.6/doc/renderproto/renderproto.txt
|
|
// TODO: move to templates
|
|
x11.createClient(
|
|
function(display) {
|
|
var X = display.client;
|
|
X.QueryExtension('RENDER', function(ext) {
|
|
|
|
console.log(ext);
|
|
|
|
function RenderQueryVersion(clientMaj, clientMin, callback)
|
|
{
|
|
X.seq_num++;
|
|
X.pack_stream.pack('CCSLL', [ext.majorOpcode, 0, 3, clientMaj, clientMin]);
|
|
X.replies[X.seq_num] = [
|
|
function(buf, opt) {
|
|
var res = buf.unpack('LL');
|
|
return res;
|
|
},
|
|
callback
|
|
];
|
|
X.pack_stream.flush();
|
|
}
|
|
|
|
function RenderQueryPictFormat(callback)
|
|
{
|
|
X.seq_num++;
|
|
X.pack_stream.pack('CCS', [ext.majorOpcode, 1, 1]);
|
|
X.replies[X.seq_num] = [
|
|
function (buf, opt) {
|
|
var res1 = buf.unpack('LLLLL');
|
|
// [ 28, 1, 7, 32, 0 ]
|
|
|
|
//console.log(res1);
|
|
return res1;
|
|
},
|
|
callback
|
|
];
|
|
X.pack_stream.flush();
|
|
}
|
|
|
|
function RenderQueryFilters(callback)
|
|
{
|
|
X.seq_num++;
|
|
X.pack_stream.pack('CCSL', [ext.majorOpcode, 29, 2, display.screen[0].root]);
|
|
X.replies[X.seq_num] = [
|
|
function(buf, opt) {
|
|
var h = buf.unpack('LL');
|
|
var num_aliases = h[0];
|
|
var num_filters = h[1];
|
|
var aliases = [];
|
|
var offset = 24; // LL + 16 bytes pad
|
|
for (var i=0; i < num_aliases; ++i)
|
|
{
|
|
aliases.push(buf.unpack('S', offset)[0]);
|
|
offset+=2;
|
|
}
|
|
var filters = [];
|
|
for (var i=0; i < num_filters; ++i)
|
|
{
|
|
var len = buf.unpack('C', offset)[0];
|
|
//if (!len) break;
|
|
offset++;
|
|
filters.push(buf.toString('ascii', offset, offset+len));
|
|
offset+=len;
|
|
}
|
|
return [aliases, filters];
|
|
},
|
|
callback
|
|
];
|
|
X.pack_stream.flush();
|
|
}
|
|
|
|
var valueList = [
|
|
['repeat', 'C'],
|
|
['alphaMap', 'L'],
|
|
['alphaXOrigin', 's'],
|
|
['alphaYOrigin', 's'],
|
|
['clipXOrigin', 's'],
|
|
['clipYOrigin', 's'],
|
|
['clipMask', 'L'],
|
|
['graphicsExposures', 'C'],
|
|
['subwindowMode', 'C'],
|
|
['polyEdge', 'C'],
|
|
['polyMode', 'C'],
|
|
['dither', 'L'],
|
|
['componentAlpha', 'C']
|
|
];
|
|
|
|
var argumentLength = {
|
|
C: 1,
|
|
S: 2,
|
|
s: 2,
|
|
L: 4,
|
|
x: 1
|
|
};
|
|
|
|
function RenderCreatePicture(pid, drawable, pictformat, values)
|
|
{
|
|
X.seq_num++;
|
|
var mask = 0;
|
|
var reqLen = 5; // + (values + pad)/4
|
|
var format = 'CCSLLLL';
|
|
var params = [ext.majorOpcode, 4, reqLen, pid, drawable, pictformat, mask];
|
|
|
|
if (values)
|
|
{
|
|
var valuesLength = 0;
|
|
for (var i=0; i < valueList.length; ++i)
|
|
{
|
|
var val = values[valueList[i][0]];
|
|
if (val) {
|
|
mask |= (1 << i);
|
|
params.push(val);
|
|
var valueFormat = valueList[i][1];
|
|
format += valueFormat;
|
|
valuesLength += argumentLength[valueFormat];
|
|
}
|
|
}
|
|
var pad4 = (valuesLength + 3) >> 2;
|
|
var toPad = (pad4 << 2) - valuesLength;
|
|
for (var i=0; i < toPad; ++i)
|
|
format += 'x';
|
|
reqLen += pad4;
|
|
params[2] = reqLen;
|
|
params[6] = mask;
|
|
}
|
|
X.pack_stream.pack(format, params);
|
|
X.pack_stream.flush();
|
|
}
|
|
|
|
function floatToFix(f)
|
|
{
|
|
return parseInt(f*65536);
|
|
}
|
|
|
|
// see example of blur filter here: https://github.com/richoH/rxvt-unicode/blob/master/src/background.C
|
|
// TODO: not ready yet.
|
|
function RenderSetPictureFilter(pid, name, filterParams)
|
|
{
|
|
X.seq_num++;
|
|
var reqLen = 2; //header + params + 1xStopfix+2xColors
|
|
var format = 'CCSLa';
|
|
var params = [ext.majorOpcode, 30, reqLen, pid];
|
|
/*
|
|
if (name == 'convolution')
|
|
{
|
|
reqLen += 2;
|
|
format += 'L';
|
|
params.push(floatToFix(filterParams));
|
|
} else {
|
|
throw 'Not implemented filter ' + name;
|
|
}
|
|
*/
|
|
params[2] = reqLen;
|
|
//console.log([format, params]);
|
|
X.pack_stream.pack(format, params);
|
|
X.pack_stream.flush();
|
|
}
|
|
|
|
function RenderRadialGradient(pid, p1, p2, r1, r2, stops)
|
|
{
|
|
// TODO: merge with linear gradient
|
|
X.seq_num++;
|
|
var reqLen = 9+stops.length*3; //header + params + 1xStopfix+2xColors
|
|
var format = 'CCSLLLLLLLL';
|
|
var params = [ext.majorOpcode, 35, reqLen, pid];
|
|
params.push(floatToFix(p1[0])); // L
|
|
params.push(floatToFix(p1[1]));
|
|
params.push(floatToFix(p2[0]));
|
|
params.push(floatToFix(p2[1])); // L
|
|
params.push(floatToFix(r1)); // L
|
|
params.push(floatToFix(r2)); // L
|
|
params.push(stops.length);
|
|
|
|
// [ [float stopDist, [float r, g, b, a] ], ...]
|
|
// stop distances
|
|
for (var i=0; i < stops.length; ++i)
|
|
{
|
|
format += 'L';
|
|
// TODO: we know total params length in advance. ? params[index] =
|
|
params.push(floatToFix(stops[i][0]))
|
|
}
|
|
// colors
|
|
for (var i=0; i < stops.length; ++i)
|
|
{
|
|
format += 'SSSS';
|
|
for (var j=0; j < 4; ++j)
|
|
params.push(stops[i][1][j]);
|
|
}
|
|
//console.log([format, params]);
|
|
X.pack_stream.pack(format, params);
|
|
X.pack_stream.flush();
|
|
}
|
|
|
|
function RenderLinearGradient(pid, p1, p2, stops)
|
|
{
|
|
X.seq_num++;
|
|
var reqLen = 7+stops.length*3; //header + params + 1xStopfix+2xColors
|
|
var format = 'CCSLLLLLL';
|
|
var params = [ext.majorOpcode, 34, reqLen, pid];
|
|
params.push(floatToFix(p1[0])); // L
|
|
params.push(floatToFix(p1[1]));
|
|
params.push(floatToFix(p2[0]));
|
|
params.push(floatToFix(p2[1])); // L
|
|
|
|
params.push(stops.length);
|
|
|
|
// [ [float stopDist, [float r, g, b, a] ], ...]
|
|
// stop distances
|
|
for (var i=0; i < stops.length; ++i)
|
|
{
|
|
format += 'L';
|
|
// TODO: we know total params length in advance. ? params[index] =
|
|
params.push(floatToFix(stops[i][0]))
|
|
}
|
|
// colors
|
|
for (var i=0; i < stops.length; ++i)
|
|
{
|
|
format += 'SSSS';
|
|
for (var j=0; j < 4; ++j)
|
|
params.push(stops[i][1][j]);
|
|
}
|
|
//console.log([format, params]);
|
|
X.pack_stream.pack(format, params);
|
|
X.pack_stream.flush();
|
|
}
|
|
|
|
function RenderConicalGradient(pid, center, angle, stops)
|
|
{
|
|
X.seq_num++;
|
|
var reqLen = 6+stops.length*3; //header + params + 1xStopfix+2xColors
|
|
var format = 'CCSLLLLL';
|
|
var params = [ext.majorOpcode, 36, reqLen, pid];
|
|
params.push(floatToFix(center[0])); // L
|
|
params.push(floatToFix(center[1]));
|
|
params.push(floatToFix(angle)); // L
|
|
|
|
params.push(stops.length);
|
|
|
|
// [ [float stopDist, [float r, g, b, a] ], ...]
|
|
// stop distances
|
|
for (var i=0; i < stops.length; ++i)
|
|
{
|
|
format += 'L';
|
|
// TODO: we know total params length in advance. ? params[index] =
|
|
params.push(floatToFix(stops[i][0]))
|
|
}
|
|
// colors
|
|
for (var i=0; i < stops.length; ++i)
|
|
{
|
|
format += 'SSSS';
|
|
for (var j=0; j < 4; ++j)
|
|
params.push(stops[i][1][j]);
|
|
}
|
|
//console.log([format, params]);
|
|
X.pack_stream.pack(format, params);
|
|
X.pack_stream.flush();
|
|
}
|
|
|
|
function RenderFillRectangles(op, pid, color, rects)
|
|
{
|
|
X.seq_num++;
|
|
var reqLen = 5+rects.length/2;
|
|
var format = 'CCSCxxxLSSSS';
|
|
var params = [ext.majorOpcode, 26, reqLen, op, pid];
|
|
for (var j=0; j < 4; ++j)
|
|
params.push(color[j]);
|
|
for (var i=0; i < rects.length; i+=4)
|
|
{
|
|
format += 'ssSS';
|
|
params.push(rects[i*4]);
|
|
params.push(rects[i*4 + 1]);
|
|
params.push(rects[i*4 + 2]);
|
|
params.push(rects[i*4 + 3]);
|
|
}
|
|
//console.log([format, params]);
|
|
X.pack_stream.pack(format, params);
|
|
X.pack_stream.flush();
|
|
}
|
|
|
|
function RenderComposite(op, src, mask, dst, srcX, srcY, maskX, maskY, dstX, dstY, width, height)
|
|
{
|
|
X.seq_num++;
|
|
X.pack_stream.pack(
|
|
'CCSCxxxLLLssssssSS',
|
|
[ext.majorOpcode, 8, 9, op, src, mask, dst, srcX, srcY, maskX, maskY, dstX, dstY, width, height]
|
|
)
|
|
.flush();
|
|
//console.log([ 'CCSCxxxLLLssssssSS',
|
|
// [ext.majorOpcode, 8, 9, op, src, mask, dst, srcX, srcY, maskX, maskY, dstX, dstY, width, height]]);
|
|
}
|
|
|
|
function RenderTrapezoids(op, src, srcX, srcY, dst, maskFormat, trapz)
|
|
{
|
|
X.seq_num++;
|
|
var format = 'CCSCxxxLLLss';
|
|
var params = [ext.majorOpcode, 10, 6+trapz.length, op, src, dst, maskFormat, srcX, srcY];
|
|
for (var i=0; i < trapz.length; i+=10)
|
|
{
|
|
format += 'llllllllll';
|
|
for (var j=0; j < 10; ++j)
|
|
params.push(floatToFix(trapz[i*10 + j]));
|
|
}
|
|
//console.log([format, params]);
|
|
X.pack_stream.pack(format, params);
|
|
X.pack_stream.flush();
|
|
}
|
|
|
|
function RenderTriangles(op, src, srcX, srcY, dst, maskFormat, tris)
|
|
{
|
|
X.seq_num++;
|
|
var format = 'CCSCxxxLLLss';
|
|
var params = [ext.majorOpcode, 11, 6+tris.length, op, src, dst, maskFormat, srcX, srcY];
|
|
for (var i=0; i < tris.length; i+=6)
|
|
{
|
|
format += 'llllll';
|
|
//TODO: Array.copy
|
|
params.push(floatToFix(tris[i*6 + 0])); // x1
|
|
params.push(floatToFix(tris[i*6 + 1])); // y1
|
|
params.push(floatToFix(tris[i*6 + 2])); // x2
|
|
params.push(floatToFix(tris[i*6 + 3])); // y2
|
|
params.push(floatToFix(tris[i*6 + 4])); // x3
|
|
params.push(floatToFix(tris[i*6 + 5])); // y3
|
|
}
|
|
X.pack_stream.pack(format, params);
|
|
X.pack_stream.flush();
|
|
}
|
|
|
|
var root = display.screen[0].root;
|
|
var win = X.AllocID();
|
|
var white = display.screen[0].white_pixel;
|
|
var black = display.screen[0].black_pixel;
|
|
X.CreateWindow(win, root, 0, 0, 500, 500, 4, 1, 0,
|
|
{
|
|
backgroundPixel: white,
|
|
eventMask: x11.eventMask.Exposure | x11.eventMask.ButtonPress | x11.eventMask.PointerMotion
|
|
});
|
|
X.MapWindow(win);
|
|
|
|
// this values need to be queried from server!
|
|
// quick hack until I have nessesary request
|
|
// TODO: bad bad bad fix asap :)
|
|
var rgb24 = 71;
|
|
var rgba32 = 69;
|
|
if (process.platform == 'linux')
|
|
{
|
|
rgb24 = 42;
|
|
rgba32 = 38;
|
|
}
|
|
|
|
var picture = X.AllocID();
|
|
RenderCreatePicture(picture, win, rgb24, { polyEdge: 1, polyMode: 0 } );
|
|
var pixmap = X.AllocID();
|
|
X.CreatePixmap(pixmap, win, 32, 500, 500);
|
|
var pix_pict = X.AllocID();
|
|
RenderCreatePicture(pix_pict, pixmap, rgba32, { polyEdge: 1, polyMode: 0 });
|
|
|
|
var pic_grad = X.AllocID();
|
|
RenderLinearGradient(pic_grad, [0,0], [1000,100],
|
|
//RenderRadialGradient(pic_grad, [0,0], [1000,100], 10, 1000,
|
|
//RenderConicalGradient(pic_grad, [250,250], 360,
|
|
[
|
|
[0, [0,0,0,0x3000 ] ],
|
|
[0.1, [0xfff, 0, 0xffff, 0x1000] ] ,
|
|
[0.25, [0xffff, 0, 0xfff, 0x3000] ] ,
|
|
[0.5, [0xffff, 0, 0xffff, 0x4000] ] ,
|
|
[1, [0xffff, 0xffff, 0, 0x8000] ]
|
|
]);
|
|
|
|
var pic_grad1 = X.AllocID();
|
|
|
|
RenderConicalGradient(pic_grad1, [250,250], 10,
|
|
[
|
|
[0, [0,0,0,0x5000 ] ],
|
|
[0.1, [0xfff, 0, 0xffff, 0x3000] ] ,
|
|
[0.25, [0xffff, 0, 0xfff, 0x2000] ] ,
|
|
[0.5, [0xffff, 0, 0xffff, 0x1000] ] ,
|
|
[1, [0xffff, 0xffff, 0, 0x8000] ]
|
|
]);
|
|
|
|
var pic_grad2 = X.AllocID();
|
|
RenderRadialGradient(pic_grad2, [250,250], [250,250], 0, 250,
|
|
[
|
|
[0, [0,0,0,0x5000 ] ],
|
|
[0.99, [0xffff, 0xffff, 0, 0xffff] ],
|
|
[1, [0xffff, 0xffff, 0, 0x0] ]
|
|
]);
|
|
|
|
var pixmap1 = X.AllocID();
|
|
X.CreatePixmap(pixmap1, win, 32, 500, 500);
|
|
var pix_pict1 = X.AllocID();
|
|
RenderCreatePicture(pix_pict1, pixmap1, rgba32, { polyEdge: 1, polyMode: 0 });
|
|
RenderComposite(3, pic_grad2, 0, pix_pict1, 0, 0, 0, 0, 0, 0, 500, 500);
|
|
|
|
var pixmap2 = X.AllocID();
|
|
X.CreatePixmap(pixmap2, win, 32, 500, 500);
|
|
var pix_pict2 = X.AllocID();
|
|
RenderCreatePicture(pix_pict2, pixmap2, rgba32, { polyEdge: 1, polyMode: 0 });
|
|
for(var i=0; i < 100; ++i)
|
|
{
|
|
var pts = [];
|
|
for (var coord = 0; coord < 6; coord++)
|
|
pts.push(Math.random()*500);
|
|
RenderTriangles(3, pic_grad, Math.random()*600, Math.random()*500, pix_pict2, 0, pts);
|
|
}
|
|
|
|
function update()
|
|
{
|
|
RenderFillRectangles(1, pix_pict, [0xffff, 0xffff, 0xffff, 0xffff], [0, 0, 500, 500]);
|
|
RenderComposite(3, pix_pict2, 0, pix_pict, 0, 0, 0, 0, X.x1, X.y1, 500, 500);
|
|
//RenderComposite(3, pic_grad, 0, pix_pict, 0, 0, 0, 0, 0, 0, 500, 500);
|
|
RenderComposite(3, pix_pict1, 0, pix_pict, 0, 0, 0, 0, X.x2, X.y2, 500, 500);
|
|
}
|
|
|
|
update();
|
|
|
|
function draw()
|
|
{
|
|
RenderComposite(3, pix_pict, 0, picture, 0, 0, 0, 0, 0, 0, 500, 500);
|
|
}
|
|
|
|
X.x1 = X.y1 = X.x2 = X.y2 = 0;
|
|
|
|
X.on('event', function(ev) {
|
|
if (ev.type == 4)
|
|
{
|
|
if (ev.keycode == 4)
|
|
X.x1 += 10;
|
|
else
|
|
X.x1 -= 10;
|
|
update();
|
|
draw();
|
|
} else if (ev.type == 6) // mouse move
|
|
{
|
|
X.x2 = ev.x - 250;
|
|
X.y2 = ev.y - 250;
|
|
update();
|
|
draw();
|
|
} else {
|
|
draw();
|
|
}
|
|
|
|
//RenderFillRectangles(1, picture, [0xffff, 0xffff, 0xffff, 0xffff], [0, 0, 500, 500]);
|
|
//RenderFillRectangles(1, picture, [0xffff, 0xffff, 0x0000, 0xffff], [10, 10, 50, 50]);
|
|
|
|
//RenderTriangles(3, pic_grad, 0, 0, picture, 0, [0, 0, 500, 0, 0, 500]);
|
|
//RenderTriangles(3, pic_grad, 0, 0, picture, 0, [0, 500, 500, 500, 500, 0]);
|
|
//RenderTrapezoids(3, pic_grad, 0, 0, picture, 0, [100, 500, 240, 0, 0, 500, 500, 500, 260, 0]);
|
|
//RenderTrapezoids(3, pic_grad, 0, 0, picture, 0, [0, 500, 0, 0, 0, 500, 500, 500, 500, 0]);
|
|
//RenderSetPictureFilter(pix_pict, 'convolution', [3, 3, 0, 0, 0, 0, 9, 0, 0, 0, 0]);
|
|
//RenderComposite(3, pix_pict, 0, picture, 0, 0, 0, 0, 0, 0, 500, 500);
|
|
//RenderComposite(3, pic_grad, 0, picture, 0, 0, 0, 0, 0, 0, 500, 500);
|
|
});
|
|
});
|
|
}
|
|
|
|
).on('error', function(err) {
|
|
console.log(['error! : ', err]);
|
|
});
|