mirror of
https://github.com/danbulant/node-x11
synced 2026-05-22 05:49:11 +00:00
XRENDER example added
This commit is contained in:
sidorares
parent
c561dc5771
commit
7ccc7f45ea
4 changed files with 535 additions and 41 deletions
460
examples/render.js
Normal file
460
examples/render.js
Normal file
|
|
@ -0,0 +1,460 @@
|
|||
// 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) {
|
||||
|
||||
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);
|
||||
|
||||
//rgb24: 42 32: 38 rd: 24
|
||||
|
||||
//var rgb24 = 42;
|
||||
//var rgba32 = 38;
|
||||
|
||||
var rgb24 = 71;
|
||||
var rgba32 = 69;
|
||||
|
||||
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]);
|
||||
});
|
||||
|
|
@ -295,8 +295,6 @@ UnpackStream.prototype.flush = function(stream)
|
|||
|
||||
// TODO: check write result
|
||||
// pause/resume streaming
|
||||
console.log( [ 'flushing request: ', this.write_length ]);
|
||||
|
||||
for (var i=0; i < this.write_queue.length; ++i)
|
||||
{
|
||||
//stream.write(this.write_queue[i])
|
||||
|
|
|
|||
|
|
@ -199,7 +199,6 @@ XClient.prototype.unpackEvent = function(type, seq, extra, code, raw)
|
|||
event.parent = extra;
|
||||
event.wid = values[0];
|
||||
// x, y, width, height, border
|
||||
console.log(event);
|
||||
} else if (type == 19) { // MapNotify
|
||||
var values = raw.unpack('LLC');
|
||||
//event.wid = extra;
|
||||
|
|
@ -254,7 +253,6 @@ XClient.prototype.expectReplyHeader = function()
|
|||
var code = res[1];
|
||||
var ev = client.unpackEvent(type, seq_num, extra, code, buf);
|
||||
client.emit('event', ev);
|
||||
console.log(ev);
|
||||
var ee = client.event_consumers[ev.wid];
|
||||
if (ee) {
|
||||
ee.emit('event', ev);
|
||||
|
|
|
|||
112
test/render.js
112
test/render.js
|
|
@ -1,3 +1,5 @@
|
|||
// this will be eventually moved to lib/node-x11/extensions
|
||||
|
||||
var x11 = require('../lib/x11');
|
||||
|
||||
// adding XRender functions manually from
|
||||
|
|
@ -32,7 +34,7 @@ x11.createClient(
|
|||
var res1 = buf.unpack('LLLLL');
|
||||
// [ 28, 1, 7, 32, 0 ]
|
||||
|
||||
console.log(res1);
|
||||
//console.log(res1);
|
||||
return res1;
|
||||
},
|
||||
callback
|
||||
|
|
@ -154,7 +156,7 @@ x11.createClient(
|
|||
}
|
||||
*/
|
||||
params[2] = reqLen;
|
||||
console.log([format, params]);
|
||||
//console.log([format, params]);
|
||||
X.pack_stream.pack(format, params);
|
||||
X.pack_stream.flush();
|
||||
}
|
||||
|
|
@ -189,7 +191,7 @@ x11.createClient(
|
|||
for (var j=0; j < 4; ++j)
|
||||
params.push(stops[i][1][j]);
|
||||
}
|
||||
console.log([format, params]);
|
||||
//console.log([format, params]);
|
||||
X.pack_stream.pack(format, params);
|
||||
X.pack_stream.flush();
|
||||
}
|
||||
|
|
@ -222,7 +224,7 @@ x11.createClient(
|
|||
for (var j=0; j < 4; ++j)
|
||||
params.push(stops[i][1][j]);
|
||||
}
|
||||
console.log([format, params]);
|
||||
//console.log([format, params]);
|
||||
X.pack_stream.pack(format, params);
|
||||
X.pack_stream.flush();
|
||||
}
|
||||
|
|
@ -254,7 +256,7 @@ x11.createClient(
|
|||
for (var j=0; j < 4; ++j)
|
||||
params.push(stops[i][1][j]);
|
||||
}
|
||||
console.log([format, params]);
|
||||
//console.log([format, params]);
|
||||
X.pack_stream.pack(format, params);
|
||||
X.pack_stream.flush();
|
||||
}
|
||||
|
|
@ -275,7 +277,7 @@ x11.createClient(
|
|||
params.push(rects[i*4 + 2]);
|
||||
params.push(rects[i*4 + 3]);
|
||||
}
|
||||
console.log([format, params]);
|
||||
//console.log([format, params]);
|
||||
X.pack_stream.pack(format, params);
|
||||
X.pack_stream.flush();
|
||||
}
|
||||
|
|
@ -288,8 +290,8 @@ x11.createClient(
|
|||
[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]]);
|
||||
//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)
|
||||
|
|
@ -303,7 +305,7 @@ x11.createClient(
|
|||
for (var j=0; j < 10; ++j)
|
||||
params.push(floatToFix(trapz[i*10 + j]));
|
||||
}
|
||||
console.log([format, params]);
|
||||
//console.log([format, params]);
|
||||
X.pack_stream.pack(format, params);
|
||||
X.pack_stream.flush();
|
||||
}
|
||||
|
|
@ -332,7 +334,11 @@ x11.createClient(
|
|||
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 });
|
||||
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);
|
||||
|
||||
//rgb24: 42 32: 38 rd: 24
|
||||
|
|
@ -349,7 +355,6 @@ x11.createClient(
|
|||
X.CreatePixmap(pixmap, win, 32, 500, 500);
|
||||
var pix_pict = X.AllocID();
|
||||
RenderCreatePicture(pix_pict, pixmap, rgba32, { polyEdge: 1, polyMode: 0 });
|
||||
RenderFillRectangles(1, pix_pict, [0xffff, 0xffff, 0xffff, 0xffff], [0, 0, 500, 500]);
|
||||
|
||||
var pic_grad = X.AllocID();
|
||||
RenderLinearGradient(pic_grad, [0,0], [1000,100],
|
||||
|
|
@ -378,41 +383,74 @@ x11.createClient(
|
|||
RenderRadialGradient(pic_grad2, [250,250], [250,250], 0, 250,
|
||||
[
|
||||
[0, [0,0,0,0x5000 ] ],
|
||||
[1, [0xffff, 0xffff, 0, 0xffff] ]
|
||||
[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);
|
||||
}
|
||||
|
||||
RenderComposite(3, pic_grad, 0, pix_pict, 0, 0, 0, 0, 0, 0, 500, 500);
|
||||
RenderComposite(3, pic_grad1, 0, pix_pict, 0, 0, 0, 0, 0, 0, 500, 500);
|
||||
RenderComposite(3, pic_grad2, 0, pix_pict, 0, 0, 0, 0, 0, 0, 500, 500);
|
||||
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) {
|
||||
//console.log(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);
|
||||
|
||||
|
||||
/*
|
||||
for(var i=0; i < 100; ++i)
|
||||
{
|
||||
var pts = [];
|
||||
for (var coord = 0; coord < 6; coord++)
|
||||
pts.push(Math.random()*1000);
|
||||
RenderTriangles(3, pic_grad, Math.random()*600, Math.random()*500, picture, 0, pts);
|
||||
//RenderTriangles(3, pic_grad, 0, 0, picture, 0, [0, 0, 1000, 0, 0, 1000]);
|
||||
//RenderTriangles(3, pic_grad, 0, 0, picture, 0, [0, 1000, 1000, 1000, 1000, 0]);
|
||||
//RenderTriangles(3, pic_grad, 500, 500, picture, 0, [0, 250, 100, 350, 400, 350]);
|
||||
}
|
||||
*/
|
||||
//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);
|
||||
});
|
||||
});
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in a new issue