diff options
author | pommicket <pommicket@gmail.com> | 2023-06-14 11:51:05 +0100 |
---|---|---|
committer | pommicket <pommicket@gmail.com> | 2023-06-14 11:51:05 +0100 |
commit | ed5d2abddffcf72d28dd427d08efc50d4b1456d9 (patch) | |
tree | a05a2b516b56ad464538491747b2aef3d0a113f5 /index.html |
drawing a rectangle
Diffstat (limited to 'index.html')
-rw-r--r-- | index.html | 45 |
1 files changed, 45 insertions, 0 deletions
diff --git a/index.html b/index.html new file mode 100644 index 0000000..2c6dfd3 --- /dev/null +++ b/index.html @@ -0,0 +1,45 @@ +<!DOCTYPE html> +<html> + +<head> + <title>fractiform</title> + <style> + body { + font-family: sans-serif; + background-color: #111; + margin: 0; + padding: 0; + overflow: hidden; + } + + #canvas { + width: 100vw; + height: 100vh; + } + </style> + <meta charset="utf-8"> + <meta content="width=device-width,initial-scale=1" name="viewport"> +</head> + +<body> +<script id="vertex-shader" type="x-shader/x-vertex"> + attribute vec2 aVertexPosition; + void main() { + gl_Position = vec4(aVertexPosition, 0.0, 1.0); + } +</script> +<script id="fragment-shader" type="x-shader/x-fragment"> + uniform vec4 uGlobalColor; + + void main() { + gl_FragColor = uGlobalColor; + } +</script> +<script src="fractiform.js" type="text/javascript"></script> + +<canvas id="canvas"> + Your browser doesn't support <canvas><br> + This page won't work for you. +</canvas> +</body> +</html> |