Retina support

jacobwinters · Dec 26, 2017 · 8846e66 · 8846e66
1 parent 5a4d8d8
commit 8846e66
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/gl.js b/gl.js
@@ -13,6 +13,8 @@ for(var i = 1; i <= 5; i++) {
 const positions = new Float32Array(flatten(arrays.map(flatten)));
 
 function initWebGL(canvas){
+canvas.width = canvas.clientWidth * devicePixelRatio;
+canvas.height = canvas.clientHeight * devicePixelRatio;
   const gl = canvas.getContext('webgl');
   const vshader = gl.createShader(gl.VERTEX_SHADER)
   gl.shaderSource(vshader,

diff --git a/index.html b/index.html
@@ -4,7 +4,7 @@
 </head>
 <body>
 	<p>Click on one of the patterns below:</p>
-	<canvas id='canvas' width='900' height='900'></canvas>
+	<canvas id='canvas' style='width: 100vmin; height: 100vmin'></canvas>
 	<script src='jquery-3.1.0.js'></script>
 	<script src='utils.js'></script>
 	<script src='nodes.js'></script>