emileclarkb/dobutterfliescry.net
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

webgl-demo use canvas as background layer

Browse source
This commit is contained in:
Emile Clark-Boman 2025-07-28 13:32:59 +10:00
parent 5bc7c97791
commit 078f36b174
2 changed files with 10 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

8
www/shader-style.css Normal file
View file

@ -0,0 +1,8 @@
.gl-canvas-bg {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: -1;
}

3
www/shader.html
View file

@ -10,9 +10,10 @@
crossorigin="anonymous" crossorigin="anonymous"
defer></script> defer></script>
<script src="webgl-demo.js" type="module"></script> <script src="webgl-demo.js" type="module"></script>
<link rel="stylesheet" href="shader-style.css">
</head> </head>
<body> <body>
<canvas id="gl-canvas" width="640" height="480"></canvas> <canvas class="gl-canvas-bg" id="gl-canvas"></canvas>
</body> </body>
</html> </html>