Quelle  1251091-1.html   Sprache: HTML

<!doctype html>
<html class="reftest-wait">
  <head>
    <script type="text/javascript">
var gl;

function start() {
  var canvas = document.getElementById("glcanvas");
  gl = canvas.getContext("webgl") || canvas.getContext("experimental-webgl");

  if (gl) {
    initTextures();
  } else {
    finish();
  }
}

function initTextures() {
  var cubeTexture = gl.createTexture();
  var cubeImage = document.getElementById("i");
  cubeImage.onload = function() { handleTextureLoaded(cubeImage, cubeTexture); }
  cubeImage.onerror = function() { finish(); }
  cubeImage.src = "1251091-1.png";
}

function handleTextureLoaded(image, texture) {
  gl.bindTexture(gl.TEXTURE_2D, texture);
  gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, image);
  gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR);
  gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR_MIPMAP_NEAREST);
  gl.generateMipmap(gl.TEXTURE_2D);
  gl.bindTexture(gl.TEXTURE_2D, null);
  setTimeout(showit,0);
}

function showit() {
  document.getElementById("i").style.display = "";
  finish();
}

function finish() {
  document.documentElement.removeAttribute("class");
}
    </script>
  </head>

  <body onload="start()">
    <canvas id="glcanvas" width="640" height="480"></canvas>
    <img id="i" style="display: none;">
  </body>
</html>