StackGenVis: Alignment of Data, Algorithms, and Models for Stacking Ensemble Learning Using Performance Metrics
https://doi.org/10.1109/TVCG.2020.3030352
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
94 lines
1.9 KiB
94 lines
1.9 KiB
'use strict'
|
|
|
|
const {program, attribute, uniform, context, texture} = require('../')
|
|
const assert = require('assert')
|
|
|
|
document.body.style.margin = 0
|
|
|
|
let gl = context({
|
|
attributes: {preserveDrawingBuffer: false}
|
|
})
|
|
|
|
let attrs = gl.getContextAttributes();
|
|
assert.equal(false, attrs.preserveDrawingBuffer);
|
|
|
|
let p1 = program(gl, `
|
|
precision mediump float;
|
|
|
|
attribute vec2 position;
|
|
|
|
void main() {
|
|
gl_Position = vec4(position * 2. - 1., 0., 1.);
|
|
}
|
|
`, `
|
|
precision mediump float;
|
|
|
|
uniform vec4 color;
|
|
|
|
void main () {
|
|
gl_FragColor = color;
|
|
}
|
|
`);
|
|
|
|
let p2 = program(gl, `
|
|
precision mediump float;
|
|
|
|
attribute vec3 position;
|
|
|
|
void main() {
|
|
gl_Position = vec4(position * 2. - 1., 1.);
|
|
}
|
|
`, `
|
|
precision mediump float;
|
|
|
|
uniform vec3 color;
|
|
|
|
void main () {
|
|
gl_FragColor = vec4(color, 1.);
|
|
}
|
|
` )
|
|
|
|
let p3 = program(gl, `
|
|
precision mediump float;
|
|
|
|
attribute vec2 position;
|
|
|
|
void main() {
|
|
gl_Position = vec4(position * 2. - 1., 0., 1.);
|
|
}
|
|
`, `
|
|
precision mediump float;
|
|
|
|
uniform sampler2D color;
|
|
uniform vec4 viewport;
|
|
uniform float x;
|
|
|
|
void main () {
|
|
vec2 coord = (gl_FragCoord.xy - viewport.xy) / viewport.zw;
|
|
gl_FragColor = texture2D(color, coord);
|
|
}
|
|
`)
|
|
|
|
program(gl, p1)
|
|
attribute(gl, 'position', {data: [0,0,1,0,0,1]});
|
|
uniform(gl, 'color', [1, .2, 0, 1.]);
|
|
|
|
gl.drawArrays(gl.TRIANGLES, 0, 3);
|
|
|
|
setTimeout(() => {
|
|
program(gl, p2);
|
|
attribute(gl, 'position', {data: [0,0,0,.5,0,0,0,.5,0]});
|
|
uniform(gl, 'color', [.8, .9, 0])
|
|
gl.drawArrays(gl.TRIANGLES, 0, 3);
|
|
|
|
setTimeout(() => {
|
|
program(gl, p3);
|
|
uniform(gl, 'x', 1);
|
|
attribute(gl, 'position', {data: [0,0,1,0,0,1]});
|
|
texture(gl, 'color', './texture.gif');
|
|
uniform(gl, 'viewport', [0,0,gl.drawingBufferWidth, gl.drawingBufferHeight]);
|
|
setTimeout(() => {
|
|
gl.drawArrays(gl.TRIANGLES, 0, 3);
|
|
}, 100)
|
|
}, 500)
|
|
}, 500);
|
|
|