126 lines
3.5 KiB
JavaScript
126 lines
3.5 KiB
JavaScript
var _ = require('underscore');
|
|
var x11 = require('../../lib');
|
|
var Exposure = x11.eventMask.Exposure;
|
|
var PointerMotion = x11.eventMask.PointerMotion;
|
|
var ButtonPress = x11.eventMask.ButtonPress;
|
|
|
|
var draw;
|
|
|
|
var useConvo3 = true;
|
|
|
|
x11.createClient({ debug: true}, function(err, display) {
|
|
|
|
var X = display.client;
|
|
var root = display.screen[0].root;
|
|
|
|
var wid = X.AllocID();
|
|
X.CreateWindow(
|
|
wid, root,
|
|
0, 0, 800, 600,
|
|
0, 0, 0, 0,
|
|
{
|
|
eventMask: Exposure|PointerMotion|ButtonPress
|
|
}
|
|
);
|
|
X.MapWindow(wid);
|
|
|
|
|
|
X.require('render', function(err, Render) {
|
|
|
|
Render.QueryFilters(console.log);
|
|
|
|
var pixMask = X.AllocID();
|
|
X.CreatePixmap(pixMask, wid, 8, 600, 600);
|
|
var pictTraps = X.AllocID();
|
|
Render.CreatePicture(pictTraps, pixMask, Render.a8);
|
|
|
|
var pictWin = X.AllocID();
|
|
Render.CreatePicture(pictWin, wid, Render.rgb24);
|
|
|
|
var pictSolid = X.AllocID();
|
|
r = 0.2; g = 0.2; b = 0.2; a = 1;
|
|
Render.CreateSolidFill(pictSolid, r, g, b, a);
|
|
|
|
var pixBuff = X.AllocID();
|
|
X.CreatePixmap(pixBuff, wid, 24, 600, 600);
|
|
var pictBuff = X.AllocID();
|
|
Render.CreatePicture(pictBuff, pixBuff, Render.rgb24);
|
|
|
|
var convo5 = [ 5, 5, 0.0030, 0.0133, 0.0219, 0.0133, 0.0030,
|
|
0.0133, 0.0596, 0.0983, 0.0596, 0.0133,
|
|
0.0219, 0.0983, 0.1621, 0.0983, 0.0219,
|
|
0.0133, 0.0596, 0.0983, 0.0596, 0.0133,
|
|
0.0030, 0.0133, 0.0219, 0.0133, 0.0030];
|
|
var convo3 = [3, 3, 0.01, 0.08, 0.01, 0.08, 0.64, 0.08, 0.01, 0.08, 0.01];
|
|
|
|
var convo5 = [21, 21].concat(require('./blur-convolution')(21, 11));
|
|
|
|
//Render.SetPictureFilter(pictBuff, 'convolution', convo3);
|
|
//Render.SetPictureFilter(pictTraps, 'convolution', convo3);
|
|
//Render.SetPictureFilter(pictBuff, 'bilinear', []);
|
|
Render.SetPictureFilter(pictBuff, 'best', []);
|
|
|
|
draw1 = function(x, y) {
|
|
console.log('draw 1', x, y);
|
|
var r = 3 + 2*Math.floor(x / 100);
|
|
var convo = [r, r].concat(require('./blur-convolution')(r, r));
|
|
Render.SetPictureFilter(pictBuff, 'convolution', convo);
|
|
|
|
var a = (x-400)/500;
|
|
var m = [
|
|
Math.cos(a), Math.sin(a), 0,
|
|
-Math.sin(a), Math.cos(a), 0,
|
|
0, 0, 1
|
|
];
|
|
// Render.SetPictureTransform(pictTraps, m)
|
|
|
|
var r, g, b;
|
|
|
|
// fill window
|
|
r = 1; g = 1; b = 1; a = 0.5;
|
|
Render.FillRectangles(1, pictBuff, [r, g, b, a], [0, 0, 1000, 1000])
|
|
|
|
// fill traps
|
|
r = 0; g = 0; b = 0; a = 0;
|
|
Render.FillRectangles(1, pictTraps, [r, g, b, a], [0, 0, 1000, 1000])
|
|
|
|
Render.AddTraps(pictTraps, 0, 0, [
|
|
x, 200, y,
|
|
//150, 200, 50,
|
|
5, 250, 300,
|
|
110, 200, 310,
|
|
50, 150, 500
|
|
]);
|
|
|
|
|
|
// (op, src, mask, dst, srcX, srcY, maskX, maskY, dstX, dstY, width, height)
|
|
//Render.Composite(Render.PictOp.Over, pictSolid, pictTraps, pictWin, 0, 0, 0, 0, 0, 0, 800, 600);
|
|
//Render.PictOp.Over
|
|
|
|
Render.Composite(Render.PictOp.Over, pictSolid, pictTraps, pictBuff, 0, 0, 0, 0, 0, 0, 800, 600);
|
|
Render.Composite(Render.PictOp.Over, pictBuff, 0, pictWin, 0, 0, 0, 0, 0, 0, 800, 600);
|
|
|
|
};
|
|
|
|
draw = function(x, y) {
|
|
var f = _.debounce(function() {
|
|
draw1(x, y);
|
|
}, 100);
|
|
f();
|
|
};
|
|
|
|
});
|
|
|
|
}).on('error', function(err) {
|
|
console.log(err);
|
|
}).on('event', function(ev) {
|
|
//console.log(ev);
|
|
if (ev.name == 'MotionNotify') {
|
|
draw(ev.x, ev.y);
|
|
} else if (ev.name == 'ButtonPress') {
|
|
useConvo3 = !useConvo3;
|
|
draw(ev.x, ev.y);
|
|
//console.log(ev);
|
|
}
|
|
});
|