Quellcode

<!-- TEMP PRE-RELEASE STUFF -->
<display hotspotrenderer="webgl" devices="html5" />	<!-- force using WebGL for the hotspots -->
<view continuousupdates="true" devices="html5" />	<!-- constantly update the screen (required for WebGL hotspots for the moment) -->
<!-- TEMP PRE-RELEASE STUFF -->

Quellcode

if (krpano.webGL)
{
  // have WebGL support
  
  // get the WebGL context
  var gl = krpano.webGL.context;
}

Quellcode

/ get the hotspot
var hotspot = krpano.get("hotspot[NAME]");

// get the hotspot WebGL texture (only possible when the texture was at least once rendered via WebGL)
if (hotspot.GL)
{
  var texture = hotspot.GL.tex;
  if (texture)
  {
    // do some stuff with the texture - e.g. bind it to a custom framebuffer:
     gl.bindTexture(gl.TEXTURE_2D, texture);
     gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, your_tex_width, your_tex_height, 0, gl.RGBA, gl.UNSIGNED_BYTE, null);
			
     gl.bindFramebuffer(gl.FRAMEBUFFER, your_framebuffer);
     gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, texture, 0);

     gl.bindFramebuffer(gl.FRAMEBUFFER, null);
     gl.bindTexture(gl.TEXTURE_2D, null);
  }
}