gpu.js/examples/random.html at develop · gpujs/gpu.js · GitHub

History

66 lines (58 loc) · 1.46 KB

Raw

<!DOCTYPE html>

<head>

<title>GPU.js Random Examples</title>

</head>

<body>

<h2>CPU Random</h2>

<h2>WebGL1 Random</h2>

<h2>WebGL2 Random</h2>

</body>

let cpu, webGL, webGL2;

cpu = new GPU({

mode: 'cpu',

canvas: document.getElementById('cpu-random-output')

});

try {

webGL = new GPU({

mode: 'webgl',

canvas: document.getElementById('web-gl-random-output')

});

} catch (e) {}

try {

webGL2 = new GPU({

mode: 'webgl2',

canvas: document.getElementById('web-gl2-random-output')

});

} catch (e) {}

function drawRandomFunction() {

this.color(Math.random(), Math.random(), Math.random());

}

const cpuDrawRandom = cpu.createKernel(drawRandomFunction)

.setGraphical(true)

.setOutput([100, 100]);

const webGLDrawRandom = webGL

? webGL.createKernel(drawRandomFunction)

.setGraphical(true)

.setOutput([100, 100])

: () => {};

const webGL2DrawRandom = webGL2

? webGL2.createKernel(drawRandomFunction)

.setGraphical(true)

.setOutput([100, 100])

: () => {};

function draw() {

cpuDrawRandom();

webGLDrawRandom();

webGL2DrawRandom();

requestAnimationFrame(draw);

}

requestAnimationFrame(draw);

</script>

</html>

gpu.js/examples/random.html at develop · gpujs/gpu.js · GitHub

Uh oh!

Expand file tree

Breadcrumbs

random.html

Latest commit

History

Breadcrumbs

random.html

File metadata and controls