texture-cube-as-fbo-attachment.html

Enable keyboard shortcuts

<!--

Copyright (c) 2019 The Khronos Group Inc.

Use of this source code is governed by an MIT-style license that can be

found in the LICENSE.txt file.

-->

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>WebGL texture cube as FBO color attachment</title>

<link rel="stylesheet" href="../../../resources/js-test-style.css"/>

<script src="../../../js/js-test-pre.js"></script>

<script src="../../../js/webgl-test-utils.js"></script>

</head>

<body>

<canvas id="example" width="2" height="2" style="width: 40px; height: 40px;"></canvas>

<div id="description"></div>

<div id="console"></div>

<script>

"use strict";

var gl;

function run()

  description(

      "Tests using a cube map face as the color attachment of a framebuffer object. " +

      "This test covers an ANGLE validation bug. See https://code.google.com/p/angleproject/issues/detail?id=849 .");

  var wtu = WebGLTestUtils;

  gl = wtu.create3DContext("example");

  var textureCube = gl.createTexture();

  gl.bindTexture(gl.TEXTURE_CUBE_MAP, textureCube);

  var faces = [

    gl.TEXTURE_CUBE_MAP_POSITIVE_X,

    gl.TEXTURE_CUBE_MAP_NEGATIVE_X,

    gl.TEXTURE_CUBE_MAP_POSITIVE_Y,

    gl.TEXTURE_CUBE_MAP_NEGATIVE_Y,

    gl.TEXTURE_CUBE_MAP_POSITIVE_Z,

    gl.TEXTURE_CUBE_MAP_NEGATIVE_Z

];

  gl.texParameteri(gl.TEXTURE_CUBE_MAP, gl.TEXTURE_MIN_FILTER, gl.NEAREST);

  gl.texParameteri(gl.TEXTURE_CUBE_MAP, gl.TEXTURE_MAG_FILTER, gl.NEAREST);

  for (var ii = 0; ii < faces.length; ++ii) {

    gl.texImage2D(faces[ii], 0, gl.RGBA, 2, 2, 0, gl.RGBA, gl.UNSIGNED_BYTE, null);

  wtu.glErrorShouldBe(gl, gl.NO_ERROR, "Should be no errors from setup");

  var fbo = gl.createFramebuffer();

  gl.bindFramebuffer(gl.FRAMEBUFFER, fbo);

  for (var ii = 0; ii < faces.length; ++ii) {

    gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, faces[ii], textureCube, 0);

    shouldBe('gl.checkFramebufferStatus(gl.FRAMEBUFFER)', 'gl.FRAMEBUFFER_COMPLETE');

    wtu.glErrorShouldBe(gl, gl.NO_ERROR, "Should be no errors for face " + wtu.glEnumToString(gl, faces[ii]));

run();

var successfullyParsed = true;

</script>

<script src="../../../js/js-test-post.js"></script>

</body>

</html>