<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=2,user-scalable=yes">
<!-- ./js/glsl-canvas.min.js -->
<script type="text/javascript" src="https://ordinals.com/content/aeb29dfe6396589bd501f2be3478202a6ed75989cfc5ff49dd0d704b012c00eci0"></script>
</head>
<!-- CSS -->
<style>
html,
body {
width: 100%;
height: 100%;
}
body {
display: flex;
margin: 0;
background: #111;
overflow: hidden;
}
.glsl-canvas {
width: 100%;
height: 100%;
}
</style>
<body>
<canvas class="glsl-canvas" width="100%" height="100%" data-fragment-url="https://ordinals.com/content/715431f0275a1a7bac457862b80d0aa80c0f3015607f331eda0a4ad6798d1f39i0"></canvas>
</body>
<script>
var options = {
backgroundColor: 'rgba(0.0, 0.0, 0.0, 0.0)',
alpha: true,
antialias: false,
premultipliedAlpha: false,
preserveDrawingBuffer: false,
extensions: [],
doubleSided: false,
};
var canvas = document.querySelector('.glsl-canvas');
var glsl = new glsl.Canvas(canvas, options);
glsl.setUniforms({});
glsl.on('render', function() {});
</script>
</html>