aaronmaldonado-dev/gist:e482af6211e348ff7d5e85041fff0131

## gistfile1.txt
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>WEBGL - 06</title>

    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css">
    <style>
      #gl {
        position: absolute;
        height: 100%;
        width: 100%;
        left: 0;
        top: 0;
      }
      #gl canvas {
        position: absolute;
        height: 100%;
        width: 100%;
      }
    </style>
</head>
<body>
    <div id="gl"></div>
    <script>
        class Playground {
            constructor() {
                this.gl = this.createContext();
            }
            createContext() {
                const container = document.getElementById('gl');
                const canvas = document.createElement('canvas');

                let screenHeight = window.innerHeight;
                let screenWidth = window.innerWidth;

                canvas.height = screenHeight;
                canvas.width = screenWidth;

                container.appendChild(canvas);

                return canvas.getContext('webgl');
            }
        }
        let playground = new Playground();
    </script>
</body>
</html>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>WEBGL - 06</title>

	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css">
	<style>
	#gl {
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	}
	#gl canvas {
	position: absolute;
	height: 100%;
	width: 100%;
	}
	</style>
	</head>
	<body>
	<div id="gl"></div>
	<script>
	class Playground {
	constructor() {
	this.gl = this.createContext();
	}
	createContext() {
	const container = document.getElementById('gl');
	const canvas = document.createElement('canvas');

	let screenHeight = window.innerHeight;
	let screenWidth = window.innerWidth;

	canvas.height = screenHeight;
	canvas.width = screenWidth;

	container.appendChild(canvas);

	return canvas.getContext('webgl');
	}
	}
	let playground = new Playground();
	</script>
	</body>
	</html>