Initializing WebGL2

8ad7e539 · Min-Jae, Lee · 868a3514 · 8ad7e539 · 8ad7e539
Commit 8ad7e539 authored 3 years ago by Min-Jae, Lee
--- a/index.html
+++ b/index.html
+<!doctype html>
+<html>
+    <head>
+        <meta charset="utf-8">
+        <title>WebGL Tutorial</title>
+        <style>
+html,body {
+    height: 100%;
+    margin: 0;
+    overflow: hidden;
+}
+canvas#view {
+    width: 100%;
+    height: 100%;
+	background: radial-gradient(gray, transparent);
+}
+        </style>
+    </head>
+    <body>
+        <canvas id="view"></canvas>
+        <script src="script.js"></script>
+    </body>
+</html>
--- a/script.js
+++ b/script.js
+document.addEventListener('DOMContentLoaded', () => {
+    if ('undefined' === typeof WebGL2RenderingContext) {
+        throw new Error('This tutorial required WebGL version 2.');
+    }
+    const glCtx = document.querySelector('canvas#view').getContext('webgl2');
+    if (!glCtx) {
+        throw new Error('Failed WebGL Initialization.')
+    }
+});