GPU Access!

My name is

Daniel Haehn

Ham

n

WebGL Support

Gecko Engine

Blink and V8

WebKit

Blink and V8

Presto

Blink and V8

EdgeHtml

Which animal is hiding

on my personal website?

<canvas></canvas>

var c = document.createElement("canvas");

document.body.appendChild(c);

*.html

*.js

<canvas id="c"></canvas>

var c = document.createElement("canvas");

document.body.appendChild(c);

*.html

*.js

var c = document.getElementById("c");

*.js

var ctx = c.getContext(           );

*.js

"2d"

"webgl"

"webgl2"

"experimental-webgl"

Browser

Editor

<html>
  <head>
    <meta content="text/html;charset=utf-8" http-equiv="Content-Type">
    <meta content="utf-8" http-equiv="encoding">

    <style>
      html, body { 
        background-color: #000;
        margin: 0;
        padding: 0;
        height: 100%;
        overflow: hidden !important;  
      }
    </style>

    <script type="text/javascript" src="https://get.goXTK.com/xtk_edge.js"></script>
    <script type="text/javascript" src="https://get.goXTK.com/xtk_xdat.gui.js"></script>


    <script type="text/javascript">

      var r,c;

      window.onload = function() {

        r = new X.renderer3D();
        r.init();

        c = new X.cube();
        
        r.add(c);

        r.render();


      };

    </script>


  </head>

  <body>

  </body>

</html>

WebGL at Boston College

By Daniel Haehn

WebGL at Boston College

Slides for CS460 Computer Graphics at UMass Boston. See https://cs460.org!

  • 930