"use strict";function WebGLSpins(canvas,options){this._canvas=canvas;this._options={};this._mergeOptions(options,WebGLSpins.defaultOptions);this._gl=null;this._gl_initialized=false;this._renderers=[];for(var i=0;i<this._options.renderers.length;i++){var renderer=this._options.renderers[i];var viewport=[0,0,1,1];if(typeof renderer===typeof[]){viewport=renderer[1];renderer=renderer[0];}
this._renderers.push([new renderer(this),viewport]);}
this._initGLContext();this._instancePositionArray=null;this._instanceDirectionArray=null;this._mouseDown=false;this._lastMouseX=null;this._lastMouseY=null;canvas.addEventListener('mousewheel',this._handleMouseScroll.bind(this));canvas.addEventListener('DOMMouseScroll',this._handleMouseScroll.bind(this));canvas.addEventListener('mousedown',this._handleMouseDown.bind(this));canvas.addEventListener('mousemove',this._handleMouseMove.bind(this));document.addEventListener('mouseup',this._handleMouseUp.bind(this));}
WebGLSpins.colormapImplementations={'red':`vec3 colormap(vec3 direction){return vec3(1.0,0.0,0.0);}`,'redblue':`vec3 colormap(vec3 direction){vec3 color_down=vec3(0.0,0.0,1.0);vec3 color_up=vec3(1.0,0.0,0.0);return mix(color_down,color_up,direction.z*0.5+0.5);}`,'hue':`float atan2(float y,float x){return x==0.0?sign(y)*3.14159/2.0:atan(y,x);}
vec3 hsv2rgb(vec3 c){vec4 K=vec4(1.0,2.0 / 3.0,1.0 / 3.0,3.0);vec3 p=abs(fract(c.xxx+K.xyz)*6.0-K.www);return c.z*mix(K.xxx,clamp(p-K.xxx,0.0,1.0),c.y);}
vec3 colormap(vec3 direction){vec2 xy=normalize(direction.yz);float hue=atan2(xy.x,xy.y)/ 3.14159 / 2.0;return hsv2rgb(vec3(hue,1.0,1.0));}`};WebGLSpins.renderers={};WebGLSpins.defaultOptions={};WebGLSpins.defaultOptions.verticalFieldOfView=45;WebGLSpins.defaultOptions.allowCameraMovement=true;WebGLSpins.defaultOptions.colormapImplementation=WebGLSpins.colormapImplementations['red'];WebGLSpins.defaultOptions.cameraLocation=[0,0,1];WebGLSpins.defaultOptions.centerLocation=[0,0,0];WebGLSpins.defaultOptions.upVector=[0,1,0];WebGLSpins.defaultOptions.backgroundColor=[0,0,0];WebGLSpins.defaultOptions.zRange=[-1,1];WebGLSpins.defaultOptions.boundingBox=null;WebGLSpins.defaultOptions.boundingBoxColor=[1,1,1];WebGLSpins.prototype.updateOptions=function(options){var changedOptions=[];for(var option in options){if(this._options.hasOwnProperty(option)){if(this._options[option]!==options[option]){this._options[option]=options[option];changedOptions.push(option);}}else{console.warn("WebGLSpins does not recognize option '"+option+"'.");}}
if(changedOptions.length==0){return;}
if(changedOptions.indexOf('renderers')!=-1){for(var i=0;i<this._renderers.length;i++){this._renderers[i][0].cleanup();}
this._renderers=[];for(var i=0;i<this._options.renderers.length;i++){var renderer=this._options.renderers[i];var viewport=[0,0,1,1];if(typeof renderer===typeof[]){viewport=renderer[1];renderer=renderer[0];}
this._renderers.push([new renderer(this),viewport]);}}else{for(var i=0;i<this._renderers.length;i++){this._renderers[i][0].optionsHaveChanged(changedOptions);}}
this.draw();};WebGLSpins.prototype.updateSpins=function(instancePositions,instanceDirections){var gl=this._gl;this._instancePositionArray=new Float32Array(instancePositions);this._instanceDirectionArray=new Float32Array(instanceDirections);if(this._instancePositionArray.length!=this._instanceDirectionArray.length){console.error("instancePositions and instanceDirections need to be of equal length");return;}
if((this._instancePositionArray.length%3)!=0){console.error("The length of instancePositions and instanceDirections needs to be a multiple of 3");return;}
for(var i=0;i<this._renderers.length;i++){this._renderers[i][0].updateSpins(this._instancePositionArray,this._instanceDirectionArray);}
this.draw();};WebGLSpins.prototype.draw=function(){var gl=this._gl;var width=this._canvas.clientWidth;var height=this._canvas.clientHeight;this._canvas.width=width;this._canvas.height=height;gl.viewport(0,0,gl.drawingBufferWidth,gl.drawingBufferHeight);gl.clearColor(this._options.backgroundColor[0],this._options.backgroundColor[1],this._options.backgroundColor[2],1.0);gl.clear(gl.COLOR_BUFFER_BIT);for(var i=0;i<this._renderers.length;i++){gl.viewport(gl.drawingBufferWidth*this._renderers[i][1][0],gl.drawingBufferHeight*this._renderers[i][1][1],gl.drawingBufferWidth*this._renderers[i][1][2],gl.drawingBufferHeight*this._renderers[i][1][3]);gl.clear(gl.DEPTH_BUFFER_BIT);this._renderers[i][0].draw(gl.drawingBufferWidth*this._renderers[i][1][2],gl.drawingBufferHeight*this._renderers[i][1][3]);}};WebGLSpins.prototype._mergeOptions=function(options,defaultOptions){this._options={};for(var option in defaultOptions){this._options[option]=defaultOptions[option];}
for(var option in options){if(defaultOptions.hasOwnProperty(option)){this._options[option]=options[option];}else{console.warn("WebGLSpins does not recognize option '"+option+"'.");}}};WebGLSpins.prototype._initGLContext=function(){var gl=null;try{gl=this._canvas.getContext("webgl")||this._canvas.getContext("experimental-webgl");}catch(e){}
if(!gl){console.error("WebGLSpins was unable to initialize WebGL.");return;}
this._gl=gl;gl.enable(gl.DEPTH_TEST);gl.depthFunc(gl.LEQUAL);gl.enable(gl.CULL_FACE);for(var i=0;i<this._renderers.length;i++){this._renderers[i][0].initGLContext();}
this._gl_initialized=true;};WebGLSpins._createProgram=function(gl,vertexShaderSource,fragmentShaderSource,attributes){var vertexShader=gl.createShader(gl.VERTEX_SHADER);gl.shaderSource(vertexShader,vertexShaderSource);gl.compileShader(vertexShader);if(!gl.getShaderParameter(vertexShader,gl.COMPILE_STATUS)){console.error("vertex shader info log:\n"+gl.getShaderInfoLog(vertexShader));return null;}
var fragmentShader=gl.createShader(gl.FRAGMENT_SHADER);gl.shaderSource(fragmentShader,fragmentShaderSource);gl.compileShader(fragmentShader);if(!gl.getShaderParameter(fragmentShader,gl.COMPILE_STATUS)){console.error("fragment shader info log:\n"+gl.getShaderInfoLog(fragmentShader));return null;}
var program=gl.createProgram();gl.attachShader(program,vertexShader);gl.attachShader(program,fragmentShader);for(var i=0;i<attributes.length;i++){gl.bindAttribLocation(program,i,attributes[i]);}
gl.linkProgram(program);gl.deleteShader(vertexShader);gl.deleteShader(fragmentShader);if(!gl.getProgramParameter(program,gl.LINK_STATUS)){console.error("program info log:\n"+gl.getProgramInfoLog(program));return null;}
return program;};WebGLSpins.prototype._handleMouseDown=function(event){if(!this._options.allowCameraMovement){return;}
this._mouseDown=true;this._lastMouseX=event.clientX;this._lastMouseY=event.clientY;};WebGLSpins.prototype._handleMouseUp=function(event){this._mouseDown=false;};WebGLSpins.prototype._handleMouseMove=function(event){if(!this._options.allowCameraMovement){return;}
if(!this._mouseDown){return;}
var newX=event.clientX;var newY=event.clientY;var deltaX=newX-this._lastMouseX;var deltaY=newY-this._lastMouseY;if(event.shiftKey){this.zoom(deltaY>0?1:-1);}else{var forwardVector=WebGLSpins._difference(this._options.centerLocation,this._options.cameraLocation);var cameraDistance=WebGLSpins._length(forwardVector);forwardVector=WebGLSpins._normalize(forwardVector);this._options.upVector=WebGLSpins._normalize(this._options.upVector);var rightVector=WebGLSpins._cross(forwardVector,this._options.upVector);this._options.upVector=WebGLSpins._cross(rightVector,forwardVector);this._options.upVector=WebGLSpins._normalize(this._options.upVector);if(event.altKey){var translation=[(deltaY / 100*this._options.upVector[0]-deltaX / 100*rightVector[0])*cameraDistance*0.1,(deltaY / 100*this._options.upVector[1]-deltaX / 100*rightVector[1])*cameraDistance*0.1,(deltaY / 100*this._options.upVector[2]-deltaX / 100*rightVector[2])*cameraDistance*0.1];this._options.cameraLocation[0]+=translation[0];this._options.cameraLocation[1]+=translation[1];this._options.cameraLocation[2]+=translation[2];this._options.centerLocation[0]+=translation[0];this._options.centerLocation[1]+=translation[1];this._options.centerLocation[2]+=translation[2];}else{var l=Math.sqrt(deltaX*deltaX+deltaY*deltaY);if(l>0){var axis=[deltaX / l*this._options.upVector[0]+deltaY / l*rightVector[0],deltaX / l*this._options.upVector[1]+deltaY / l*rightVector[1],deltaX / l*this._options.upVector[2]+deltaY / l*rightVector[2]];var rotationMatrix=WebGLSpins._rotationMatrix(axis,-0.1*l);forwardVector=WebGLSpins._matrixMultiply(rotationMatrix,forwardVector);this._options.upVector=WebGLSpins._matrixMultiply(rotationMatrix,this._options.upVector);this._options.cameraLocation[0]=this._options.centerLocation[0]-cameraDistance*forwardVector[0];this._options.cameraLocation[1]=this._options.centerLocation[1]-cameraDistance*forwardVector[1];this._options.cameraLocation[2]=this._options.centerLocation[2]-cameraDistance*forwardVector[2];}}}
this._lastMouseX=newX;this._lastMouseY=newY;this.draw();};WebGLSpins.prototype._handleMouseScroll=function(event){if(!this._options.allowCameraMovement){return;}
var delta=Math.max(-1,Math.min(1,(event.wheelDelta||-event.detail)));this.zoom(delta);};WebGLSpins.prototype.zoom=function(delta){if(!this._options.allowCameraMovement){return;}
var forwardVector=WebGLSpins._difference(this._options.centerLocation,this._options.cameraLocation);var cameraDistance=WebGLSpins._length(forwardVector);if(cameraDistance<2&&delta<1){return;}
this._options.cameraLocation[0]=this._options.centerLocation[0]-(1+0.02*delta)*forwardVector[0];this._options.cameraLocation[1]=this._options.centerLocation[1]-(1+0.02*delta)*forwardVector[1];this._options.cameraLocation[2]=this._options.centerLocation[2]-(1+0.02*delta)*forwardVector[2];this.draw();};WebGLSpins._difference=function(a,b){return[a[0]-b[0],a[1]-b[1],a[2]-b[2]];};WebGLSpins._length=function(a){return Math.sqrt(a[0]*a[0]+a[1]*a[1]+a[2]*a[2]);};WebGLSpins._normalize=function(a){var length=WebGLSpins._length(a);return[a[0]/length,a[1]/length,a[2]/length];};WebGLSpins._cross=function(a,b){return[a[1]*b[2]-a[2]*b[1],a[2]*b[0]-a[0]*b[2],a[0]*b[1]-a[1]*b[0]];};WebGLSpins._rotationMatrix=function(axis,angle){var c=Math.cos(Math.PI*angle / 180);var s=Math.sin(Math.PI*angle / 180);var x=axis[0];var y=axis[1];var z=axis[2];return[[x*x*(1-c)+c,x*y*(1-c)-z*s,x*z*(1-c)+y*s,0],[x*y*(1-c)+z*s,y*y*(1-c)+c,z*y*(1-c)-x*s,0],[x*z*(1-c)-y*s,z*y*(1-c)+x*s,z*z*(1-c)+c,0],[0,0,0,1]];};WebGLSpins._matrixMultiply=function(matrix,vector){var result=[0,0,0];for(var i=0;i<3;i++){for(var j=0;j<3;j++){result[i]+=matrix[i][j]*vector[j];}
result[i]+=matrix[i][3];}
return result;};WebGLSpins._perspectiveProjectionMatrix=function(verticalFieldOfView,aspectRatio,zNear,zFar){var f=1.0/Math.tan(verticalFieldOfView*Math.PI/180/2);return[[f/aspectRatio,0,0,0],[0,f,0,0],[0,0,(zNear+zFar)/(zNear-zFar),2*zFar*zNear/(zNear-zFar)],[0,0,-1,0]];};WebGLSpins._orthographicProjectionMatrix=function(left,right,bottom,top,near,far){var sx=2.0/(right-left);var sy=2.0/(top-bottom);var sz=2.0/(far-near);var tx=(right+left)/(right-left);var ty=(top+bottom)/(top-bottom);var tz=(far+near)/(far-near);return[[sx,0,0,tx],[0,sy,0,ty],[0,0,sz,tz],[0,0,0,1]];}
WebGLSpins._lookAtMatrix=function(cameraLocation,centerLocation,upVector){var forwardVector=WebGLSpins._difference(centerLocation,cameraLocation);forwardVector=WebGLSpins._normalize(forwardVector);upVector=WebGLSpins._normalize(upVector);var rightVector=WebGLSpins._cross(forwardVector,upVector);rightVector=WebGLSpins._normalize(rightVector);upVector=WebGLSpins._cross(rightVector,forwardVector);var matrix=[[rightVector[0],rightVector[1],rightVector[2],0],[upVector[0],upVector[1],upVector[2],0],[-forwardVector[0],-forwardVector[1],-forwardVector[2],0],[0,0,0,1]];var translationVector=WebGLSpins._matrixMultiply(matrix,cameraLocation);matrix[0][3]=-translationVector[0];matrix[1][3]=-translationVector[1];matrix[2][3]=-translationVector[2];return matrix;};WebGLSpins._toFloat32Array=function(matrix){return new Float32Array([matrix[0][0],matrix[1][0],matrix[2][0],matrix[3][0],matrix[0][1],matrix[1][1],matrix[2][1],matrix[3][1],matrix[0][2],matrix[1][2],matrix[2][2],matrix[3][2],matrix[0][3],matrix[1][3],matrix[2][3],matrix[3][3]]);};WebGLSpins._ArrowRenderer=function(webglspins){this._webglspins=webglspins;this._options=webglspins._options;this._program=null;this._vbo=null;this._ibo=null;this._instancePositionVbo=0;this._instanceDirectionVbo=0;this._numIndices=0;this._numInstances=0;this._boundingBoxRenderer=new WebGLSpins._BoundingBoxRenderer(webglspins);if(webglspins._gl_initialized){this.initGLContext();}
if(webglspins._instancePositionArray!=null&&webglspins._instanceDirectionArray!=null){this.updateSpins(webglspins._instancePositionArray,webglspins._instanceDirectionArray);}};WebGLSpins.renderers.ARROWS=WebGLSpins._ArrowRenderer;WebGLSpins.defaultOptions.coneHeight=0.6;WebGLSpins.defaultOptions.coneRadius=0.25;WebGLSpins.defaultOptions.cylinderHeight=0.7;WebGLSpins.defaultOptions.cylinderRadius=0.125;WebGLSpins.defaultOptions.levelOfDetail=20;WebGLSpins.defaultOptions.renderers=[WebGLSpins.renderers.ARROWS];WebGLSpins._ArrowRenderer.prototype.optionsHaveChanged=function(changedOptions){var arrayContainsAny=function(array,values){for(var i=0;i<values.length;i++){if(~array.indexOf(values[i])){return true;}}
return false;};if(arrayContainsAny(changedOptions,['coneHeight','coneRadius','cylinderHeight','cylinderRadius'])){this._updateVertexData();}
if(arrayContainsAny(changedOptions,['colormapImplementation'])){this._updateShaderProgram();}
this._boundingBoxRenderer.optionsHaveChanged(changedOptions);};WebGLSpins._ArrowRenderer.prototype.updateSpins=function(instancePositionArray,instanceDirectionArray){var gl=this._webglspins._gl;this._numInstances=instancePositionArray.length/3;gl.bindBuffer(gl.ARRAY_BUFFER,this._instancePositionVbo);gl.bufferData(gl.ARRAY_BUFFER,instancePositionArray,gl.STREAM_DRAW);gl.bindBuffer(gl.ARRAY_BUFFER,this._instanceDirectionVbo);gl.bufferData(gl.ARRAY_BUFFER,instanceDirectionArray,gl.STREAM_DRAW);this._boundingBoxRenderer.updateSpins(instancePositionArray,instanceDirectionArray);};WebGLSpins._ArrowRenderer.prototype.draw=function(width,height){var gl=this._webglspins._gl;if(this._numInstances<=0){return;}
gl.bindBuffer(gl.ARRAY_BUFFER,this._vbo);gl.vertexAttribPointer(0,3,gl.FLOAT,false,4*3*2,0);gl.enableVertexAttribArray(0);gl.vertexAttribPointer(1,3,gl.FLOAT,false,4*3*2,4*3);gl.enableVertexAttribArray(1);gl.bindBuffer(gl.ARRAY_BUFFER,this._instancePositionVbo);gl.vertexAttribPointer(2,3,gl.FLOAT,false,0,0);gl.enableVertexAttribArray(2);gl.vertexAttribDivisor(2,1);gl.bindBuffer(gl.ARRAY_BUFFER,this._instanceDirectionVbo);gl.vertexAttribPointer(3,3,gl.FLOAT,false,0,0);gl.enableVertexAttribArray(3);gl.vertexAttribDivisor(3,1);gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER,this._ibo);gl.useProgram(this._program);var projectionMatrix=WebGLSpins._perspectiveProjectionMatrix(this._options.verticalFieldOfView,width / height,0.1,10000);gl.uniformMatrix4fv(gl.getUniformLocation(this._program,"uProjectionMatrix"),false,WebGLSpins._toFloat32Array(projectionMatrix));var modelviewMatrix=WebGLSpins._lookAtMatrix(this._options.cameraLocation,this._options.centerLocation,this._options.upVector);gl.uniformMatrix4fv(gl.getUniformLocation(this._program,"uModelviewMatrix"),false,WebGLSpins._toFloat32Array(modelviewMatrix));var lightPosition=WebGLSpins._matrixMultiply(modelviewMatrix,this._options.cameraLocation);gl.uniform3f(gl.getUniformLocation(this._program,"uLightPosition"),lightPosition[0],lightPosition[1],lightPosition[2]);gl.uniform2f(gl.getUniformLocation(this._program,"uZRange"),this._options.zRange[0],this._options.zRange[1]);gl.drawElementsInstanced(gl.TRIANGLES,this._numIndices,gl.UNSIGNED_SHORT,null,this._numInstances);this._boundingBoxRenderer.draw(width,height);};WebGLSpins._ArrowRenderer.prototype.initGLContext=function(){var gl=this._webglspins._gl;var angle_instanced_arrays_ext=gl.getExtension("ANGLE_instanced_arrays");if(!angle_instanced_arrays_ext){console.error('WebGL does not support ANGLE_instanced_arrays required by WebGLSpins');return;}
gl.drawArraysInstanced=angle_instanced_arrays_ext.drawArraysInstancedANGLE.bind(angle_instanced_arrays_ext);gl.drawElementsInstanced=angle_instanced_arrays_ext.drawElementsInstancedANGLE.bind(angle_instanced_arrays_ext);gl.vertexAttribDivisor=angle_instanced_arrays_ext.vertexAttribDivisorANGLE.bind(angle_instanced_arrays_ext);gl.VERTEX_ATTRIB_ARRAY_DIVISOR=angle_instanced_arrays_ext.VERTEX_ATTRIB_ARRAY_DIVISOR_ANGLE;this._vbo=gl.createBuffer();gl.bindBuffer(gl.ARRAY_BUFFER,this._vbo);gl.vertexAttribPointer(0,3,gl.FLOAT,false,4*3*2,0);gl.enableVertexAttribArray(0);gl.vertexAttribPointer(1,3,gl.FLOAT,false,4*3*2,4*3);gl.enableVertexAttribArray(1);this._ibo=gl.createBuffer();gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER,this._ibo);this._numIndices=0;this._instancePositionVbo=gl.createBuffer();gl.bindBuffer(gl.ARRAY_BUFFER,this._instancePositionVbo);gl.vertexAttribPointer(2,3,gl.FLOAT,false,0,0);gl.enableVertexAttribArray(2);gl.vertexAttribDivisor(2,1);this._instanceDirectionVbo=gl.createBuffer();gl.bindBuffer(gl.ARRAY_BUFFER,this._instanceDirectionVbo);gl.vertexAttribPointer(3,3,gl.FLOAT,false,0,0);gl.enableVertexAttribArray(3);gl.vertexAttribDivisor(3,1);this._numInstances=0;this._updateShaderProgram();this._updateVertexData();this._boundingBoxRenderer.initGLContext();};WebGLSpins._ArrowRenderer.prototype._updateShaderProgram=function(){var gl=this._webglspins._gl;if(this._program){gl.deleteProgram(this._program);}
var program=WebGLSpins._createProgram(gl,`#version 100
precision highp float;uniform mat4 uProjectionMatrix;uniform mat4 uModelviewMatrix;uniform vec2 uZRange;attribute vec3 ivPosition;attribute vec3 ivNormal;attribute vec3 ivInstanceOffset;attribute vec3 ivInstanceDirection;varying vec3 vfPosition;varying vec3 vfNormal;varying vec3 vfColor;mat3 matrixFromDirection(vec3 direction){float c=direction.z;float s=length(direction.xy);float x=1.0;float y=0.0;if(s>0.0001){x=-direction.y / s;y=direction.x / s;}
mat3 matrix;matrix[0][0]=x*x*(1.0-c)+c;matrix[0][1]=y*x*(1.0-c);matrix[0][2]=-y*s;matrix[1][0]=x*y*(1.0-c);matrix[1][1]=y*y*(1.0-c)+c;matrix[1][2]=x*s;matrix[2][0]=y*s;matrix[2][1]=-x*s;matrix[2][2]=c;return matrix;}
vec3 colormap(vec3 direction);void main(void){vfColor=colormap(normalize(ivInstanceDirection));mat3 instanceMatrix=matrixFromDirection(ivInstanceDirection);vfNormal=(uModelviewMatrix*vec4(instanceMatrix*ivNormal,0.0)).xyz;vfPosition=(uModelviewMatrix*vec4(instanceMatrix*ivPosition+ivInstanceOffset,1.0)).xyz;if(ivInstanceDirection.z>=uZRange.x&&ivInstanceDirection.z<=uZRange.y){gl_Position=uProjectionMatrix*vec4(vfPosition,1.0);}else{gl_Position=vec4(2.0,2.0,2.0,0.0);}}`+this._options.colormapImplementation,`#version 100
precision highp float;uniform vec3 uLightPosition;varying vec3 vfPosition;varying vec3 vfNormal;varying vec3 vfColor;void main(void){vec3 cameraLocation=vec3(0,0,0);vec3 normal=normalize(vfNormal);vec3 lightDirection=normalize(uLightPosition-vfPosition);vec3 reflectionDirection=normalize(reflect(lightDirection,normal));float specular=0.2*pow(max(0.0,-reflectionDirection.z),8.0);float diffuse=0.7*max(0.0,dot(normal,lightDirection));float ambient=0.2;gl_FragColor=vec4((ambient+diffuse)*vfColor+specular*vec3(1,1,1),1.0);}`,['ivPosition','ivNormal','ivInstanceOffset','ivInstanceDirection']);if(program==null)return;this._program=program;};WebGLSpins._ArrowRenderer.prototype._updateVertexData=function(){var gl=this._webglspins._gl;var levelOfDetail=this._options.levelOfDetail;var coneHeight=this._options.coneHeight;var coneRadius=this._options.coneRadius;var cylinderHeight=this._options.cylinderHeight;var cylinderRadius=this._options.cylinderRadius;if(levelOfDetail<3){levelOfDetail=3;}
if(coneHeight<0){coneHeight=0;}
if(coneRadius<0){coneRadius=0;}
if(cylinderHeight<0){cylinderHeight=0;}
if(cylinderRadius<0){cylinderRadius=0;}
var i;var baseNormal=[0,0,-1];var zOffset=(cylinderHeight-coneHeight)/2;var l=Math.sqrt(coneRadius*coneRadius+coneHeight*coneHeight);var f1=coneRadius/l;var f2=coneHeight/l;var alpha;var position;var vertexData=[];Array.prototype.push.apply(vertexData,[0,0,zOffset+coneHeight]);Array.prototype.push.apply(vertexData,[0,0,0]);for(i=0;i<levelOfDetail;i++){alpha=2*Math.PI*i/levelOfDetail;position=[coneRadius*Math.cos(alpha),coneRadius*Math.sin(alpha),zOffset];var normal=[f2*Math.cos(alpha),f2*Math.sin(alpha),f1];Array.prototype.push.apply(vertexData,position);Array.prototype.push.apply(vertexData,normal);}
for(i=0;i<levelOfDetail;i++){alpha=2*Math.PI*i/levelOfDetail;position=[coneRadius*Math.cos(alpha),coneRadius*Math.sin(alpha),zOffset];Array.prototype.push.apply(vertexData,position);Array.prototype.push.apply(vertexData,baseNormal);}
for(i=0;i<levelOfDetail;i++){alpha=2*Math.PI*i/levelOfDetail;position=[cylinderRadius*Math.cos(alpha),cylinderRadius*Math.sin(alpha),zOffset-cylinderHeight];Array.prototype.push.apply(vertexData,position);Array.prototype.push.apply(vertexData,baseNormal);}
for(i=0;i<levelOfDetail;i++){alpha=2*Math.PI*i/levelOfDetail;position=[cylinderRadius*Math.cos(alpha),cylinderRadius*Math.sin(alpha),zOffset-cylinderHeight];normal=[Math.cos(alpha),Math.sin(alpha),0];Array.prototype.push.apply(vertexData,position);Array.prototype.push.apply(vertexData,normal);}
for(i=0;i<levelOfDetail;i++){alpha=2*Math.PI*i/levelOfDetail;position=[cylinderRadius*Math.cos(alpha),cylinderRadius*Math.sin(alpha),zOffset];normal=[Math.cos(alpha),Math.sin(alpha),0];Array.prototype.push.apply(vertexData,position);Array.prototype.push.apply(vertexData,normal);}
var indices=[];var triangleIndices;for(i=0;i<levelOfDetail;i++){triangleIndices=[1+i,1+(i+1)%levelOfDetail,0];Array.prototype.push.apply(indices,triangleIndices);}
for(i=0;i<levelOfDetail;i++){triangleIndices=[levelOfDetail+1,levelOfDetail+1+(i+1)%levelOfDetail,levelOfDetail+1+i];Array.prototype.push.apply(indices,triangleIndices);}
for(i=0;i<levelOfDetail;i++){triangleIndices=[levelOfDetail*2+1,levelOfDetail*2+1+(i+1)%levelOfDetail,levelOfDetail*2+1+i];Array.prototype.push.apply(indices,triangleIndices);}
for(i=0;i<levelOfDetail;i++){triangleIndices=[levelOfDetail*3+1+i,levelOfDetail*3+1+(i+1)%levelOfDetail,levelOfDetail*4+1+i];Array.prototype.push.apply(indices,triangleIndices);triangleIndices=[levelOfDetail*4+1+i,levelOfDetail*3+1+(i+1)%levelOfDetail,levelOfDetail*4+1+(i+1)%levelOfDetail];Array.prototype.push.apply(indices,triangleIndices);}
gl.bindBuffer(gl.ARRAY_BUFFER,this._vbo);gl.bufferData(gl.ARRAY_BUFFER,new Float32Array(vertexData),gl.STATIC_DRAW);gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER,this._ibo);gl.bufferData(gl.ELEMENT_ARRAY_BUFFER,new Int16Array(indices),gl.STATIC_DRAW);this._numIndices=indices.length;};WebGLSpins._ArrowRenderer.prototype.cleanup=function(){var gl=this._webglspins._gl;gl.deleteBuffer(this._vbo);gl.deleteBuffer(this._ibo);gl.deleteBuffer(this._instancePositionVbo);gl.deleteBuffer(this._instanceDirectionVbo);gl.deleteProgram(this._program);gl.disableVertexAttribArray(0);gl.disableVertexAttribArray(1);gl.disableVertexAttribArray(2);gl.disableVertexAttribArray(3);this._boundingBoxRenderer.cleanup();};WebGLSpins._SurfaceRenderer=function(webglspins){this._webglspins=webglspins;this._options=webglspins._options;this._program=null;this._ibo=null;this._instancePositionVbo=0;this._instanceDirectionVbo=0;this._numIndices=0;this._boundingBoxRenderer=new WebGLSpins._BoundingBoxRenderer(webglspins);if(webglspins._gl_initialized){this.initGLContext();}
if(webglspins._instancePositionArray!=null&&webglspins._instanceDirectionArray!=null){this.updateSpins(webglspins._instancePositionArray,webglspins._instanceDirectionArray);}};WebGLSpins.renderers.SURFACE=WebGLSpins._SurfaceRenderer;WebGLSpins.defaultOptions.surfaceIndices=[];WebGLSpins._SurfaceRenderer.prototype.optionsHaveChanged=function(changedOptions){var arrayContainsAny=function(array,values){for(var i=0;i<values.length;i++){if(~array.indexOf(values[i])){return true;}}
return false;};if(arrayContainsAny(changedOptions,['surfaceIndices'])){this._updateSurfaceIndices();}
if(arrayContainsAny(changedOptions,['colormapImplementation'])){this._updateShaderProgram();}
this._boundingBoxRenderer.optionsHaveChanged(changedOptions);};WebGLSpins._SurfaceRenderer.prototype.updateSpins=function(instancePositionArray,instanceDirectionArray){var gl=this._webglspins._gl;this._numInstances=instancePositionArray.length/3;gl.bindBuffer(gl.ARRAY_BUFFER,this._instancePositionVbo);gl.bufferData(gl.ARRAY_BUFFER,instancePositionArray,gl.STREAM_DRAW);gl.bindBuffer(gl.ARRAY_BUFFER,this._instanceDirectionVbo);gl.bufferData(gl.ARRAY_BUFFER,instanceDirectionArray,gl.STREAM_DRAW);this._boundingBoxRenderer.updateSpins(instancePositionArray,instanceDirectionArray);};WebGLSpins._SurfaceRenderer.prototype.draw=function(width,height){var gl=this._webglspins._gl;if(this._numIndices<3){return;}
gl.bindBuffer(gl.ARRAY_BUFFER,this._instancePositionVbo);gl.vertexAttribPointer(0,3,gl.FLOAT,false,0,0);gl.enableVertexAttribArray(0);gl.bindBuffer(gl.ARRAY_BUFFER,this._instanceDirectionVbo);gl.vertexAttribPointer(1,3,gl.FLOAT,false,0,0);gl.enableVertexAttribArray(1);gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER,this._ibo);gl.useProgram(this._program);var projectionMatrix=WebGLSpins._perspectiveProjectionMatrix(this._options.verticalFieldOfView,width / height,0.1,10000);gl.uniformMatrix4fv(gl.getUniformLocation(this._program,"uProjectionMatrix"),false,WebGLSpins._toFloat32Array(projectionMatrix));var modelviewMatrix=WebGLSpins._lookAtMatrix(this._options.cameraLocation,this._options.centerLocation,this._options.upVector);gl.uniformMatrix4fv(gl.getUniformLocation(this._program,"uModelviewMatrix"),false,WebGLSpins._toFloat32Array(modelviewMatrix));gl.uniform2f(gl.getUniformLocation(this._program,"uZRange"),this._options.zRange[0],this._options.zRange[1]);gl.disable(gl.CULL_FACE);gl.drawElements(gl.TRIANGLES,this._numIndices,gl.UNSIGNED_INT,null);gl.enable(gl.CULL_FACE);this._boundingBoxRenderer.draw(width,height);};WebGLSpins._SurfaceRenderer.prototype.initGLContext=function(){var gl=this._webglspins._gl;var oes_element_index_uint_ext=gl.getExtension("OES_element_index_uint");if(!oes_element_index_uint_ext){console.error('WebGL does not support OES_element_index_uint required by WebGLSpins');return;}
this._ibo=gl.createBuffer();gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER,this._ibo);this._numIndices=0;this._instancePositionVbo=gl.createBuffer();gl.bindBuffer(gl.ARRAY_BUFFER,this._instancePositionVbo);gl.vertexAttribPointer(0,3,gl.FLOAT,false,0,0);gl.enableVertexAttribArray(0);this._instanceDirectionVbo=gl.createBuffer();gl.bindBuffer(gl.ARRAY_BUFFER,this._instanceDirectionVbo);gl.vertexAttribPointer(1,3,gl.FLOAT,false,0,0);gl.enableVertexAttribArray(1);this._updateShaderProgram();this._updateSurfaceIndices();this._boundingBoxRenderer.initGLContext();};WebGLSpins._SurfaceRenderer.prototype._updateShaderProgram=function(){var gl=this._webglspins._gl;if(this._program){gl.deleteProgram(this._program);}
var program=WebGLSpins._createProgram(gl,`#version 100
precision highp float;uniform mat4 uProjectionMatrix;uniform mat4 uModelviewMatrix;attribute vec3 ivPosition;attribute vec3 ivDirection;varying vec3 vfDirection;void main(void){vfDirection=normalize(ivDirection);gl_Position=uProjectionMatrix*(uModelviewMatrix*vec4(ivPosition,1.0));}`,`#version 100
precision highp float;uniform vec2 uZRange;varying vec3 vfDirection;vec3 colormap(vec3 direction);void main(void){if(vfDirection.z>=uZRange.x&&vfDirection.z<=uZRange.y){vec3 color=colormap(normalize(vfDirection));gl_FragColor=vec4(color,1.0);}else{discard;}}`+this._options.colormapImplementation,['ivPosition','ivDirection']);if(program==null)return;this._program=program;};WebGLSpins._SurfaceRenderer.prototype._updateSurfaceIndices=function(){var gl=this._webglspins._gl;var surfaceIndices=this._options.surfaceIndices;if(surfaceIndices.length<3){this._numIndices=0;return;}
gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER,this._ibo);gl.bufferData(gl.ELEMENT_ARRAY_BUFFER,new Int32Array(surfaceIndices),gl.STATIC_DRAW);this._numIndices=surfaceIndices.length;};WebGLSpins._SurfaceRenderer.prototype.cleanup=function(){var gl=this._webglspins._gl;gl.deleteBuffer(this._instancePositionVbo);gl.deleteBuffer(this._instanceDirectionVbo);gl.deleteBuffer(this._ibo);gl.deleteProgram(this._program);gl.disableVertexAttribArray(0);gl.disableVertexAttribArray(1);this._boundingBoxRenderer.cleanup();};WebGLSpins.generateCartesianSurfaceIndices=function(nx,ny){var surfaceIndices=[];for(var i=0;i<ny-1;i++){for(var j=0;j<nx-1;j++){var square_indices=[i*nx+j,i*nx+j+1,(i+1)*nx+j,(i+1)*nx+j,i*nx+j+1,(i+1)*nx+j+1];Array.prototype.push.apply(surfaceIndices,square_indices);}}
return surfaceIndices;};WebGLSpins._SphereRenderer=function(webglspins){this._webglspins=webglspins;this._options=webglspins._options;this._program=null;this._instanceDirectionVbo=null;this._numInstances=0;if(webglspins._gl_initialized){this.initGLContext();}
if(webglspins._instanceDirectionArray!=null){this.updateSpins(null,webglspins._instanceDirectionArray);}};WebGLSpins.renderers.SPHERE=WebGLSpins._SphereRenderer;WebGLSpins.defaultOptions.pointSizeRange=[1.0,1.0];WebGLSpins.defaultOptions.innerSphereRadius=0.95;WebGLSpins.defaultOptions.useSphereFakePerspective=false;WebGLSpins._SphereRenderer.prototype.optionsHaveChanged=function(changedOptions){var arrayContainsAny=function(array,values){for(var i=0;i<values.length;i++){if(~array.indexOf(values[i])){return true;}}
return false;};if(arrayContainsAny(changedOptions,['colormapImplementation'])){this._updateShaderProgram();}};WebGLSpins._SphereRenderer.prototype.updateSpins=function(instancePositionArray,instanceDirectionArray){var gl=this._webglspins._gl;this._numInstances=instanceDirectionArray.length/3;gl.bindBuffer(gl.ARRAY_BUFFER,this._instanceDirectionVbo);gl.bufferData(gl.ARRAY_BUFFER,instanceDirectionArray,gl.STREAM_DRAW);};WebGLSpins._SphereRenderer.prototype.draw=function(width,height){var gl=this._webglspins._gl;if(this._options.innerSphereRadius>0.0){if(this._options.innerSphereRadius>0.99){this._options.innerSphereRadius=0.99;}
gl.useProgram(this._program2);gl.bindBuffer(gl.ARRAY_BUFFER,this._fakeSphereVbo);gl.vertexAttribPointer(0,3,gl.FLOAT,false,0,0);gl.enableVertexAttribArray(0);gl.uniform1f(gl.getUniformLocation(this._program2,"uAspectRatio"),width / height);gl.uniform1f(gl.getUniformLocation(this._program2,"uInnerSphereRadius"),this._options.innerSphereRadius);gl.disable(gl.CULL_FACE);gl.depthMask(false);gl.drawArrays(gl.TRIANGLES,0,6);gl.depthMask(true);gl.enable(gl.CULL_FACE);}
if(this._numInstances<=0){return;}
gl.bindBuffer(gl.ARRAY_BUFFER,this._instanceDirectionVbo);gl.vertexAttribPointer(0,3,gl.FLOAT,false,0,0);gl.enableVertexAttribArray(0);gl.useProgram(this._program);var projectionMatrix=WebGLSpins._orthographicProjectionMatrix(-width / height,width / height,-1,1,2,0);gl.uniformMatrix4fv(gl.getUniformLocation(this._program,"uProjectionMatrix"),false,WebGLSpins._toFloat32Array(projectionMatrix));var modelviewMatrix=WebGLSpins._lookAtMatrix(WebGLSpins._normalize(WebGLSpins._difference(this._options.cameraLocation,this._options.centerLocation)),[0,0,0],this._options.upVector);gl.uniformMatrix4fv(gl.getUniformLocation(this._program,"uModelviewMatrix"),false,WebGLSpins._toFloat32Array(modelviewMatrix));gl.uniform2f(gl.getUniformLocation(this._program,"uZRange"),this._options.zRange[0],this._options.zRange[1]);gl.uniform2f(gl.getUniformLocation(this._program,"uPointSizeRange"),Math.floor(this._options.pointSizeRange[0]),Math.floor(this._options.pointSizeRange[1]));gl.uniform1f(gl.getUniformLocation(this._program,"uAspectRatio"),width / height);gl.uniform1f(gl.getUniformLocation(this._program,"uInnerSphereRadius"),this._options.innerSphereRadius);if(this._options.useSphereFakePerspective){gl.uniform1f(gl.getUniformLocation(this._program,"uUseFakePerspective"),1.0);}else{gl.uniform1f(gl.getUniformLocation(this._program,"uUseFakePerspective"),0.0);}
gl.disable(gl.CULL_FACE);gl.drawArrays(gl.POINTS,0,this._numInstances);gl.enable(gl.CULL_FACE);};WebGLSpins._SphereRenderer.prototype.initGLContext=function(){var gl=this._webglspins._gl;this._instanceDirectionVbo=gl.createBuffer();gl.bindBuffer(gl.ARRAY_BUFFER,this._instanceDirectionVbo);gl.vertexAttribPointer(0,3,gl.FLOAT,false,0,0);gl.enableVertexAttribArray(0);this._fakeSphereVbo=gl.createBuffer();gl.bindBuffer(gl.ARRAY_BUFFER,this._fakeSphereVbo);gl.vertexAttribPointer(0,3,gl.FLOAT,false,0,0);gl.bufferData(gl.ARRAY_BUFFER,new Float32Array([-1,-1,0,1,-1,0,-1,1,0,-1,1,0,1,-1,0,1,1,0]),gl.STATIC_DRAW);gl.enableVertexAttribArray(0);this._updateShaderProgram();};WebGLSpins._SphereRenderer.prototype._updateShaderProgram=function(){var gl=this._webglspins._gl;if(this._program){gl.deleteProgram(this._program);}
var program=WebGLSpins._createProgram(gl,`#version 100
precision highp float;uniform mat4 uProjectionMatrix;uniform mat4 uModelviewMatrix;uniform vec2 uPointSizeRange;uniform float uAspectRatio;uniform float uInnerSphereRadius;uniform float uUseFakePerspective;attribute vec3 ivDirection;varying vec3 vfDirection;void main(void){vfDirection=normalize(ivDirection);gl_Position=uProjectionMatrix*uModelviewMatrix*vec4(vfDirection*0.99,1.0);vec2 clipPosition=vec2(gl_Position.x*uAspectRatio,gl_Position.y);float clipRadius=length(clipPosition);float rotatedDirectionZ=dot(vec3(uModelviewMatrix[0][2],uModelviewMatrix[1][2],uModelviewMatrix[2][2]),vfDirection);if((clipRadius<=uInnerSphereRadius)&&(rotatedDirectionZ<0.0)){gl_Position=vec4(2.0,2.0,2.0,1.0);}
gl_PointSize=uPointSizeRange.x+(uPointSizeRange.y-uPointSizeRange.x)*sqrt(max(0.0,1.0-clipRadius*clipRadius))*(5.0-uUseFakePerspective*gl_Position.z)/ 5.0;}`,`#version 100
precision highp float;uniform vec2 uZRange;varying vec3 vfDirection;vec3 colormap(vec3 direction);void main(void){if(vfDirection.z>=uZRange.x&&vfDirection.z<=uZRange.y){vec3 color=colormap(normalize(vfDirection));gl_FragColor=vec4(color,1.0);}else{discard;}}`+this._options.colormapImplementation,['ivDirection']);if(program==null)return;var program2=WebGLSpins._createProgram(gl,`#version 100
precision highp float;uniform float uAspectRatio;uniform float uInnerSphereRadius;attribute vec3 ivPosition;varying vec3 vfPosition;void main(void){vfPosition=ivPosition;gl_Position=vec4(vfPosition.xy*vec2(uInnerSphereRadius/uAspectRatio,uInnerSphereRadius),0.0,1.0);}`,`#version 100
precision highp float;varying vec3 vfPosition;void main(void){float l=length(vfPosition);if(l>1.0){discard;}else{vec3 color=0.2+0.4*sqrt(1.0-l*l)*vec3(1.0,1.0,1.0);gl_FragColor=vec4(color,1.0);}}`,['ivPosition']);if(program2==null)return;this._program=program;this._program2=program2;};WebGLSpins._SphereRenderer.prototype.cleanup=function(){var gl=this._webglspins._gl;gl.deleteBuffer(this._instanceDirectionVbo);gl.deleteBuffer(this._fakeSphereVbo);gl.deleteProgram(this._program);gl.deleteProgram(this._program2);gl.disableVertexAttribArray(0);};WebGLSpins._CoordinateSystemRenderer=function(webglspins){this._webglspins=webglspins;this._options=webglspins._options;this._program=null;this._lineVbo=null;if(webglspins._gl_initialized){this.initGLContext();}};WebGLSpins.renderers.COORDINATESYSTEM=WebGLSpins._CoordinateSystemRenderer;WebGLSpins._CoordinateSystemRenderer.prototype.optionsHaveChanged=function(changedOptions){var arrayContainsAny=function(array,values){for(var i=0;i<values.length;i++){if(~array.indexOf(values[i])){return true;}}
return false;};if(arrayContainsAny(changedOptions,['colormapImplementation'])){this._updateShaderProgram();}};WebGLSpins._CoordinateSystemRenderer.prototype.updateSpins=function(instancePositionArray,instanceDirectionArray){};WebGLSpins._CoordinateSystemRenderer.prototype.draw=function(width,height){var gl=this._webglspins._gl;gl.bindBuffer(gl.ARRAY_BUFFER,this._lineVbo);gl.vertexAttribPointer(0,3,gl.FLOAT,false,0,0);gl.enableVertexAttribArray(0);gl.useProgram(this._program);var projectionMatrix=WebGLSpins._perspectiveProjectionMatrix(this._options.verticalFieldOfView,width / height,0.1,10000);gl.uniformMatrix4fv(gl.getUniformLocation(this._program,"uProjectionMatrix"),false,WebGLSpins._toFloat32Array(projectionMatrix));var modelviewMatrix=WebGLSpins._lookAtMatrix(WebGLSpins._normalize(WebGLSpins._difference(this._options.cameraLocation,this._options.centerLocation)),[0,0,0],this._options.upVector);gl.uniformMatrix4fv(gl.getUniformLocation(this._program,"uModelviewMatrix"),false,WebGLSpins._toFloat32Array(modelviewMatrix));gl.uniform1f(gl.getUniformLocation(this._program,"uSinHalfVFoV"),Math.sin(this._options.verticalFieldOfView*0.5*Math.PI/180));gl.disable(gl.CULL_FACE);gl.drawArrays(gl.LINES,0,6);gl.enable(gl.CULL_FACE);};WebGLSpins._CoordinateSystemRenderer.prototype.initGLContext=function(){var gl=this._webglspins._gl;this._lineVbo=gl.createBuffer();gl.bindBuffer(gl.ARRAY_BUFFER,this._lineVbo);gl.bufferData(gl.ARRAY_BUFFER,new Float32Array([0,0,0,1,0,0,0,0,0,0,1,0,0,0,0,0,0,1]),gl.STATIC_DRAW);gl.vertexAttribPointer(0,3,gl.FLOAT,false,0,0);gl.enableVertexAttribArray(0);this._updateShaderProgram();};WebGLSpins._CoordinateSystemRenderer.prototype._updateShaderProgram=function(){var gl=this._webglspins._gl;if(this._program){gl.deleteProgram(this._program);}
var program=WebGLSpins._createProgram(gl,`#version 100
precision highp float;uniform mat4 uProjectionMatrix;uniform mat4 uModelviewMatrix;uniform float uSinHalfVFoV;attribute vec3 ivDirection;varying vec3 vfDirection;void main(void){vfDirection=ivDirection;gl_Position=uProjectionMatrix*(uModelviewMatrix*vec4(ivDirection*uSinHalfVFoV*0.99,1.0));}`,`#version 100
precision highp float;uniform vec2 uZRange;varying vec3 vfDirection;vec3 colormap(vec3 direction);void main(void){vec3 color=colormap(normalize(vfDirection));gl_FragColor=vec4(color,1.0);}`+this._options.colormapImplementation,['ivDirection']);if(program==null)return;this._program=program;};WebGLSpins._CoordinateSystemRenderer.prototype.cleanup=function(){var gl=this._webglspins._gl;gl.deleteBuffer(this._lineVbo);gl.deleteProgram(this._program);gl.disableVertexAttribArray(0);};WebGLSpins._BoundingBoxRenderer=function(webglspins){this._webglspins=webglspins;this._options=webglspins._options;this._program=null;this._lineVbo=null;this._gl_initialized=false;if(webglspins._gl_initialized){this.initGLContext();}};WebGLSpins._BoundingBoxRenderer.prototype.optionsHaveChanged=function(changedOptions){};WebGLSpins._BoundingBoxRenderer.prototype.updateSpins=function(instancePositionArray,instanceDirectionArray){};WebGLSpins._BoundingBoxRenderer.prototype.draw=function(width,height){var gl=this._webglspins._gl;if(this._options.boundingBox==null){return;}
var xmin=this._options.boundingBox[0];var ymin=this._options.boundingBox[1];var zmin=this._options.boundingBox[2];var xmax=this._options.boundingBox[3];var ymax=this._options.boundingBox[4];var zmax=this._options.boundingBox[5];var red=this._options.boundingBoxColor[0];var green=this._options.boundingBoxColor[1];var blue=this._options.boundingBoxColor[2];gl.bindBuffer(gl.ARRAY_BUFFER,this._lineVbo);gl.vertexAttribPointer(0,3,gl.FLOAT,false,0,0);gl.enableVertexAttribArray(0);gl.useProgram(this._program);var projectionMatrix=WebGLSpins._perspectiveProjectionMatrix(this._options.verticalFieldOfView,width / height,0.1,10000);gl.uniformMatrix4fv(gl.getUniformLocation(this._program,"uProjectionMatrix"),false,WebGLSpins._toFloat32Array(projectionMatrix));var modelviewMatrix=WebGLSpins._lookAtMatrix(this._options.cameraLocation,this._options.centerLocation,this._options.upVector);gl.uniformMatrix4fv(gl.getUniformLocation(this._program,"uModelviewMatrix"),false,WebGLSpins._toFloat32Array(modelviewMatrix));gl.uniform3f(gl.getUniformLocation(this._program,"uBoundingBoxMin"),xmin,ymin,zmin);gl.uniform3f(gl.getUniformLocation(this._program,"uBoundingBoxMax"),xmax,ymax,zmax);gl.uniform3f(gl.getUniformLocation(this._program,"uBoundingBoxColor"),red,green,blue);gl.disable(gl.CULL_FACE);gl.drawArrays(gl.LINES,0,24);gl.enable(gl.CULL_FACE);};WebGLSpins._BoundingBoxRenderer.prototype.initGLContext=function(){if(this._gl_initialized)return;this._gl_initialized=true;var gl=this._webglspins._gl;this._lineVbo=gl.createBuffer();gl.bindBuffer(gl.ARRAY_BUFFER,this._lineVbo);gl.bufferData(gl.ARRAY_BUFFER,new Float32Array([0,0,0,1,0,0,1,0,0,1,1,0,1,1,0,0,1,0,0,1,0,0,0,0,0,0,1,1,0,1,1,0,1,1,1,1,1,1,1,0,1,1,0,1,1,0,0,1,0,0,0,0,0,1,1,0,0,1,0,1,1,1,0,1,1,1,0,1,0,0,1,1]),gl.STATIC_DRAW);gl.vertexAttribPointer(0,3,gl.FLOAT,false,0,0);gl.enableVertexAttribArray(0);this._updateShaderProgram();};WebGLSpins._BoundingBoxRenderer.prototype._updateShaderProgram=function(){var gl=this._webglspins._gl;if(this._program){gl.deleteProgram(this._program);}
var program=WebGLSpins._createProgram(gl,`#version 100
precision highp float;uniform mat4 uProjectionMatrix;uniform mat4 uModelviewMatrix;uniform vec3 uBoundingBoxMin;uniform vec3 uBoundingBoxMax;attribute vec3 ivPosition;void main(void){gl_Position=uProjectionMatrix*uModelviewMatrix*vec4(ivPosition*(uBoundingBoxMax-uBoundingBoxMin)+uBoundingBoxMin,1.0);}`,`#version 100
precision highp float;uniform vec3 uBoundingBoxColor;void main(void){gl_FragColor=vec4(uBoundingBoxColor,1.0);}`,['ivPosition']);if(program==null)return;this._program=program;};WebGLSpins._BoundingBoxRenderer.prototype.cleanup=function(){var gl=this._webglspins._gl;gl.deleteBuffer(this._lineVbo);gl.deleteProgram(this._program);gl.disableVertexAttribArray(0);};