diff --git a/CHANGELOG.md b/CHANGELOG.md
index 49bfa495..fdfe9280 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,15 @@
+# [22.1.0](https://github.com/seleb/bitsy-hacks/compare/v22.0.0...v22.1.0) (2024-05-30)
+
+
+### Bug Fixes
+
+* **save:** shuffle dialog not working as expected ([90ecd4d](https://github.com/seleb/bitsy-hacks/commit/90ecd4d4e88e6dbd6097b967254cc90967342b9a))
+
+
+### Features
+
+* update to bitsy v8.12 ([a84c283](https://github.com/seleb/bitsy-hacks/commit/a84c283ca7952628db3455194bcfe08d0c13928d))
+
 # [22.0.0](https://github.com/seleb/bitsy-hacks/compare/v21.5.0...v22.0.0) (2023-12-19)
 
 
diff --git a/README.md b/README.md
index 7158b2cb..73110975 100644
--- a/README.md
+++ b/README.md
@@ -6,7 +6,7 @@ npm i @bitsy/hecks
 
 A collection of re-usable scripts for [Adam Le Doux](https://twitter.com/adamledoux)'s [Bitsy Game Maker](https://ledoux.itch.io/bitsy). See [Ayolland's Borksy](https://ayolland.itch.io/borksy) for a GUI that allows you to use these hacks with less copy-pasting.
 
-Last tested against Bitsy 8.8
+Last tested against Bitsy 8.12
 
 - [Contents](#contents)
 - [How to use](#how-to-use)
diff --git a/dist/avatar-by-room.js b/dist/avatar-by-room.js
index 24935c55..f6df3b0c 100644
--- a/dist/avatar-by-room.js
+++ b/dist/avatar-by-room.js
@@ -4,8 +4,8 @@
 @summary change the avatar in certain rooms
 @license MIT
 @author Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 
 @description
@@ -173,8 +173,8 @@ function applyHook(root, functionName) {
 @summary Monkey-patching toolkit to make it easier and cleaner to run code before and after functions or to inject new code into script tags
 @license WTFPL (do WTF you want)
 @author Original by mildmojo; modified by Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 */
 var kitsy = (window.kitsy = window.kitsy || {
@@ -236,8 +236,8 @@ var after = kitsy.after;
 @file utils
 @summary miscellaneous bitsy utilities
 @author Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 */
 
@@ -256,7 +256,7 @@ function getImage(name, map) {
 		? name
 		: Object.keys(map).find(function (e) {
 				return map[e].name === name;
-		  });
+			});
 	return map[id];
 }
 
diff --git a/dist/backdrops.js b/dist/backdrops.js
index 7fdcb0db..6c37c853 100644
--- a/dist/backdrops.js
+++ b/dist/backdrops.js
@@ -4,8 +4,8 @@
 @summary makes the game have a backdrop
 @license MIT
 @author Cephalopodunk & Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 
 @description
@@ -177,8 +177,8 @@ function applyHook(root, functionName) {
 @summary Monkey-patching toolkit to make it easier and cleaner to run code before and after functions or to inject new code into script tags
 @license WTFPL (do WTF you want)
 @author Original by mildmojo; modified by Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 */
 var kitsy = (window.kitsy = window.kitsy || {
@@ -242,8 +242,8 @@ var after = kitsy.after;
 @summary makes all sprites have transparent backgrounds (deprecated)
 @license MIT
 @author Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 
 @description
@@ -288,8 +288,8 @@ before('renderer.SetDrawings', function () {
 @summary makes the game have a transparent background
 @license MIT
 @author Cephalopodunk & Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 
 @description
diff --git a/dist/basic-sfx.js b/dist/basic-sfx.js
index f0cea849..087d4cdb 100644
--- a/dist/basic-sfx.js
+++ b/dist/basic-sfx.js
@@ -4,8 +4,8 @@
 @summary "walk" and "talk" sound effect support
 @license MIT
 @author Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 
 @description
@@ -168,8 +168,8 @@ function applyHook(root, functionName) {
 @summary Monkey-patching toolkit to make it easier and cleaner to run code before and after functions or to inject new code into script tags
 @license WTFPL (do WTF you want)
 @author Original by mildmojo; modified by Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 */
 var kitsy = (window.kitsy = window.kitsy || {
@@ -231,8 +231,8 @@ var after = kitsy.after;
 @file utils
 @summary miscellaneous bitsy utilities
 @author Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 */
 
diff --git a/dist/bitsymuse.js b/dist/bitsymuse.js
index 15389695..0cd11ed8 100644
--- a/dist/bitsymuse.js
+++ b/dist/bitsymuse.js
@@ -4,8 +4,8 @@
 @summary A variety of Bitsy sound and music handlers
 @license MIT
 @author David Mowatt
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 
 @description
@@ -202,8 +202,8 @@ function applyHook(root, functionName) {
 @summary Monkey-patching toolkit to make it easier and cleaner to run code before and after functions or to inject new code into script tags
 @license WTFPL (do WTF you want)
 @author Original by mildmojo; modified by Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 */
 var kitsy = (window.kitsy = window.kitsy || {
@@ -363,8 +363,8 @@ function addDualDialogTag(tag, fn) {
 @file utils
 @summary miscellaneous bitsy utilities
 @author Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 */
 
diff --git a/dist/canvas-replacement.js b/dist/canvas-replacement.js
index c25a3747..281a470f 100644
--- a/dist/canvas-replacement.js
+++ b/dist/canvas-replacement.js
@@ -4,8 +4,8 @@
 @summary WebGLazy bitsy integration (this one's mostly just for me)
 @license MIT
 @author Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 
 @description
@@ -62,7 +62,7 @@ var hackOptions = {
 	},
 };
 
-function t(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function e(t,e){for(var i=0;i<e.length;i++){var s=e[i];s.enumerable=s.enumerable||!1,s.configurable=!0,"value"in s&&(s.writable=!0),Object.defineProperty(t,s.key,s);}}function i(t,i,s){return i&&e(t.prototype,i),s&&e(t,s),t}function s(t){if(!s.context&&(s.context=t.getContext("webgl")||t.getContext("experimental-webgl"),!s.context))throw "No WebGL support";return s.context}var n=function(){function e(i,n){t(this,e),this.gl=new s,this.vertSource=i,this.fragSource=n,this.program=this.gl.createProgram();try{this.vertShader=this.compileShader(this.vertSource,this.gl.VERTEX_SHADER),this.fragShader=this.compileShader(this.fragSource,this.gl.FRAGMENT_SHADER);}catch(t){throw this.gl.deleteProgram(this.program),delete this.program,console.error("Couldn't create shader: ",t),t}this.gl.attachShader(this.program,this.vertShader),this.gl.deleteShader(this.vertShader),delete this.vertShader,this.gl.attachShader(this.program,this.fragShader),this.gl.deleteShader(this.fragShader),delete this.fragShader,this.gl.linkProgram(this.program);}return i(e,[{key:"compileShader",value:function(t,e){try{var i=this.gl.createShader(e);if(this.gl.shaderSource(i,t),this.gl.compileShader(i),!this.gl.getShaderParameter(i,this.gl.COMPILE_STATUS))throw this.gl.getShaderInfoLog(i);return i}catch(i){throw console.error("Couldn't compile shader (".concat(e,"): "),t,i),i}}},{key:"useProgram",value:function(){this.gl.useProgram(this.program);}}]),e}(),o=function(){function e(i,n,o){t(this,e),this.gl=new s,this.source=i,this.texture=this.gl.createTexture(),this.bind(n),this.gl.texImage2D(this.gl.TEXTURE_2D,0,this.gl.RGBA,this.gl.RGBA,this.gl.UNSIGNED_BYTE,this.source),this.gl.pixelStorei(this.gl.UNPACK_FLIP_Y_WEBGL,!0),this.gl.texParameteri(this.gl.TEXTURE_2D,this.gl.TEXTURE_MAG_FILTER,o?this.gl.NEAREST:this.gl.LINEAR),this.gl.texParameteri(this.gl.TEXTURE_2D,this.gl.TEXTURE_MIN_FILTER,o?this.gl.NEAREST:this.gl.LINEAR),this.gl.texParameteri(this.gl.TEXTURE_2D,this.gl.TEXTURE_WRAP_S,this.gl.CLAMP_TO_EDGE),this.gl.texParameteri(this.gl.TEXTURE_2D,this.gl.TEXTURE_WRAP_T,this.gl.CLAMP_TO_EDGE),this.gl.bindTexture(this.gl.TEXTURE_2D,null);}return i(e,[{key:"update",value:function(){this.bind(),this.gl.pixelStorei(this.gl.UNPACK_FLIP_Y_WEBGL,!0),this.gl.texImage2D(this.gl.TEXTURE_2D,0,this.gl.RGBA,this.gl.RGBA,this.gl.UNSIGNED_BYTE,this.source),this.gl.bindTexture(this.gl.TEXTURE_2D,null);}},{key:"bind",value:function(t){var e=t||this.lastBoundId||0;this.gl.activeTexture(this.gl.TEXTURE0+e),this.gl.bindTexture(this.gl.TEXTURE_2D,this.texture),this.lastBoundId=e;}}]),e}(),r="// default vertex shader\nattribute vec4 position;\nvoid main() {\n\tgl_Position = position;\n}",a="// default fragment shader\nprecision mediump float;\nuniform sampler2D tex0;\nuniform sampler2D tex1;\nuniform vec2 resolution;\n\nvoid main() {\n\tvec2 coord = gl_FragCoord.xy;\n\tvec2 uv = coord.xy / resolution.xy;\n\tgl_FragColor = texture2D(tex0, uv);\n}",h=function(){function e(i){var s=this,n=i.source,o=i.sources,h=void 0===o?["canvas","video","img"]:o,c=i.hideSource,l=void 0===c||c,u=i.background,d=void 0===u?"black":u,g=i.scaleMultiplier,m=void 0===g?1:g,v=i.scaleMode,f=void 0===v?e.SCALE_MODES.FIT:v,p=i.allowDownscaling,E=void 0!==p&&p,T=i.timestep,b=void 0===T?1/60*1e3:T,x=i.disableFeedbackTexture,y=void 0!==x&&x,w=i.disableMouseEvents,S=void 0!==w&&w,A=i.pixelate,L=void 0===A||A,_=i.autoInit,R=void 0===_||_,F=i.vertex,M=void 0===F?r:F,C=i.fragment,k=void 0===C?a:C;t(this,e),this.main=function(t){s.lastTime=s.curTime,s.curTime=(t||s.now())-s.startTime,s.deltaTime=s.curTime-s.lastTime,s.accumulator+=s.deltaTime,s.accumulator>s.timestep&&(s.render(),s.accumulator-=s.timestep),s.requestAnimationFrame(s.main);},this.sources=h,this.source=n||this.getSource(),this.hideSource=l,this.background=d,this.scaleMultiplier=m,this._scale=m,this.scaleMode=f,this.allowDownscaling=E,this.timestep=b,this.disableFeedbackTexture=!!y,this.disableMouseEvents=!!S,this.pixelate=L,this.vertex=M,this.fragment=k,R&&this.init();}return i(e,[{key:"getSource",value:function(){var t,e=[];for(t=0;t<this.sources.length;++t)e.push(Array.prototype.slice.call(document.getElementsByTagName(this.sources[t])));if(0===(e=Array.prototype.concat.apply([],e)).length)throw "Couldn't find an element from "+this.sources+" to use as a source";return e[0]}},{key:"insertStylesheet",value:function(){this.style=document.createElement("style"),document.head.appendChild(this.style),this.style.innerHTML="\nhtml,body,div#canvasContainer{\n\tpadding:0;\n\tmargin:0;\n\n\twidth:100%;\n\theight:100%;\n\n\ttop:0;\n\tleft:0;\n\tright:0;\n\tbottom:0;\n\n\tbackground: ".concat(this.background,";\n\tcolor:#FFFFFF;\n\n\toverflow:hidden;\n\n\t").concat(this.hideSource?"visibility: hidden!important;":"","\n}\n\ncanvas#outputCanvas{\n").concat(this.pixelate?"\n\timage-rendering: optimizeSpeed;\n\timage-rendering: -webkit-crisp-edges;\n\timage-rendering: -moz-crisp-edges;\n\timage-rendering: -o-crisp-edges; \n\timage-rendering: crisp-edges;\n\timage-rendering: -webkit-optimize-contrast;\n\timage-rendering: optimize-contrast;\n\timage-rendering: pixelated;\n\t-ms-interpolation-mode: nearest-neighbor;\n":"","\n\n\tposition:absolute;\n\tmargin:auto;\n\ttop:0;\n\tleft:-1000%;\n\tright:-1000%;\n\tbottom:0;\n\n\t\t\t").concat(this.hideSource?" visibility: visible!important;":"","\n\t\t\t").concat(this.scaleMode===this.constructor.SCALE_MODES.MULTIPLES?"\n\ttransition:\n\t\twidth  0.2s cubic-bezier(0.22, 1.84, 0.88, 0.77),\n\t\theight 0.2s cubic-bezier(0.22, 1.84, 0.88, 0.77);":"","\n};");}},{key:"init",value:function(){this.size={x:this.source.width||this.source.style.width,y:this.source.height||this.source.style.height},this.size.x*=this.scaleMultiplier||1,this.size.y*=this.scaleMultiplier||1,this.ratio=this.size.x/this.size.y,this.insertStylesheet(),this.canvasContainer=document.createElement("div"),this.canvasContainer.id="canvasContainer",this.allowDownscaling||(this.canvasContainer.style.minWidth=this.size.x+"px",this.canvasContainer.style.minHeight=this.size.y+"px"),this.canvas=document.createElement("canvas"),this.canvas.id="outputCanvas",this.canvas.width=this.size.x,this.canvas.height=this.size.y,this.canvas.style.width=this.canvas.style.height=0,this.canvasContainer.appendChild(this.canvas),document.body.appendChild(this.canvasContainer);try{this.gl=new s(this.canvas),this.render=this.renderGL;}catch(t){console.warn("Falling back to canvas rendering: ",t),this.render=this.renderCanvas,this.canvas2d=this.canvas.getContext("2d");}this.gl&&(this.vertices=new Float32Array([-1,-1,1,-1,-1,1,1,-1,1,1,-1,1]),this.vertexBuffer=this.gl.createBuffer(),this.gl.bindBuffer(this.gl.ARRAY_BUFFER,this.vertexBuffer),this.gl.bufferData(this.gl.ARRAY_BUFFER,this.vertices,this.gl.STATIC_DRAW),this.textureSource=new o(this.source,0,this.pixelate),this.disableFeedbackTexture||(this.textureFeedback=new o(this.canvas,1,this.pixelate)),this.setShader(this.vertex,this.fragment),this.gl.viewport(0,0,this.size.x,this.size.y),this.gl.clearColor(0,0,0,1)),window.onresize=this.onResize.bind(this),window.onresize(),this.disableMouseEvents||(this.canvas.onmousedown=this.onMouseEvent.bind(this),this.canvas.onmouseup=this.onMouseEvent.bind(this),this.canvas.onmousemove=this.onMouseEvent.bind(this),this.canvas.onmouseenter=this.onMouseEvent.bind(this),this.canvas.onmouseexit=this.onMouseEvent.bind(this),this.canvas.onmouseover=this.onMouseEvent.bind(this),this.canvas.onmouseout=this.onMouseEvent.bind(this),this.canvas.onmouseleave=this.onMouseEvent.bind(this),this.canvas.onclick=this.onMouseEvent.bind(this),this.canvas.ondblclick=this.onMouseEvent.bind(this),this.canvas.oncontextmenu=this.onMouseEvent.bind(this),this.canvas.ontouchstart=this.onTouchEvent.bind(this),this.canvas.ontouchend=this.onTouchEvent.bind(this),this.canvas.ontouchmove=this.onTouchEvent.bind(this),this.canvas.touchcancel=this.onTouchEvent.bind(this)),this.accumulator=0,"performance"in window?this.now=function(){return window.performance.now()}:this.now=function(){return window.Date.now()},"requestPostAnimationFrame"in window?this.requestAnimationFrame=function(t){window.requestPostAnimationFrame(t);}:"requestAnimationFrame"in window?this.requestAnimationFrame=function(t){window.requestAnimationFrame(t);}:this.requestAnimationFrame=function(t){setTimeout(t,-1);},this.startTime=this.now(),this.curTime=this.lastTime=0,this.main(this.curTime);}},{key:"setShader",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:r,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:a;this.program&&this.gl.deleteProgram(this.program),this.shader=new n(t,e),this.shader.useProgram(),this.glLocations={position:this.gl.getAttribLocation(this.shader.program,"position"),tex0:this.gl.getUniformLocation(this.shader.program,"tex0"),tex1:this.gl.getUniformLocation(this.shader.program,"tex1"),time:this.gl.getUniformLocation(this.shader.program,"time"),resolution:this.gl.getUniformLocation(this.shader.program,"resolution")},this.gl.uniform1i(this.glLocations.tex0,0),this.gl.uniform1i(this.glLocations.tex1,1),this.gl.uniform2f(this.glLocations.resolution,this.size.x,this.size.y),this.gl.enableVertexAttribArray(this.glLocations.position),this.gl.vertexAttribPointer(this.glLocations.position,2,this.gl.FLOAT,!1,0,0);}},{key:"renderCanvas",value:function(){this.canvas2d.clearRect(0,0,this.size.x,this.size.y),this.canvas2d.drawImage(this.source,0,0);}},{key:"renderGL",value:function(){this.textureSource.update(),this.gl.uniform1f(this.glLocations.time,this.curTime),this.gl.clear(this.gl.COLOR_BUFFER_BIT|this.gl.DEPTH_BUFFER_BIT),this.shader.useProgram(),this.textureSource.bind(),this.disableFeedbackTexture||this.textureFeedback.bind(),this.gl.drawArrays(this.gl.TRIANGLES,0,this.vertices.length/2),this.disableFeedbackTexture||this.textureFeedback.update();}},{key:"onResize",value:function(){var t,e,i=this.canvasContainer.offsetWidth,s=this.canvasContainer.offsetHeight,n=i/s,o=this.constructor.SCALE_MODES,r=1;switch(n<this.ratio?s=Math.round(i/this.ratio):i=Math.round(s*this.ratio),this.scaleMode){case o.MULTIPLES:for(r=1,t=this.size.x,e=this.size.y;t+this.size.x<=i||e+this.size.y<=s;)t+=this.size.x,e+=this.size.y,r+=1;break;case o.FIT:t=i,e=s,r=i/this.size.x;break;case o.COVER:i=this.canvasContainer.offsetWidth,s=this.canvasContainer.offsetHeight,n<this.ratio?i=Math.round(s*this.ratio):s=Math.round(i/this.ratio),t=i,e=s,r=i/this.size.x;break;case o.NONE:r=1,t=this.size.x,e=this.size.y;}this._scale=this.scaleMultiplier*r,this.canvas.style.width=t+"px",this.canvas.style.height=e+"px";}},{key:"onMouseEvent",value:function(t){var e=this.canvas,i=this.source,s=e.offsetLeft+e.scrollLeft,n=e.offsetTop+e.scrollTop,o=i.offsetLeft+i.scrollLeft,r=i.offsetTop+i.scrollTop,a=1/this._scale,h=new MouseEvent(t.type,{screenX:(t.screenX-s)*a+o,screenY:(t.screenY-n)*a+r,clientX:(t.clientX-s)*a+o,clientY:(t.clientY-n)*a+r,altKey:t.altKey,shiftKey:t.shiftKey,metaKey:t.metaKey,button:t.button,buttons:t.buttons,relatedTarget:t.relatedTarget,region:t.region});i.dispatchEvent(h);}},{key:"onTouchEvent",value:function(t){var e=this.canvas,i=this.source,s=e.offsetLeft+e.scrollLeft,n=e.offsetTop+e.scrollTop,o=i.offsetLeft+i.scrollLeft,r=i.offsetTop+i.scrollTop,a=1/this._scale,h=function(t){return new Touch({identifier:t.identifier,force:t.force,rotationAngle:t.rotationAngle,target:t.target,radiusX:t.radiusX,radiusY:t.radiusY,pageX:(t.pageX-s)*a+o,pageY:(t.pageY-s)*a+o,screenX:(t.screenX-s)*a+o,screenY:(t.screenY-n)*a+r,clientX:(t.clientX-s)*a+o,clientY:(t.clientY-n)*a+r})},c=Array.from(t.touches).map(h),l=Array.from(t.targetTouches).map(h),u=Array.from(t.changedTouches).map(h),d=new t.constructor(t.type,{touches:c,targetTouches:l,changedTouches:u,ctrlKey:t.ctrlKey,shiftKey:t.shiftKey,altKey:t.altKey,metaKey:t.metaKey});i.dispatchEvent(d);}}]),e}();h.SCALE_MODES=Object.freeze({FIT:"FIT",COVER:"COVER",MULTIPLES:"MULTIPLES",NONE:"NONE"});
+function t(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function e(t,e){for(var i=0;i<e.length;i++){var s=e[i];s.enumerable=s.enumerable||!1,s.configurable=!0,"value"in s&&(s.writable=!0),Object.defineProperty(t,s.key,s);}}function i(t,i,s){return i&&e(t.prototype,i),t}function s(t){if(!s.context&&(s.context=t.getContext("webgl")||t.getContext("experimental-webgl"),!s.context))throw "No WebGL support";return s.context}var n=function(){function e(i,n){t(this,e),this.gl=new s,this.vertSource=i,this.fragSource=n,this.program=this.gl.createProgram();try{this.vertShader=this.compileShader(this.vertSource,this.gl.VERTEX_SHADER),this.fragShader=this.compileShader(this.fragSource,this.gl.FRAGMENT_SHADER);}catch(t){throw this.gl.deleteProgram(this.program),delete this.program,console.error("Couldn't create shader: ",t),t}this.gl.attachShader(this.program,this.vertShader),this.gl.deleteShader(this.vertShader),delete this.vertShader,this.gl.attachShader(this.program,this.fragShader),this.gl.deleteShader(this.fragShader),delete this.fragShader,this.gl.linkProgram(this.program);}return i(e,[{key:"compileShader",value:function(t,e){try{var i=this.gl.createShader(e);if(this.gl.shaderSource(i,t),this.gl.compileShader(i),!this.gl.getShaderParameter(i,this.gl.COMPILE_STATUS))throw this.gl.getShaderInfoLog(i);return i}catch(i){throw console.error("Couldn't compile shader (".concat(e,"): "),t,i),i}}},{key:"useProgram",value:function(){this.gl.useProgram(this.program);}}]),e}(),o=function(){function e(i,n,o){t(this,e),this.gl=new s,this.source=i,this.texture=this.gl.createTexture(),this.bind(n),this.gl.texImage2D(this.gl.TEXTURE_2D,0,this.gl.RGBA,this.gl.RGBA,this.gl.UNSIGNED_BYTE,this.source),this.gl.pixelStorei(this.gl.UNPACK_FLIP_Y_WEBGL,!0),this.gl.texParameteri(this.gl.TEXTURE_2D,this.gl.TEXTURE_MAG_FILTER,o?this.gl.NEAREST:this.gl.LINEAR),this.gl.texParameteri(this.gl.TEXTURE_2D,this.gl.TEXTURE_MIN_FILTER,o?this.gl.NEAREST:this.gl.LINEAR),this.gl.texParameteri(this.gl.TEXTURE_2D,this.gl.TEXTURE_WRAP_S,this.gl.CLAMP_TO_EDGE),this.gl.texParameteri(this.gl.TEXTURE_2D,this.gl.TEXTURE_WRAP_T,this.gl.CLAMP_TO_EDGE),this.gl.bindTexture(this.gl.TEXTURE_2D,null);}return i(e,[{key:"update",value:function(){this.bind(),this.gl.pixelStorei(this.gl.UNPACK_FLIP_Y_WEBGL,!0),this.gl.texImage2D(this.gl.TEXTURE_2D,0,this.gl.RGBA,this.gl.RGBA,this.gl.UNSIGNED_BYTE,this.source),this.gl.bindTexture(this.gl.TEXTURE_2D,null);}},{key:"bind",value:function(t){var e=t||this.lastBoundId||0;this.gl.activeTexture(this.gl.TEXTURE0+e),this.gl.bindTexture(this.gl.TEXTURE_2D,this.texture),this.lastBoundId=e;}}]),e}(),r="// default vertex shader\nattribute vec4 position;\nvoid main() {\n\tgl_Position = position;\n}",a="// default fragment shader\nprecision mediump float;\nuniform sampler2D tex0;\nuniform sampler2D tex1;\nuniform vec2 resolution;\n\nvoid main() {\n\tvec2 coord = gl_FragCoord.xy;\n\tvec2 uv = coord.xy / resolution.xy;\n\tgl_FragColor = texture2D(tex0, uv);\n}",h=function(){function e(i){var s=this,n=i.source,o=i.sources,h=void 0===o?["canvas","video","img"]:o,c=i.hideSource,l=void 0===c||c,u=i.background,d=void 0===u?"black":u,g=i.scaleMultiplier,m=void 0===g?1:g,v=i.scaleMode,f=void 0===v?e.SCALE_MODES.FIT:v,p=i.allowDownscaling,E=void 0!==p&&p,T=i.timestep,b=void 0===T?1/60*1e3:T,x=i.disableFeedbackTexture,y=void 0!==x&&x,w=i.disableMouseEvents,S=void 0!==w&&w,A=i.pixelate,L=void 0===A||A,_=i.autoInit,R=void 0===_||_,F=i.vertex,M=void 0===F?r:F,C=i.fragment,k=void 0===C?a:C;t(this,e),this.main=function(t){s.lastTime=s.curTime,s.curTime=(t||s.now())-s.startTime,s.deltaTime=s.curTime-s.lastTime,s.accumulator+=s.deltaTime,s.accumulator>s.timestep&&(s.render(),s.accumulator-=s.timestep),s.requestAnimationFrame(s.main);},this.sources=h,this.source=n||this.getSource(),this.hideSource=l,this.background=d,this.scaleMultiplier=m,this._scale=m,this.scaleMode=f,this.allowDownscaling=E,this.timestep=b,this.disableFeedbackTexture=!!y,this.disableMouseEvents=!!S,this.pixelate=L,this.vertex=M,this.fragment=k,R&&this.init();}return i(e,[{key:"getSource",value:function(){var t,e=[];for(t=0;t<this.sources.length;++t)e.push(Array.prototype.slice.call(document.getElementsByTagName(this.sources[t])));if(0===(e=Array.prototype.concat.apply([],e)).length)throw "Couldn't find an element from "+this.sources+" to use as a source";return e[0]}},{key:"insertStylesheet",value:function(){this.style=document.createElement("style"),document.head.appendChild(this.style),this.style.innerHTML="\nhtml,body,div#canvasContainer{\n\tpadding:0;\n\tmargin:0;\n\n\twidth:100%;\n\theight:100%;\n\n\ttop:0;\n\tleft:0;\n\tright:0;\n\tbottom:0;\n\n\tbackground: ".concat(this.background,";\n\tcolor:#FFFFFF;\n\n\toverflow:hidden;\n\n\t").concat(this.hideSource?"visibility: hidden!important;":"","\n}\n\ncanvas#outputCanvas{\n").concat(this.pixelate?"\n\timage-rendering: optimizeSpeed;\n\timage-rendering: -webkit-crisp-edges;\n\timage-rendering: -moz-crisp-edges;\n\timage-rendering: -o-crisp-edges; \n\timage-rendering: crisp-edges;\n\timage-rendering: -webkit-optimize-contrast;\n\timage-rendering: optimize-contrast;\n\timage-rendering: pixelated;\n\t-ms-interpolation-mode: nearest-neighbor;\n":"","\n\n\tposition:absolute;\n\tmargin:auto;\n\ttop:0;\n\tleft:-1000%;\n\tright:-1000%;\n\tbottom:0;\n\n\t\t\t").concat(this.hideSource?" visibility: visible!important;":"","\n\t\t\t").concat(this.scaleMode===this.constructor.SCALE_MODES.MULTIPLES?"\n\ttransition:\n\t\twidth  0.2s cubic-bezier(0.22, 1.84, 0.88, 0.77),\n\t\theight 0.2s cubic-bezier(0.22, 1.84, 0.88, 0.77);":"","\n};");}},{key:"init",value:function(){this.size={x:this.source.width||this.source.style.width,y:this.source.height||this.source.style.height},this.size.x*=this.scaleMultiplier||1,this.size.y*=this.scaleMultiplier||1,this.ratio=this.size.x/this.size.y,this.insertStylesheet(),this.canvasContainer=document.createElement("div"),this.canvasContainer.id="canvasContainer",this.allowDownscaling||(this.canvasContainer.style.minWidth=this.size.x+"px",this.canvasContainer.style.minHeight=this.size.y+"px"),this.canvas=document.createElement("canvas"),this.canvas.id="outputCanvas",this.canvas.width=this.size.x,this.canvas.height=this.size.y,this.canvas.style.width=this.canvas.style.height=0,this.canvasContainer.appendChild(this.canvas),document.body.appendChild(this.canvasContainer);try{this.gl=new s(this.canvas),this.render=this.renderGL;}catch(t){console.warn("Falling back to canvas rendering: ",t),this.render=this.renderCanvas,this.canvas2d=this.canvas.getContext("2d");}this.gl&&(this.vertices=new Float32Array([-1,-1,1,-1,-1,1,1,-1,1,1,-1,1]),this.vertexBuffer=this.gl.createBuffer(),this.gl.bindBuffer(this.gl.ARRAY_BUFFER,this.vertexBuffer),this.gl.bufferData(this.gl.ARRAY_BUFFER,this.vertices,this.gl.STATIC_DRAW),this.textureSource=new o(this.source,0,this.pixelate),this.disableFeedbackTexture||(this.textureFeedback=new o(this.canvas,1,this.pixelate)),this.setShader(this.vertex,this.fragment),this.gl.viewport(0,0,this.size.x,this.size.y),this.gl.clearColor(0,0,0,1)),window.onresize=this.onResize.bind(this),window.onresize(),this.disableMouseEvents||(this.canvas.onmousedown=this.onMouseEvent.bind(this),this.canvas.onmouseup=this.onMouseEvent.bind(this),this.canvas.onmousemove=this.onMouseEvent.bind(this),this.canvas.onmouseenter=this.onMouseEvent.bind(this),this.canvas.onmouseexit=this.onMouseEvent.bind(this),this.canvas.onmouseover=this.onMouseEvent.bind(this),this.canvas.onmouseout=this.onMouseEvent.bind(this),this.canvas.onmouseleave=this.onMouseEvent.bind(this),this.canvas.onclick=this.onMouseEvent.bind(this),this.canvas.ondblclick=this.onMouseEvent.bind(this),this.canvas.oncontextmenu=this.onMouseEvent.bind(this),this.canvas.ontouchstart=this.onTouchEvent.bind(this),this.canvas.ontouchend=this.onTouchEvent.bind(this),this.canvas.ontouchmove=this.onTouchEvent.bind(this),this.canvas.touchcancel=this.onTouchEvent.bind(this)),this.accumulator=0,"performance"in window?this.now=function(){return window.performance.now()}:this.now=function(){return window.Date.now()},"requestPostAnimationFrame"in window?this.requestAnimationFrame=function(t){window.requestPostAnimationFrame(t);}:"requestAnimationFrame"in window?this.requestAnimationFrame=function(t){window.requestAnimationFrame(t);}:this.requestAnimationFrame=function(t){setTimeout(t,-1);},this.startTime=this.now(),this.curTime=this.lastTime=0,this.main(this.curTime);}},{key:"setShader",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:r,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:a;this.program&&this.gl.deleteProgram(this.program),this.shader=new n(t,e),this.shader.useProgram(),this.glLocations={position:this.gl.getAttribLocation(this.shader.program,"position"),tex0:this.gl.getUniformLocation(this.shader.program,"tex0"),tex1:this.gl.getUniformLocation(this.shader.program,"tex1"),time:this.gl.getUniformLocation(this.shader.program,"time"),resolution:this.gl.getUniformLocation(this.shader.program,"resolution")},this.gl.uniform1i(this.glLocations.tex0,0),this.gl.uniform1i(this.glLocations.tex1,1),this.gl.uniform2f(this.glLocations.resolution,this.size.x,this.size.y),this.gl.enableVertexAttribArray(this.glLocations.position),this.gl.vertexAttribPointer(this.glLocations.position,2,this.gl.FLOAT,!1,0,0);}},{key:"renderCanvas",value:function(){this.canvas2d.clearRect(0,0,this.size.x,this.size.y),this.canvas2d.drawImage(this.source,0,0);}},{key:"renderGL",value:function(){this.textureSource.update(),this.gl.uniform1f(this.glLocations.time,this.curTime),this.gl.clear(this.gl.COLOR_BUFFER_BIT|this.gl.DEPTH_BUFFER_BIT),this.shader.useProgram(),this.textureSource.bind(),this.disableFeedbackTexture||this.textureFeedback.bind(),this.gl.drawArrays(this.gl.TRIANGLES,0,this.vertices.length/2),this.disableFeedbackTexture||this.textureFeedback.update();}},{key:"onResize",value:function(){var t,e,i=this.canvasContainer.offsetWidth,s=this.canvasContainer.offsetHeight,n=i/s,o=this.constructor.SCALE_MODES,r=1;switch(n<this.ratio?s=Math.round(i/this.ratio):i=Math.round(s*this.ratio),this.scaleMode){case o.MULTIPLES:for(r=1,t=this.size.x,e=this.size.y;t+this.size.x<=i||e+this.size.y<=s;)t+=this.size.x,e+=this.size.y,r+=1;break;case o.FIT:t=i,e=s,r=i/this.size.x;break;case o.COVER:i=this.canvasContainer.offsetWidth,s=this.canvasContainer.offsetHeight,n<this.ratio?i=Math.round(s*this.ratio):s=Math.round(i/this.ratio),t=i,e=s,r=i/this.size.x;break;case o.NONE:r=1,t=this.size.x,e=this.size.y;}this._scale=this.scaleMultiplier*r,this.canvas.style.width=t+"px",this.canvas.style.height=e+"px";}},{key:"onMouseEvent",value:function(t){var e=this.canvas,i=this.source,s=e.offsetLeft+e.scrollLeft,n=e.offsetTop+e.scrollTop,o=i.offsetLeft+i.scrollLeft,r=i.offsetTop+i.scrollTop,a=1/this._scale,h=new MouseEvent(t.type,{screenX:(t.screenX-s)*a+o,screenY:(t.screenY-n)*a+r,clientX:(t.clientX-s)*a+o,clientY:(t.clientY-n)*a+r,altKey:t.altKey,shiftKey:t.shiftKey,metaKey:t.metaKey,button:t.button,buttons:t.buttons,relatedTarget:t.relatedTarget,region:t.region});i.dispatchEvent(h);}},{key:"onTouchEvent",value:function(t){var e=this.canvas,i=this.source,s=e.offsetLeft+e.scrollLeft,n=e.offsetTop+e.scrollTop,o=i.offsetLeft+i.scrollLeft,r=i.offsetTop+i.scrollTop,a=1/this._scale,h=function(t){return new Touch({identifier:t.identifier,force:t.force,rotationAngle:t.rotationAngle,target:t.target,radiusX:t.radiusX,radiusY:t.radiusY,pageX:(t.pageX-s)*a+o,pageY:(t.pageY-s)*a+o,screenX:(t.screenX-s)*a+o,screenY:(t.screenY-n)*a+r,clientX:(t.clientX-s)*a+o,clientY:(t.clientY-n)*a+r})},c=Array.from(t.touches).map(h),l=Array.from(t.targetTouches).map(h),u=Array.from(t.changedTouches).map(h),d=new t.constructor(t.type,{touches:c,targetTouches:l,changedTouches:u,ctrlKey:t.ctrlKey,shiftKey:t.shiftKey,altKey:t.altKey,metaKey:t.metaKey});i.dispatchEvent(d);}}]),e}();h.SCALE_MODES=Object.freeze({FIT:"FIT",COVER:"COVER",MULTIPLES:"MULTIPLES",NONE:"NONE"});
 
 /**
  * Helper used to replace code in a script tag based on a search regex.
@@ -199,8 +199,8 @@ function applyHook(root, functionName) {
 @summary Monkey-patching toolkit to make it easier and cleaner to run code before and after functions or to inject new code into script tags
 @license WTFPL (do WTF you want)
 @author Original by mildmojo; modified by Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 */
 var kitsy = (window.kitsy = window.kitsy || {
diff --git a/dist/character-portraits-animated.js b/dist/character-portraits-animated.js
index ec153986..6755c671 100644
--- a/dist/character-portraits-animated.js
+++ b/dist/character-portraits-animated.js
@@ -4,8 +4,8 @@
 @summary high quality anime gifs
 @license MIT
 @author Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 
 @description
@@ -967,8 +967,8 @@ function applyHook(root, functionName) {
 @summary Monkey-patching toolkit to make it easier and cleaner to run code before and after functions or to inject new code into script tags
 @license WTFPL (do WTF you want)
 @author Original by mildmojo; modified by Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 */
 var kitsy = (window.kitsy = window.kitsy || {
@@ -1080,8 +1080,8 @@ function addDialogTag(tag, fn) {
 @summary high quality anime jpegs (or pngs i guess)
 @license MIT
 @author Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 
 @description
diff --git a/dist/character-portraits.js b/dist/character-portraits.js
index 4c3036c4..2aeaedd5 100644
--- a/dist/character-portraits.js
+++ b/dist/character-portraits.js
@@ -4,8 +4,8 @@
 @summary high quality anime jpegs (or pngs i guess)
 @license MIT
 @author Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 
 @description
@@ -196,8 +196,8 @@ function applyHook(root, functionName) {
 @summary Monkey-patching toolkit to make it easier and cleaner to run code before and after functions or to inject new code into script tags
 @license WTFPL (do WTF you want)
 @author Original by mildmojo; modified by Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 */
 var kitsy = (window.kitsy = window.kitsy || {
diff --git a/dist/close-on-ending.js b/dist/close-on-ending.js
index 37b2db4a..1c6f3278 100644
--- a/dist/close-on-ending.js
+++ b/dist/close-on-ending.js
@@ -4,8 +4,8 @@
 @summary Prevents from playing past an ending
 @license MIT
 @author Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 
 @description
@@ -159,8 +159,8 @@ function applyHook(root, functionName) {
 @summary Monkey-patching toolkit to make it easier and cleaner to run code before and after functions or to inject new code into script tags
 @license WTFPL (do WTF you want)
 @author Original by mildmojo; modified by Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 */
 var kitsy = (window.kitsy = window.kitsy || {
diff --git a/dist/corrupt.js b/dist/corrupt.js
index a18665cf..023fb111 100644
--- a/dist/corrupt.js
+++ b/dist/corrupt.js
@@ -4,8 +4,8 @@
 @summary corrupts gamedata at runtime
 @license MIT
 @author Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 
 @description
@@ -56,8 +56,8 @@ var hackOptions = {
 @file utils
 @summary miscellaneous bitsy utilities
 @author Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 */
 
@@ -76,7 +76,7 @@ function getImage(name, map) {
 		? name
 		: Object.keys(map).find(function (e) {
 				return map[e].name === name;
-		  });
+			});
 	return map[id];
 }
 
@@ -84,8 +84,8 @@ function getImage(name, map) {
 @file edit image at runtime
 @summary API for updating image data at runtime.
 @author Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 @description
 Adds API for updating sprite, tile, and item data at runtime.
@@ -292,8 +292,8 @@ function applyHook(root, functionName) {
 @summary Monkey-patching toolkit to make it easier and cleaner to run code before and after functions or to inject new code into script tags
 @license WTFPL (do WTF you want)
 @author Original by mildmojo; modified by Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 */
 var kitsy = (window.kitsy = window.kitsy || {
diff --git a/dist/custom-exit-effects.js b/dist/custom-exit-effects.js
index 5bbb1b70..396b2e79 100644
--- a/dist/custom-exit-effects.js
+++ b/dist/custom-exit-effects.js
@@ -4,8 +4,8 @@
 @summary make custom exit transition effects
 @license MIT
 @author Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 
 @description
@@ -195,8 +195,8 @@ function applyHook(root, functionName) {
 @summary Monkey-patching toolkit to make it easier and cleaner to run code before and after functions or to inject new code into script tags
 @license WTFPL (do WTF you want)
 @author Original by mildmojo; modified by Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 */
 var kitsy = (window.kitsy = window.kitsy || {
diff --git a/dist/custom-text-effect.js b/dist/custom-text-effect.js
index 1c18dee0..56b9d38d 100644
--- a/dist/custom-text-effect.js
+++ b/dist/custom-text-effect.js
@@ -4,8 +4,8 @@
 @summary make {custom}text effects{custom}
 @license MIT
 @author Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 
 @description
@@ -349,8 +349,8 @@ function applyHook(root, functionName) {
 @summary Monkey-patching toolkit to make it easier and cleaner to run code before and after functions or to inject new code into script tags
 @license WTFPL (do WTF you want)
 @author Original by mildmojo; modified by Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 */
 var kitsy = (window.kitsy = window.kitsy || {
diff --git a/dist/dialog-audio-vocal-synth.js b/dist/dialog-audio-vocal-synth.js
index 633fe1a6..ef040083 100644
--- a/dist/dialog-audio-vocal-synth.js
+++ b/dist/dialog-audio-vocal-synth.js
@@ -4,8 +4,8 @@
 @summary animal crossing-style audio powered by the pink trombone vocal synth
 @license MIT
 @author Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 
 @description
@@ -880,8 +880,8 @@ function applyHook(root, functionName) {
 @summary Monkey-patching toolkit to make it easier and cleaner to run code before and after functions or to inject new code into script tags
 @license WTFPL (do WTF you want)
 @author Original by mildmojo; modified by Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 */
 var kitsy = (window.kitsy = window.kitsy || {
@@ -993,8 +993,8 @@ function addDialogTag(tag, fn) {
 @summary animal crossing-style audio
 @license MIT
 @author Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 
 @description
@@ -1050,8 +1050,8 @@ before('dialogBuffer.DoNextChar', function () {
 @file utils
 @summary miscellaneous bitsy utilities
 @author Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 */
 
diff --git a/dist/dialog-audio.js b/dist/dialog-audio.js
index 3d3e19f1..eeb435da 100644
--- a/dist/dialog-audio.js
+++ b/dist/dialog-audio.js
@@ -4,8 +4,8 @@
 @summary animal crossing-style audio
 @license MIT
 @author Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 
 @description
@@ -186,8 +186,8 @@ function applyHook(root, functionName) {
 @summary Monkey-patching toolkit to make it easier and cleaner to run code before and after functions or to inject new code into script tags
 @license WTFPL (do WTF you want)
 @author Original by mildmojo; modified by Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 */
 var kitsy = (window.kitsy = window.kitsy || {
diff --git a/dist/dialog-box-transition.js b/dist/dialog-box-transition.js
index 0a5ff6aa..d3ad2a4a 100644
--- a/dist/dialog-box-transition.js
+++ b/dist/dialog-box-transition.js
@@ -4,8 +4,8 @@
 @summary adds an easing transition animation to display the dialog box text
 @license MIT
 @author Delacannon
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 
 @description
@@ -168,8 +168,8 @@ function applyHook(root, functionName) {
 @summary Monkey-patching toolkit to make it easier and cleaner to run code before and after functions or to inject new code into script tags
 @license WTFPL (do WTF you want)
 @author Original by mildmojo; modified by Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 */
 var kitsy = (window.kitsy = window.kitsy || {
diff --git a/dist/dialog-choices.js b/dist/dialog-choices.js
index 4965811d..a10ff825 100644
--- a/dist/dialog-choices.js
+++ b/dist/dialog-choices.js
@@ -4,8 +4,8 @@
 @summary dialog choices
 @license MIT
 @author Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 
 @description
@@ -236,8 +236,8 @@ function applyHook(root, functionName) {
 @summary Monkey-patching toolkit to make it easier and cleaner to run code before and after functions or to inject new code into script tags
 @license WTFPL (do WTF you want)
 @author Original by mildmojo; modified by Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 */
 var kitsy = (window.kitsy = window.kitsy || {
@@ -406,8 +406,8 @@ inject(/(this\.AddLinebreak = )/, 'this.AddParagraphBreak = function() { buffer.
 @summary Adds paragraph breaks to the dialogue parser
 @license WTFPL (do WTF you want)
 @author Sean S. LeBlanc, David Mowatt
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 
 @description
@@ -451,8 +451,8 @@ addDialogTag('p', function (environment, parameters, onReturn) {
 @summary put more words onscreen
 @license MIT
 @author Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 
 @description
@@ -583,9 +583,7 @@ var dialogChoices = {
 bitsy.dialogChoices = dialogChoices;
 
 function getCursorSprite(cursor) {
-	return cursor
-		? `renderer.GetDrawingSource(sprite['${cursor}'].drw)[sprite['${cursor}'].animation.frameIndex]`
-		: `[
+	return `[
 		[0, 0, 0, 0, 0, 0, 0, 0],
 		[0, 0, 0, 0, 0, 0, 0, 0],
 		[0, 1, 0, 0, 0, 0, 0, 0],
diff --git a/dist/dialog-jump.js b/dist/dialog-jump.js
index 87b1e69e..513945fe 100644
--- a/dist/dialog-jump.js
+++ b/dist/dialog-jump.js
@@ -4,8 +4,8 @@
 @summary jump from one dialog entry to another
 @license MIT
 @author Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 
 @description
@@ -170,8 +170,8 @@ function applyHook(root, functionName) {
 @summary Monkey-patching toolkit to make it easier and cleaner to run code before and after functions or to inject new code into script tags
 @license WTFPL (do WTF you want)
 @author Original by mildmojo; modified by Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 */
 var kitsy = (window.kitsy = window.kitsy || {
diff --git a/dist/dialog-pause.js b/dist/dialog-pause.js
index a0de234a..a74e8b9f 100644
--- a/dist/dialog-pause.js
+++ b/dist/dialog-pause.js
@@ -4,8 +4,8 @@
 @summary add pauses in between printing text
 @license MIT
 @author Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 
 @description
@@ -156,8 +156,8 @@ function applyHook(root, functionName) {
 @summary Monkey-patching toolkit to make it easier and cleaner to run code before and after functions or to inject new code into script tags
 @license WTFPL (do WTF you want)
 @author Original by mildmojo; modified by Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 */
 var kitsy = (window.kitsy = window.kitsy || {
diff --git a/dist/dialog-prompt.js b/dist/dialog-prompt.js
index 483301d2..c79faa98 100644
--- a/dist/dialog-prompt.js
+++ b/dist/dialog-prompt.js
@@ -4,8 +4,8 @@
 @summary prompt the user for text input in dialog
 @license MIT
 @author Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 
 @description
@@ -193,8 +193,8 @@ function applyHook(root, functionName) {
 @summary Monkey-patching toolkit to make it easier and cleaner to run code before and after functions or to inject new code into script tags
 @license WTFPL (do WTF you want)
 @author Original by mildmojo; modified by Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 */
 var kitsy = (window.kitsy = window.kitsy || {
@@ -313,8 +313,8 @@ inject(/(this\.AddLinebreak = )/, 'this.AddParagraphBreak = function() { buffer.
 @summary Adds paragraph breaks to the dialogue parser
 @license WTFPL (do WTF you want)
 @author Sean S. LeBlanc, David Mowatt
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 
 @description
diff --git a/dist/direction-in-dialog.js b/dist/direction-in-dialog.js
index 9d6eb9af..78313dc7 100644
--- a/dist/direction-in-dialog.js
+++ b/dist/direction-in-dialog.js
@@ -4,8 +4,8 @@
 @summary provides a variable with player direction
 @license MIT
 @author Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 
 @description
@@ -162,8 +162,8 @@ function applyHook(root, functionName) {
 @summary Monkey-patching toolkit to make it easier and cleaner to run code before and after functions or to inject new code into script tags
 @license WTFPL (do WTF you want)
 @author Original by mildmojo; modified by Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 */
 var kitsy = (window.kitsy = window.kitsy || {
diff --git a/dist/directional-avatar.js b/dist/directional-avatar.js
index 74e3a30c..202b5346 100644
--- a/dist/directional-avatar.js
+++ b/dist/directional-avatar.js
@@ -4,8 +4,8 @@
 @summary flips the player's sprite based on directional movement
 @license MIT
 @author Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 
 @description
@@ -37,8 +37,8 @@ var hackOptions = {
 @file utils
 @summary miscellaneous bitsy utilities
 @author Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 */
 
@@ -57,7 +57,7 @@ function getImage(name, map) {
 		? name
 		: Object.keys(map).find(function (e) {
 				return map[e].name === name;
-		  });
+			});
 	return map[id];
 }
 
@@ -65,8 +65,8 @@ function getImage(name, map) {
 @file edit image at runtime
 @summary API for updating image data at runtime.
 @author Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 @description
 Adds API for updating sprite, tile, and item data at runtime.
@@ -257,8 +257,8 @@ function applyHook(root, functionName) {
 @summary Monkey-patching toolkit to make it easier and cleaner to run code before and after functions or to inject new code into script tags
 @license WTFPL (do WTF you want)
 @author Original by mildmojo; modified by Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 */
 var kitsy = (window.kitsy = window.kitsy || {
@@ -321,21 +321,6 @@ var after = kitsy.after;
 @summary Helpers for flipping and rotating sprite data
 */
 
-// copied from https://stackoverflow.com/a/46805290
-function transpose(matrix) {
-	const rows = matrix.length;
-	const cols = matrix[0].length;
-	const grid = [];
-	for (let j = 0; j < cols; j++) {
-		grid[j] = Array(rows);
-	}
-	for (let i = 0; i < rows; i++) {
-		for (let j = 0; j < cols; j++) {
-			grid[j][i] = matrix[i][j];
-		}
-	}
-	return grid;
-}
 
 // helper function to flip sprite data
 function transformSpriteData(spriteData, v, h, rot) {
@@ -365,9 +350,6 @@ function transformSpriteData(spriteData, v, h, rot) {
 			}
 		}
 	}
-	if (rot) {
-		s = transpose(s);
-	}
 	return s;
 }
 
diff --git a/dist/dynamic-background.js b/dist/dynamic-background.js
index 2982a3be..7767175a 100644
--- a/dist/dynamic-background.js
+++ b/dist/dynamic-background.js
@@ -4,8 +4,8 @@
 @summary HTML background matching bitsy background
 @license MIT
 @author Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 
 @description
@@ -166,8 +166,8 @@ function applyHook(root, functionName) {
 @summary Monkey-patching toolkit to make it easier and cleaner to run code before and after functions or to inject new code into script tags
 @license WTFPL (do WTF you want)
 @author Original by mildmojo; modified by Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 */
 var kitsy = (window.kitsy = window.kitsy || {
@@ -229,8 +229,8 @@ var after = kitsy.after;
 @file utils
 @summary miscellaneous bitsy utilities
 @author Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 */
 
diff --git a/dist/edit-dialog-from-dialog.js b/dist/edit-dialog-from-dialog.js
index c0ad81f3..75cbeb61 100644
--- a/dist/edit-dialog-from-dialog.js
+++ b/dist/edit-dialog-from-dialog.js
@@ -4,8 +4,8 @@
 @summary edit dialog from dialog (yes really)
 @license MIT
 @author Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 
 @description
@@ -165,8 +165,8 @@ function applyHook(root, functionName) {
 @summary Monkey-patching toolkit to make it easier and cleaner to run code before and after functions or to inject new code into script tags
 @license WTFPL (do WTF you want)
 @author Original by mildmojo; modified by Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 */
 var kitsy = (window.kitsy = window.kitsy || {
@@ -288,8 +288,8 @@ function addDeferredDialogTag(tag, fn) {
 @file utils
 @summary miscellaneous bitsy utilities
 @author Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 */
 
@@ -308,7 +308,7 @@ function getImage(name, map) {
 		? name
 		: Object.keys(map).find(function (e) {
 				return map[e].name === name;
-		  });
+			});
 	return map[id];
 }
 
diff --git a/dist/edit-image-from-dialog.js b/dist/edit-image-from-dialog.js
index 70669806..4bb713f8 100644
--- a/dist/edit-image-from-dialog.js
+++ b/dist/edit-image-from-dialog.js
@@ -4,8 +4,8 @@
 @summary edit sprites, items, and tiles from dialog
 @license MIT
 @author Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 
 @description
@@ -63,8 +63,8 @@ NOTE: This uses parentheses "()" instead of curly braces "{}" around function
 @file utils
 @summary miscellaneous bitsy utilities
 @author Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 */
 
@@ -83,7 +83,7 @@ function getImage(name, map) {
 		? name
 		: Object.keys(map).find(function (e) {
 				return map[e].name === name;
-		  });
+			});
 	return map[id];
 }
 
@@ -91,8 +91,8 @@ function getImage(name, map) {
 @file edit image at runtime
 @summary API for updating image data at runtime.
 @author Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 @description
 Adds API for updating sprite, tile, and item data at runtime.
@@ -275,8 +275,8 @@ function applyHook(root, functionName) {
 @summary Monkey-patching toolkit to make it easier and cleaner to run code before and after functions or to inject new code into script tags
 @license WTFPL (do WTF you want)
 @author Original by mildmojo; modified by Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 */
 var kitsy = (window.kitsy = window.kitsy || {
diff --git a/dist/edit-player-from-dialog.js b/dist/edit-player-from-dialog.js
index a20b1c44..8316e420 100644
--- a/dist/edit-player-from-dialog.js
+++ b/dist/edit-player-from-dialog.js
@@ -4,8 +4,8 @@
 @summary change which sprite is controlled by the player
 @license MIT
 @author Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 
 @description
@@ -169,8 +169,8 @@ function applyHook(root, functionName) {
 @summary Monkey-patching toolkit to make it easier and cleaner to run code before and after functions or to inject new code into script tags
 @license WTFPL (do WTF you want)
 @author Original by mildmojo; modified by Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 */
 var kitsy = (window.kitsy = window.kitsy || {
@@ -330,8 +330,8 @@ function addDualDialogTag(tag, fn) {
 @file utils
 @summary miscellaneous bitsy utilities
 @author Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 */
 
@@ -350,7 +350,7 @@ function getImage(name, map) {
 		? name
 		: Object.keys(map).find(function (e) {
 				return map[e].name === name;
-		  });
+			});
 	return map[id];
 }
 
diff --git a/dist/edit-room-from-dialog.js b/dist/edit-room-from-dialog.js
index 4fd52132..e066e7fc 100644
--- a/dist/edit-room-from-dialog.js
+++ b/dist/edit-room-from-dialog.js
@@ -4,8 +4,8 @@
 @summary modify the content of a room from dialog
 @license MIT
 @author Dana Holdampf
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 
 @description
@@ -286,8 +286,8 @@ function applyHook(root, functionName) {
 @summary Monkey-patching toolkit to make it easier and cleaner to run code before and after functions or to inject new code into script tags
 @license WTFPL (do WTF you want)
 @author Original by mildmojo; modified by Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 */
 var kitsy = (window.kitsy = window.kitsy || {
@@ -447,8 +447,8 @@ function addDualDialogTag(tag, fn) {
 @file utils
 @summary miscellaneous bitsy utilities
 @author Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 */
 
diff --git a/dist/end-from-dialog.js b/dist/end-from-dialog.js
index b1388e54..5d8d10d6 100644
--- a/dist/end-from-dialog.js
+++ b/dist/end-from-dialog.js
@@ -4,8 +4,8 @@
 @summary trigger an ending from dialog, including narration text (deprecated)
 @license WTFPL (do WTF you want)
 @author @mildmojo
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 
 @description
@@ -190,8 +190,8 @@ function applyHook(root, functionName) {
 @summary Monkey-patching toolkit to make it easier and cleaner to run code before and after functions or to inject new code into script tags
 @license WTFPL (do WTF you want)
 @author Original by mildmojo; modified by Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 */
 var kitsy = (window.kitsy = window.kitsy || {
diff --git a/dist/exit-from-dialog.js b/dist/exit-from-dialog.js
index 02be36d6..a392af5b 100644
--- a/dist/exit-from-dialog.js
+++ b/dist/exit-from-dialog.js
@@ -4,8 +4,8 @@
 @summary exit to another room from dialog, including conditionals
 @license WTFPL (do WTF you want)
 @author @mildmojo
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 
 @description
@@ -190,8 +190,8 @@ function applyHook(root, functionName) {
 @summary Monkey-patching toolkit to make it easier and cleaner to run code before and after functions or to inject new code into script tags
 @license WTFPL (do WTF you want)
 @author Original by mildmojo; modified by Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 */
 var kitsy = (window.kitsy = window.kitsy || {
@@ -351,8 +351,8 @@ function addDualDialogTag(tag, fn) {
 @file utils
 @summary miscellaneous bitsy utilities
 @author Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 */
 
diff --git a/dist/external-game-data.js b/dist/external-game-data.js
index a0da0573..72dbb302 100644
--- a/dist/external-game-data.js
+++ b/dist/external-game-data.js
@@ -4,8 +4,8 @@
 @summary separate Bitsy game data from your (modded) HTML for easier development
 @license WTFPL (do WTF you want)
 @author @mildmojo
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 
 @description
@@ -178,8 +178,8 @@ function applyHook(root, functionName) {
 @summary Monkey-patching toolkit to make it easier and cleaner to run code before and after functions or to inject new code into script tags
 @license WTFPL (do WTF you want)
 @author Original by mildmojo; modified by Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 */
 var kitsy = (window.kitsy = window.kitsy || {
diff --git a/dist/favicon-from-sprite.js b/dist/favicon-from-sprite.js
index 26f64ee3..4ad13be9 100644
--- a/dist/favicon-from-sprite.js
+++ b/dist/favicon-from-sprite.js
@@ -4,8 +4,8 @@
 @summary generate a browser favicon (tab icon) from a Bitsy sprite, including animation!
 @license WTFPL (do WTF you want)
 @author @mildmojo
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 
 @description
@@ -166,8 +166,8 @@ function applyHook(root, functionName) {
 @summary Monkey-patching toolkit to make it easier and cleaner to run code before and after functions or to inject new code into script tags
 @license WTFPL (do WTF you want)
 @author Original by mildmojo; modified by Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 */
 var kitsy = (window.kitsy = window.kitsy || {
@@ -229,8 +229,8 @@ var after = kitsy.after;
 @file utils
 @summary miscellaneous bitsy utilities
 @author Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 */
 
@@ -249,7 +249,7 @@ function getImage(name, map) {
 		? name
 		: Object.keys(map).find(function (e) {
 				return map[e].name === name;
-		  });
+			});
 	return map[id];
 }
 
diff --git a/dist/follower.js b/dist/follower.js
index 69b901e3..cef7f1a4 100644
--- a/dist/follower.js
+++ b/dist/follower.js
@@ -4,8 +4,8 @@
 @summary make sprites follow the player
 @license MIT
 @author Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 
 @description
@@ -189,8 +189,8 @@ function applyHook(root, functionName) {
 @summary Monkey-patching toolkit to make it easier and cleaner to run code before and after functions or to inject new code into script tags
 @license WTFPL (do WTF you want)
 @author Original by mildmojo; modified by Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 */
 var kitsy = (window.kitsy = window.kitsy || {
@@ -350,8 +350,8 @@ function addDualDialogTag(tag, fn) {
 @file utils
 @summary miscellaneous bitsy utilities
 @author Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 */
 
@@ -370,7 +370,7 @@ function getImage(name, map) {
 		? name
 		: Object.keys(map).find(function (e) {
 				return map[e].name === name;
-		  });
+			});
 	return map[id];
 }
 
diff --git a/dist/gamepad-input.js b/dist/gamepad-input.js
index 9d903edd..7a678110 100644
--- a/dist/gamepad-input.js
+++ b/dist/gamepad-input.js
@@ -4,8 +4,8 @@
 @summary HTML5 gamepad support
 @license MIT
 @author Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 
 @description
@@ -485,8 +485,8 @@ function applyHook(root, functionName) {
 @summary Monkey-patching toolkit to make it easier and cleaner to run code before and after functions or to inject new code into script tags
 @license WTFPL (do WTF you want)
 @author Original by mildmojo; modified by Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 */
 var kitsy = (window.kitsy = window.kitsy || {
diff --git a/dist/gravity.js b/dist/gravity.js
index 0f9d4522..c35077a3 100644
--- a/dist/gravity.js
+++ b/dist/gravity.js
@@ -4,8 +4,8 @@
 @summary Pseudo-platforming/gravity/physics
 @license MIT
 @author Cole Sea
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 
 @description
@@ -118,8 +118,8 @@ var hackOptions = {
 @file utils
 @summary miscellaneous bitsy utilities
 @author Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 */
 
@@ -138,7 +138,7 @@ function getImage(name, map) {
 		? name
 		: Object.keys(map).find(function (e) {
 				return map[e].name === name;
-		  });
+			});
 	return map[id];
 }
 
@@ -146,8 +146,8 @@ function getImage(name, map) {
 @file edit image at runtime
 @summary API for updating image data at runtime.
 @author Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 @description
 Adds API for updating sprite, tile, and item data at runtime.
@@ -338,8 +338,8 @@ function applyHook(root, functionName) {
 @summary Monkey-patching toolkit to make it easier and cleaner to run code before and after functions or to inject new code into script tags
 @license WTFPL (do WTF you want)
 @author Original by mildmojo; modified by Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 */
 var kitsy = (window.kitsy = window.kitsy || {
@@ -518,11 +518,8 @@ function transpose(matrix) {
 
 // helper function to flip sprite data
 function transformSpriteData(spriteData, v, h, rot) {
-	var x;
 	var y;
-	var x2;
 	var y2;
-	var col;
 	var tmp;
 	var s = spriteData.slice();
 	if (v) {
@@ -533,17 +530,6 @@ function transformSpriteData(spriteData, v, h, rot) {
 			s[y2] = tmp;
 		}
 	}
-	if (h) {
-		for (y = 0; y < s.length; ++y) {
-			col = s[y] = s[y].slice();
-			for (x = 0; x < col.length / 2; ++x) {
-				x2 = col.length - x - 1;
-				tmp = col[x];
-				col[x] = col[x2];
-				col[x2] = tmp;
-			}
-		}
-	}
 	if (rot) {
 		s = transpose(s);
 	}
diff --git a/dist/itsy-bitsy.js b/dist/itsy-bitsy.js
index 0c475338..8f420623 100644
--- a/dist/itsy-bitsy.js
+++ b/dist/itsy-bitsy.js
@@ -4,8 +4,8 @@
 @summary for when bitsy's not small enough
 @license MIT
 @author Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 
 @description
@@ -167,8 +167,8 @@ function applyHook(root, functionName) {
 @summary Monkey-patching toolkit to make it easier and cleaner to run code before and after functions or to inject new code into script tags
 @license WTFPL (do WTF you want)
 @author Original by mildmojo; modified by Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 */
 var kitsy = (window.kitsy = window.kitsy || {
diff --git a/dist/javascript-dialog.js b/dist/javascript-dialog.js
index 99887382..2781a2fd 100644
--- a/dist/javascript-dialog.js
+++ b/dist/javascript-dialog.js
@@ -4,8 +4,8 @@
 @summary execute arbitrary javascript from dialog
 @license MIT
 @author Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 
 @description
@@ -192,8 +192,8 @@ function applyHook(root, functionName) {
 @summary Monkey-patching toolkit to make it easier and cleaner to run code before and after functions or to inject new code into script tags
 @license WTFPL (do WTF you want)
 @author Original by mildmojo; modified by Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 */
 var kitsy = (window.kitsy = window.kitsy || {
diff --git a/dist/logic-operators-extended.js b/dist/logic-operators-extended.js
index a73b7841..fb7f290a 100644
--- a/dist/logic-operators-extended.js
+++ b/dist/logic-operators-extended.js
@@ -3,8 +3,8 @@
 @file logic-operators-extended
 @summary adds conditional logic operators
 @author @mildmojo
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 
 @description
@@ -164,8 +164,8 @@ function applyHook(root, functionName) {
 @summary Monkey-patching toolkit to make it easier and cleaner to run code before and after functions or to inject new code into script tags
 @license WTFPL (do WTF you want)
 @author Original by mildmojo; modified by Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 */
 var kitsy = (window.kitsy = window.kitsy || {
diff --git a/dist/long-dialog.js b/dist/long-dialog.js
index 8707c9a0..b8ccdc0e 100644
--- a/dist/long-dialog.js
+++ b/dist/long-dialog.js
@@ -4,8 +4,8 @@
 @summary put more words onscreen
 @license MIT
 @author Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 
 @description
@@ -180,8 +180,8 @@ function applyHook(root, functionName) {
 @summary Monkey-patching toolkit to make it easier and cleaner to run code before and after functions or to inject new code into script tags
 @license WTFPL (do WTF you want)
 @author Original by mildmojo; modified by Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 */
 var kitsy = (window.kitsy = window.kitsy || {
@@ -350,8 +350,8 @@ inject(/(this\.AddLinebreak = )/, 'this.AddParagraphBreak = function() { buffer.
 @summary Adds paragraph breaks to the dialogue parser
 @license WTFPL (do WTF you want)
 @author Sean S. LeBlanc, David Mowatt
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 
 @description
diff --git a/dist/multi-sprite-avatar.js b/dist/multi-sprite-avatar.js
index 6e87993f..6a724d87 100644
--- a/dist/multi-sprite-avatar.js
+++ b/dist/multi-sprite-avatar.js
@@ -4,8 +4,8 @@
 @summary make the player big
 @license MIT
 @author Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 
 @description
@@ -197,8 +197,8 @@ function applyHook(root, functionName) {
 @summary Monkey-patching toolkit to make it easier and cleaner to run code before and after functions or to inject new code into script tags
 @license WTFPL (do WTF you want)
 @author Original by mildmojo; modified by Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 */
 var kitsy = (window.kitsy = window.kitsy || {
@@ -358,8 +358,8 @@ function addDualDialogTag(tag, fn) {
 @file utils
 @summary miscellaneous bitsy utilities
 @author Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 */
 
@@ -378,7 +378,7 @@ function getImage(name, map) {
 		? name
 		: Object.keys(map).find(function (e) {
 				return map[e].name === name;
-		  });
+			});
 	return map[id];
 }
 
@@ -524,7 +524,7 @@ addDualDialogTag('enableBig', function (environment, parameters) {
 			? parameters.map(function (param) {
 					var props = param.split(/,\s*/);
 					return { x: parseInt(props[0], 10), y: parseInt(props[1], 10), spr: props[2] };
-			  })
+				})
 			: undefined
 	);
 });
diff --git a/dist/online.js b/dist/online.js
index f1820887..0560e6fe 100644
--- a/dist/online.js
+++ b/dist/online.js
@@ -4,8 +4,8 @@
 @summary multiplayer bitsy
 @license MIT
 @author Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 @description
 Provides the groundwork for running a small online multiplayer bitsy game.
@@ -178,8 +178,8 @@ function applyHook(root, functionName) {
 @summary Monkey-patching toolkit to make it easier and cleaner to run code before and after functions or to inject new code into script tags
 @license WTFPL (do WTF you want)
 @author Original by mildmojo; modified by Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 */
 var kitsy = (window.kitsy = window.kitsy || {
@@ -339,8 +339,8 @@ function addDualDialogTag(tag, fn) {
 @file utils
 @summary miscellaneous bitsy utilities
 @author Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 */
 
@@ -359,7 +359,7 @@ function getImage(name, map) {
 		? name
 		: Object.keys(map).find(function (e) {
 				return map[e].name === name;
-		  });
+			});
 	return map[id];
 }
 
@@ -369,8 +369,8 @@ function getImage(name, map) {
 @summary edit dialog from dialog (yes really)
 @license MIT
 @author Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 
 @description
@@ -436,8 +436,8 @@ addDeferredDialogTag('dialog', editDialog);
 @file edit image at runtime
 @summary API for updating image data at runtime.
 @author Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 @description
 Adds API for updating sprite, tile, and item data at runtime.
@@ -495,8 +495,8 @@ function setSpriteData(id, frame, newData) {
 @summary edit sprites, items, and tiles from dialog
 @license MIT
 @author Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 
 @description
@@ -642,8 +642,8 @@ addDualDialogTag('imagePal', editPalette);
 @summary execute arbitrary javascript from dialog
 @license MIT
 @author Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 
 @description
diff --git a/dist/opaque-tiles.js b/dist/opaque-tiles.js
index 0d80f494..bfbbef50 100644
--- a/dist/opaque-tiles.js
+++ b/dist/opaque-tiles.js
@@ -4,8 +4,8 @@
 @summary tiles which hide the player
 @license MIT
 @author Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 
 @description
@@ -165,8 +165,8 @@ function applyHook(root, functionName) {
 @summary Monkey-patching toolkit to make it easier and cleaner to run code before and after functions or to inject new code into script tags
 @license WTFPL (do WTF you want)
 @author Original by mildmojo; modified by Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 */
 var kitsy = (window.kitsy = window.kitsy || {
diff --git a/dist/paragraph-break.js b/dist/paragraph-break.js
index a3a98568..581b4c55 100644
--- a/dist/paragraph-break.js
+++ b/dist/paragraph-break.js
@@ -4,8 +4,8 @@
 @summary Adds paragraph breaks to the dialogue parser
 @license WTFPL (do WTF you want)
 @author Sean S. LeBlanc, David Mowatt
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 
 @description
@@ -172,8 +172,8 @@ function applyHook(root, functionName) {
 @summary Monkey-patching toolkit to make it easier and cleaner to run code before and after functions or to inject new code into script tags
 @license WTFPL (do WTF you want)
 @author Original by mildmojo; modified by Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 */
 var kitsy = (window.kitsy = window.kitsy || {
diff --git a/dist/permanent-items.js b/dist/permanent-items.js
index 73385b8b..e5760e18 100644
--- a/dist/permanent-items.js
+++ b/dist/permanent-items.js
@@ -4,8 +4,8 @@
 @summary prevent some items from being picked up
 @license MIT
 @author Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 
 @description
@@ -162,8 +162,8 @@ function applyHook(root, functionName) {
 @summary Monkey-patching toolkit to make it easier and cleaner to run code before and after functions or to inject new code into script tags
 @license WTFPL (do WTF you want)
 @author Original by mildmojo; modified by Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 */
 var kitsy = (window.kitsy = window.kitsy || {
diff --git a/dist/push-sprites.js b/dist/push-sprites.js
index a0622e70..4de47b45 100644
--- a/dist/push-sprites.js
+++ b/dist/push-sprites.js
@@ -161,8 +161,8 @@ var hackOptions = {
 @file utils
 @summary miscellaneous bitsy utilities
 @author Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 */
 
@@ -181,7 +181,7 @@ function getImage(name, map) {
 		? name
 		: Object.keys(map).find(function (e) {
 				return map[e].name === name;
-		  });
+			});
 	return map[id];
 }
 
@@ -189,8 +189,8 @@ function getImage(name, map) {
 @file edit image at runtime
 @summary API for updating image data at runtime.
 @author Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 @description
 Adds API for updating sprite, tile, and item data at runtime.
@@ -381,8 +381,8 @@ function applyHook(root, functionName) {
 @summary Monkey-patching toolkit to make it easier and cleaner to run code before and after functions or to inject new code into script tags
 @license WTFPL (do WTF you want)
 @author Original by mildmojo; modified by Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 */
 var kitsy = (window.kitsy = window.kitsy || {
@@ -445,21 +445,6 @@ var after = kitsy.after;
 @summary Helpers for flipping and rotating sprite data
 */
 
-// copied from https://stackoverflow.com/a/46805290
-function transpose(matrix) {
-	const rows = matrix.length;
-	const cols = matrix[0].length;
-	const grid = [];
-	for (let j = 0; j < cols; j++) {
-		grid[j] = Array(rows);
-	}
-	for (let i = 0; i < rows; i++) {
-		for (let j = 0; j < cols; j++) {
-			grid[j][i] = matrix[i][j];
-		}
-	}
-	return grid;
-}
 
 // helper function to flip sprite data
 function transformSpriteData(spriteData, v, h, rot) {
@@ -489,9 +474,6 @@ function transformSpriteData(spriteData, v, h, rot) {
 			}
 		}
 	}
-	if (rot) {
-		s = transpose(s);
-	}
 	return s;
 }
 
@@ -501,8 +483,8 @@ function transformSpriteData(spriteData, v, h, rot) {
 @summary sokoban-style sprite pushing
 @license MIT
 @author jan0sc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 
 @description
diff --git a/dist/replace-drawing.js b/dist/replace-drawing.js
index 54cca3fd..f245a305 100644
--- a/dist/replace-drawing.js
+++ b/dist/replace-drawing.js
@@ -4,8 +4,8 @@
 @summary add name-tags to replace drawings when the game is loading
 @license MIT
 @author Elkie Nova
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 
 @description
@@ -173,8 +173,8 @@ function applyHook(root, functionName) {
 @summary Monkey-patching toolkit to make it easier and cleaner to run code before and after functions or to inject new code into script tags
 @license WTFPL (do WTF you want)
 @author Original by mildmojo; modified by Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 */
 var kitsy = (window.kitsy = window.kitsy || {
diff --git a/dist/save.js b/dist/save.js
index 337c97a5..b1c86b01 100644
--- a/dist/save.js
+++ b/dist/save.js
@@ -4,8 +4,8 @@
 @summary save/load your game
 @license MIT
 @author Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 
 @description
@@ -191,8 +191,8 @@ function applyHook(root, functionName) {
 @summary Monkey-patching toolkit to make it easier and cleaner to run code before and after functions or to inject new code into script tags
 @license WTFPL (do WTF you want)
 @author Original by mildmojo; modified by Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 */
 var kitsy = (window.kitsy = window.kitsy || {
@@ -352,8 +352,8 @@ function addDualDialogTag(tag, fn) {
 @file utils
 @summary miscellaneous bitsy utilities
 @author Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 */
 
@@ -488,7 +488,7 @@ bitsy.saveHack = {
 };
 
 // use saved index to eval/calc next index if available
-inject(/(optionsShuffled\.push\()optionsUnshuffled\.splice\(i,1\)\[0\](\);)/, '$1 i $2 optionsUnshuffled.splice(i,1);');
+inject(/(optionsShuffled\.push\()optionsUnshuffled\.splice\(i,1\)\[0\](\);)/, '$1 options.indexOf(optionsUnshuffled[i]) $2 optionsUnshuffled.splice(i,1);');
 inject(
 	/(optionsShuffled\[index\])/,
 	`
@@ -496,8 +496,10 @@ var i = window.saveHack.loadSeqIdx(this);
 index = i === undefined ? index : i;
 optionsShuffled = window.saveHack.loadShuffle(this) || optionsShuffled;
 window.saveHack.saveShuffle(this, optionsShuffled);
-options[index]`
+options[optionsShuffled[index]]`
 );
+// save the second shuffle after exhausting options
+inject(/(\t\t\tshuffle\(this\.children\);)/, `$1 window.saveHack.saveShuffle(this, optionsShuffled);`);
 inject(/(\/\/ bitsy\.log\(".+" \+ index\);)/g, '$1\nvar i = window.saveHack.loadSeqIdx(this);index = i === undefined ? index : i;');
 // save index on changes
 inject(/(index = next;)/g, '$1window.saveHack.saveSeqIdx(this, index);');
diff --git a/dist/solid-items.js b/dist/solid-items.js
index 346f21a4..09554def 100644
--- a/dist/solid-items.js
+++ b/dist/solid-items.js
@@ -4,8 +4,8 @@
 @summary treat some items like sprites that can be placed multiple times
 @license MIT
 @author Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 
 @description
@@ -163,8 +163,8 @@ function applyHook(root, functionName) {
 @summary Monkey-patching toolkit to make it easier and cleaner to run code before and after functions or to inject new code into script tags
 @license WTFPL (do WTF you want)
 @author Original by mildmojo; modified by Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 */
 var kitsy = (window.kitsy = window.kitsy || {
diff --git a/dist/stopwatch.js b/dist/stopwatch.js
index 5a408bb4..3d5d16c8 100644
--- a/dist/stopwatch.js
+++ b/dist/stopwatch.js
@@ -4,8 +4,8 @@
 @summary time player actions
 @license MIT
 @author Lenny Magner
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 
 @description
@@ -200,8 +200,8 @@ function applyHook(root, functionName) {
 @summary Monkey-patching toolkit to make it easier and cleaner to run code before and after functions or to inject new code into script tags
 @license WTFPL (do WTF you want)
 @author Original by mildmojo; modified by Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 */
 var kitsy = (window.kitsy = window.kitsy || {
@@ -361,8 +361,8 @@ function addDualDialogTag(tag, fn) {
 @file utils
 @summary miscellaneous bitsy utilities
 @author Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 */
 
diff --git a/dist/text-to-speech.js b/dist/text-to-speech.js
index 9fe2442b..12ee2be8 100644
--- a/dist/text-to-speech.js
+++ b/dist/text-to-speech.js
@@ -4,8 +4,8 @@
 @summary text-to-speech for bitsy dialog
 @license MIT
 @author Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 
 @description
@@ -188,8 +188,8 @@ function applyHook(root, functionName) {
 @summary Monkey-patching toolkit to make it easier and cleaner to run code before and after functions or to inject new code into script tags
 @license WTFPL (do WTF you want)
 @author Original by mildmojo; modified by Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 */
 var kitsy = (window.kitsy = window.kitsy || {
diff --git a/dist/tracery-processing.js b/dist/tracery-processing.js
index 0ffc63f7..e6f21a3a 100644
--- a/dist/tracery-processing.js
+++ b/dist/tracery-processing.js
@@ -4,8 +4,8 @@
 @summary process all dialog text with a tracery grammar
 @license MIT
 @author Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 
 @description
@@ -1032,8 +1032,8 @@ function applyHook(root, functionName) {
 @summary Monkey-patching toolkit to make it easier and cleaner to run code before and after functions or to inject new code into script tags
 @license WTFPL (do WTF you want)
 @author Original by mildmojo; modified by Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 */
 var kitsy = (window.kitsy = window.kitsy || {
diff --git a/dist/transitions.js b/dist/transitions.js
index 434d0ce8..f2d3985f 100644
--- a/dist/transitions.js
+++ b/dist/transitions.js
@@ -4,8 +4,8 @@
 @summary customizable WebGL transitions
 @license MIT
 @author Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 
 @description
@@ -82,7 +82,7 @@ var hackOptions = {
 	glazyOptions: {},
 };
 
-function t(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function e(t,e){for(var i=0;i<e.length;i++){var s=e[i];s.enumerable=s.enumerable||!1,s.configurable=!0,"value"in s&&(s.writable=!0),Object.defineProperty(t,s.key,s);}}function i(t,i,s){return i&&e(t.prototype,i),s&&e(t,s),t}function s(t){if(!s.context&&(s.context=t.getContext("webgl")||t.getContext("experimental-webgl"),!s.context))throw "No WebGL support";return s.context}var n=function(){function e(i,n){t(this,e),this.gl=new s,this.vertSource=i,this.fragSource=n,this.program=this.gl.createProgram();try{this.vertShader=this.compileShader(this.vertSource,this.gl.VERTEX_SHADER),this.fragShader=this.compileShader(this.fragSource,this.gl.FRAGMENT_SHADER);}catch(t){throw this.gl.deleteProgram(this.program),delete this.program,console.error("Couldn't create shader: ",t),t}this.gl.attachShader(this.program,this.vertShader),this.gl.deleteShader(this.vertShader),delete this.vertShader,this.gl.attachShader(this.program,this.fragShader),this.gl.deleteShader(this.fragShader),delete this.fragShader,this.gl.linkProgram(this.program);}return i(e,[{key:"compileShader",value:function(t,e){try{var i=this.gl.createShader(e);if(this.gl.shaderSource(i,t),this.gl.compileShader(i),!this.gl.getShaderParameter(i,this.gl.COMPILE_STATUS))throw this.gl.getShaderInfoLog(i);return i}catch(i){throw console.error("Couldn't compile shader (".concat(e,"): "),t,i),i}}},{key:"useProgram",value:function(){this.gl.useProgram(this.program);}}]),e}(),o=function(){function e(i,n,o){t(this,e),this.gl=new s,this.source=i,this.texture=this.gl.createTexture(),this.bind(n),this.gl.texImage2D(this.gl.TEXTURE_2D,0,this.gl.RGBA,this.gl.RGBA,this.gl.UNSIGNED_BYTE,this.source),this.gl.pixelStorei(this.gl.UNPACK_FLIP_Y_WEBGL,!0),this.gl.texParameteri(this.gl.TEXTURE_2D,this.gl.TEXTURE_MAG_FILTER,o?this.gl.NEAREST:this.gl.LINEAR),this.gl.texParameteri(this.gl.TEXTURE_2D,this.gl.TEXTURE_MIN_FILTER,o?this.gl.NEAREST:this.gl.LINEAR),this.gl.texParameteri(this.gl.TEXTURE_2D,this.gl.TEXTURE_WRAP_S,this.gl.CLAMP_TO_EDGE),this.gl.texParameteri(this.gl.TEXTURE_2D,this.gl.TEXTURE_WRAP_T,this.gl.CLAMP_TO_EDGE),this.gl.bindTexture(this.gl.TEXTURE_2D,null);}return i(e,[{key:"update",value:function(){this.bind(),this.gl.pixelStorei(this.gl.UNPACK_FLIP_Y_WEBGL,!0),this.gl.texImage2D(this.gl.TEXTURE_2D,0,this.gl.RGBA,this.gl.RGBA,this.gl.UNSIGNED_BYTE,this.source),this.gl.bindTexture(this.gl.TEXTURE_2D,null);}},{key:"bind",value:function(t){var e=t||this.lastBoundId||0;this.gl.activeTexture(this.gl.TEXTURE0+e),this.gl.bindTexture(this.gl.TEXTURE_2D,this.texture),this.lastBoundId=e;}}]),e}(),r="// default vertex shader\nattribute vec4 position;\nvoid main() {\n\tgl_Position = position;\n}",a="// default fragment shader\nprecision mediump float;\nuniform sampler2D tex0;\nuniform sampler2D tex1;\nuniform vec2 resolution;\n\nvoid main() {\n\tvec2 coord = gl_FragCoord.xy;\n\tvec2 uv = coord.xy / resolution.xy;\n\tgl_FragColor = texture2D(tex0, uv);\n}",h=function(){function e(i){var s=this,n=i.source,o=i.sources,h=void 0===o?["canvas","video","img"]:o,c=i.hideSource,l=void 0===c||c,u=i.background,d=void 0===u?"black":u,g=i.scaleMultiplier,m=void 0===g?1:g,v=i.scaleMode,f=void 0===v?e.SCALE_MODES.FIT:v,p=i.allowDownscaling,E=void 0!==p&&p,T=i.timestep,b=void 0===T?1/60*1e3:T,x=i.disableFeedbackTexture,y=void 0!==x&&x,w=i.disableMouseEvents,S=void 0!==w&&w,A=i.pixelate,L=void 0===A||A,_=i.autoInit,R=void 0===_||_,F=i.vertex,M=void 0===F?r:F,C=i.fragment,k=void 0===C?a:C;t(this,e),this.main=function(t){s.lastTime=s.curTime,s.curTime=(t||s.now())-s.startTime,s.deltaTime=s.curTime-s.lastTime,s.accumulator+=s.deltaTime,s.accumulator>s.timestep&&(s.render(),s.accumulator-=s.timestep),s.requestAnimationFrame(s.main);},this.sources=h,this.source=n||this.getSource(),this.hideSource=l,this.background=d,this.scaleMultiplier=m,this._scale=m,this.scaleMode=f,this.allowDownscaling=E,this.timestep=b,this.disableFeedbackTexture=!!y,this.disableMouseEvents=!!S,this.pixelate=L,this.vertex=M,this.fragment=k,R&&this.init();}return i(e,[{key:"getSource",value:function(){var t,e=[];for(t=0;t<this.sources.length;++t)e.push(Array.prototype.slice.call(document.getElementsByTagName(this.sources[t])));if(0===(e=Array.prototype.concat.apply([],e)).length)throw "Couldn't find an element from "+this.sources+" to use as a source";return e[0]}},{key:"insertStylesheet",value:function(){this.style=document.createElement("style"),document.head.appendChild(this.style),this.style.innerHTML="\nhtml,body,div#canvasContainer{\n\tpadding:0;\n\tmargin:0;\n\n\twidth:100%;\n\theight:100%;\n\n\ttop:0;\n\tleft:0;\n\tright:0;\n\tbottom:0;\n\n\tbackground: ".concat(this.background,";\n\tcolor:#FFFFFF;\n\n\toverflow:hidden;\n\n\t").concat(this.hideSource?"visibility: hidden!important;":"","\n}\n\ncanvas#outputCanvas{\n").concat(this.pixelate?"\n\timage-rendering: optimizeSpeed;\n\timage-rendering: -webkit-crisp-edges;\n\timage-rendering: -moz-crisp-edges;\n\timage-rendering: -o-crisp-edges; \n\timage-rendering: crisp-edges;\n\timage-rendering: -webkit-optimize-contrast;\n\timage-rendering: optimize-contrast;\n\timage-rendering: pixelated;\n\t-ms-interpolation-mode: nearest-neighbor;\n":"","\n\n\tposition:absolute;\n\tmargin:auto;\n\ttop:0;\n\tleft:-1000%;\n\tright:-1000%;\n\tbottom:0;\n\n\t\t\t").concat(this.hideSource?" visibility: visible!important;":"","\n\t\t\t").concat(this.scaleMode===this.constructor.SCALE_MODES.MULTIPLES?"\n\ttransition:\n\t\twidth  0.2s cubic-bezier(0.22, 1.84, 0.88, 0.77),\n\t\theight 0.2s cubic-bezier(0.22, 1.84, 0.88, 0.77);":"","\n};");}},{key:"init",value:function(){this.size={x:this.source.width||this.source.style.width,y:this.source.height||this.source.style.height},this.size.x*=this.scaleMultiplier||1,this.size.y*=this.scaleMultiplier||1,this.ratio=this.size.x/this.size.y,this.insertStylesheet(),this.canvasContainer=document.createElement("div"),this.canvasContainer.id="canvasContainer",this.allowDownscaling||(this.canvasContainer.style.minWidth=this.size.x+"px",this.canvasContainer.style.minHeight=this.size.y+"px"),this.canvas=document.createElement("canvas"),this.canvas.id="outputCanvas",this.canvas.width=this.size.x,this.canvas.height=this.size.y,this.canvas.style.width=this.canvas.style.height=0,this.canvasContainer.appendChild(this.canvas),document.body.appendChild(this.canvasContainer);try{this.gl=new s(this.canvas),this.render=this.renderGL;}catch(t){console.warn("Falling back to canvas rendering: ",t),this.render=this.renderCanvas,this.canvas2d=this.canvas.getContext("2d");}this.gl&&(this.vertices=new Float32Array([-1,-1,1,-1,-1,1,1,-1,1,1,-1,1]),this.vertexBuffer=this.gl.createBuffer(),this.gl.bindBuffer(this.gl.ARRAY_BUFFER,this.vertexBuffer),this.gl.bufferData(this.gl.ARRAY_BUFFER,this.vertices,this.gl.STATIC_DRAW),this.textureSource=new o(this.source,0,this.pixelate),this.disableFeedbackTexture||(this.textureFeedback=new o(this.canvas,1,this.pixelate)),this.setShader(this.vertex,this.fragment),this.gl.viewport(0,0,this.size.x,this.size.y),this.gl.clearColor(0,0,0,1)),window.onresize=this.onResize.bind(this),window.onresize(),this.disableMouseEvents||(this.canvas.onmousedown=this.onMouseEvent.bind(this),this.canvas.onmouseup=this.onMouseEvent.bind(this),this.canvas.onmousemove=this.onMouseEvent.bind(this),this.canvas.onmouseenter=this.onMouseEvent.bind(this),this.canvas.onmouseexit=this.onMouseEvent.bind(this),this.canvas.onmouseover=this.onMouseEvent.bind(this),this.canvas.onmouseout=this.onMouseEvent.bind(this),this.canvas.onmouseleave=this.onMouseEvent.bind(this),this.canvas.onclick=this.onMouseEvent.bind(this),this.canvas.ondblclick=this.onMouseEvent.bind(this),this.canvas.oncontextmenu=this.onMouseEvent.bind(this),this.canvas.ontouchstart=this.onTouchEvent.bind(this),this.canvas.ontouchend=this.onTouchEvent.bind(this),this.canvas.ontouchmove=this.onTouchEvent.bind(this),this.canvas.touchcancel=this.onTouchEvent.bind(this)),this.accumulator=0,"performance"in window?this.now=function(){return window.performance.now()}:this.now=function(){return window.Date.now()},"requestPostAnimationFrame"in window?this.requestAnimationFrame=function(t){window.requestPostAnimationFrame(t);}:"requestAnimationFrame"in window?this.requestAnimationFrame=function(t){window.requestAnimationFrame(t);}:this.requestAnimationFrame=function(t){setTimeout(t,-1);},this.startTime=this.now(),this.curTime=this.lastTime=0,this.main(this.curTime);}},{key:"setShader",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:r,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:a;this.program&&this.gl.deleteProgram(this.program),this.shader=new n(t,e),this.shader.useProgram(),this.glLocations={position:this.gl.getAttribLocation(this.shader.program,"position"),tex0:this.gl.getUniformLocation(this.shader.program,"tex0"),tex1:this.gl.getUniformLocation(this.shader.program,"tex1"),time:this.gl.getUniformLocation(this.shader.program,"time"),resolution:this.gl.getUniformLocation(this.shader.program,"resolution")},this.gl.uniform1i(this.glLocations.tex0,0),this.gl.uniform1i(this.glLocations.tex1,1),this.gl.uniform2f(this.glLocations.resolution,this.size.x,this.size.y),this.gl.enableVertexAttribArray(this.glLocations.position),this.gl.vertexAttribPointer(this.glLocations.position,2,this.gl.FLOAT,!1,0,0);}},{key:"renderCanvas",value:function(){this.canvas2d.clearRect(0,0,this.size.x,this.size.y),this.canvas2d.drawImage(this.source,0,0);}},{key:"renderGL",value:function(){this.textureSource.update(),this.gl.uniform1f(this.glLocations.time,this.curTime),this.gl.clear(this.gl.COLOR_BUFFER_BIT|this.gl.DEPTH_BUFFER_BIT),this.shader.useProgram(),this.textureSource.bind(),this.disableFeedbackTexture||this.textureFeedback.bind(),this.gl.drawArrays(this.gl.TRIANGLES,0,this.vertices.length/2),this.disableFeedbackTexture||this.textureFeedback.update();}},{key:"onResize",value:function(){var t,e,i=this.canvasContainer.offsetWidth,s=this.canvasContainer.offsetHeight,n=i/s,o=this.constructor.SCALE_MODES,r=1;switch(n<this.ratio?s=Math.round(i/this.ratio):i=Math.round(s*this.ratio),this.scaleMode){case o.MULTIPLES:for(r=1,t=this.size.x,e=this.size.y;t+this.size.x<=i||e+this.size.y<=s;)t+=this.size.x,e+=this.size.y,r+=1;break;case o.FIT:t=i,e=s,r=i/this.size.x;break;case o.COVER:i=this.canvasContainer.offsetWidth,s=this.canvasContainer.offsetHeight,n<this.ratio?i=Math.round(s*this.ratio):s=Math.round(i/this.ratio),t=i,e=s,r=i/this.size.x;break;case o.NONE:r=1,t=this.size.x,e=this.size.y;}this._scale=this.scaleMultiplier*r,this.canvas.style.width=t+"px",this.canvas.style.height=e+"px";}},{key:"onMouseEvent",value:function(t){var e=this.canvas,i=this.source,s=e.offsetLeft+e.scrollLeft,n=e.offsetTop+e.scrollTop,o=i.offsetLeft+i.scrollLeft,r=i.offsetTop+i.scrollTop,a=1/this._scale,h=new MouseEvent(t.type,{screenX:(t.screenX-s)*a+o,screenY:(t.screenY-n)*a+r,clientX:(t.clientX-s)*a+o,clientY:(t.clientY-n)*a+r,altKey:t.altKey,shiftKey:t.shiftKey,metaKey:t.metaKey,button:t.button,buttons:t.buttons,relatedTarget:t.relatedTarget,region:t.region});i.dispatchEvent(h);}},{key:"onTouchEvent",value:function(t){var e=this.canvas,i=this.source,s=e.offsetLeft+e.scrollLeft,n=e.offsetTop+e.scrollTop,o=i.offsetLeft+i.scrollLeft,r=i.offsetTop+i.scrollTop,a=1/this._scale,h=function(t){return new Touch({identifier:t.identifier,force:t.force,rotationAngle:t.rotationAngle,target:t.target,radiusX:t.radiusX,radiusY:t.radiusY,pageX:(t.pageX-s)*a+o,pageY:(t.pageY-s)*a+o,screenX:(t.screenX-s)*a+o,screenY:(t.screenY-n)*a+r,clientX:(t.clientX-s)*a+o,clientY:(t.clientY-n)*a+r})},c=Array.from(t.touches).map(h),l=Array.from(t.targetTouches).map(h),u=Array.from(t.changedTouches).map(h),d=new t.constructor(t.type,{touches:c,targetTouches:l,changedTouches:u,ctrlKey:t.ctrlKey,shiftKey:t.shiftKey,altKey:t.altKey,metaKey:t.metaKey});i.dispatchEvent(d);}}]),e}();h.SCALE_MODES=Object.freeze({FIT:"FIT",COVER:"COVER",MULTIPLES:"MULTIPLES",NONE:"NONE"});
+function t(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function e(t,e){for(var i=0;i<e.length;i++){var s=e[i];s.enumerable=s.enumerable||!1,s.configurable=!0,"value"in s&&(s.writable=!0),Object.defineProperty(t,s.key,s);}}function i(t,i,s){return i&&e(t.prototype,i),t}function s(t){if(!s.context&&(s.context=t.getContext("webgl")||t.getContext("experimental-webgl"),!s.context))throw "No WebGL support";return s.context}var n=function(){function e(i,n){t(this,e),this.gl=new s,this.vertSource=i,this.fragSource=n,this.program=this.gl.createProgram();try{this.vertShader=this.compileShader(this.vertSource,this.gl.VERTEX_SHADER),this.fragShader=this.compileShader(this.fragSource,this.gl.FRAGMENT_SHADER);}catch(t){throw this.gl.deleteProgram(this.program),delete this.program,console.error("Couldn't create shader: ",t),t}this.gl.attachShader(this.program,this.vertShader),this.gl.deleteShader(this.vertShader),delete this.vertShader,this.gl.attachShader(this.program,this.fragShader),this.gl.deleteShader(this.fragShader),delete this.fragShader,this.gl.linkProgram(this.program);}return i(e,[{key:"compileShader",value:function(t,e){try{var i=this.gl.createShader(e);if(this.gl.shaderSource(i,t),this.gl.compileShader(i),!this.gl.getShaderParameter(i,this.gl.COMPILE_STATUS))throw this.gl.getShaderInfoLog(i);return i}catch(i){throw console.error("Couldn't compile shader (".concat(e,"): "),t,i),i}}},{key:"useProgram",value:function(){this.gl.useProgram(this.program);}}]),e}(),o=function(){function e(i,n,o){t(this,e),this.gl=new s,this.source=i,this.texture=this.gl.createTexture(),this.bind(n),this.gl.texImage2D(this.gl.TEXTURE_2D,0,this.gl.RGBA,this.gl.RGBA,this.gl.UNSIGNED_BYTE,this.source),this.gl.pixelStorei(this.gl.UNPACK_FLIP_Y_WEBGL,!0),this.gl.texParameteri(this.gl.TEXTURE_2D,this.gl.TEXTURE_MAG_FILTER,o?this.gl.NEAREST:this.gl.LINEAR),this.gl.texParameteri(this.gl.TEXTURE_2D,this.gl.TEXTURE_MIN_FILTER,o?this.gl.NEAREST:this.gl.LINEAR),this.gl.texParameteri(this.gl.TEXTURE_2D,this.gl.TEXTURE_WRAP_S,this.gl.CLAMP_TO_EDGE),this.gl.texParameteri(this.gl.TEXTURE_2D,this.gl.TEXTURE_WRAP_T,this.gl.CLAMP_TO_EDGE),this.gl.bindTexture(this.gl.TEXTURE_2D,null);}return i(e,[{key:"update",value:function(){this.bind(),this.gl.pixelStorei(this.gl.UNPACK_FLIP_Y_WEBGL,!0),this.gl.texImage2D(this.gl.TEXTURE_2D,0,this.gl.RGBA,this.gl.RGBA,this.gl.UNSIGNED_BYTE,this.source),this.gl.bindTexture(this.gl.TEXTURE_2D,null);}},{key:"bind",value:function(t){var e=t||this.lastBoundId||0;this.gl.activeTexture(this.gl.TEXTURE0+e),this.gl.bindTexture(this.gl.TEXTURE_2D,this.texture),this.lastBoundId=e;}}]),e}(),r="// default vertex shader\nattribute vec4 position;\nvoid main() {\n\tgl_Position = position;\n}",a="// default fragment shader\nprecision mediump float;\nuniform sampler2D tex0;\nuniform sampler2D tex1;\nuniform vec2 resolution;\n\nvoid main() {\n\tvec2 coord = gl_FragCoord.xy;\n\tvec2 uv = coord.xy / resolution.xy;\n\tgl_FragColor = texture2D(tex0, uv);\n}",h=function(){function e(i){var s=this,n=i.source,o=i.sources,h=void 0===o?["canvas","video","img"]:o,c=i.hideSource,l=void 0===c||c,u=i.background,d=void 0===u?"black":u,g=i.scaleMultiplier,m=void 0===g?1:g,v=i.scaleMode,f=void 0===v?e.SCALE_MODES.FIT:v,p=i.allowDownscaling,E=void 0!==p&&p,T=i.timestep,b=void 0===T?1/60*1e3:T,x=i.disableFeedbackTexture,y=void 0!==x&&x,w=i.disableMouseEvents,S=void 0!==w&&w,A=i.pixelate,L=void 0===A||A,_=i.autoInit,R=void 0===_||_,F=i.vertex,M=void 0===F?r:F,C=i.fragment,k=void 0===C?a:C;t(this,e),this.main=function(t){s.lastTime=s.curTime,s.curTime=(t||s.now())-s.startTime,s.deltaTime=s.curTime-s.lastTime,s.accumulator+=s.deltaTime,s.accumulator>s.timestep&&(s.render(),s.accumulator-=s.timestep),s.requestAnimationFrame(s.main);},this.sources=h,this.source=n||this.getSource(),this.hideSource=l,this.background=d,this.scaleMultiplier=m,this._scale=m,this.scaleMode=f,this.allowDownscaling=E,this.timestep=b,this.disableFeedbackTexture=!!y,this.disableMouseEvents=!!S,this.pixelate=L,this.vertex=M,this.fragment=k,R&&this.init();}return i(e,[{key:"getSource",value:function(){var t,e=[];for(t=0;t<this.sources.length;++t)e.push(Array.prototype.slice.call(document.getElementsByTagName(this.sources[t])));if(0===(e=Array.prototype.concat.apply([],e)).length)throw "Couldn't find an element from "+this.sources+" to use as a source";return e[0]}},{key:"insertStylesheet",value:function(){this.style=document.createElement("style"),document.head.appendChild(this.style),this.style.innerHTML="\nhtml,body,div#canvasContainer{\n\tpadding:0;\n\tmargin:0;\n\n\twidth:100%;\n\theight:100%;\n\n\ttop:0;\n\tleft:0;\n\tright:0;\n\tbottom:0;\n\n\tbackground: ".concat(this.background,";\n\tcolor:#FFFFFF;\n\n\toverflow:hidden;\n\n\t").concat(this.hideSource?"visibility: hidden!important;":"","\n}\n\ncanvas#outputCanvas{\n").concat(this.pixelate?"\n\timage-rendering: optimizeSpeed;\n\timage-rendering: -webkit-crisp-edges;\n\timage-rendering: -moz-crisp-edges;\n\timage-rendering: -o-crisp-edges; \n\timage-rendering: crisp-edges;\n\timage-rendering: -webkit-optimize-contrast;\n\timage-rendering: optimize-contrast;\n\timage-rendering: pixelated;\n\t-ms-interpolation-mode: nearest-neighbor;\n":"","\n\n\tposition:absolute;\n\tmargin:auto;\n\ttop:0;\n\tleft:-1000%;\n\tright:-1000%;\n\tbottom:0;\n\n\t\t\t").concat(this.hideSource?" visibility: visible!important;":"","\n\t\t\t").concat(this.scaleMode===this.constructor.SCALE_MODES.MULTIPLES?"\n\ttransition:\n\t\twidth  0.2s cubic-bezier(0.22, 1.84, 0.88, 0.77),\n\t\theight 0.2s cubic-bezier(0.22, 1.84, 0.88, 0.77);":"","\n};");}},{key:"init",value:function(){this.size={x:this.source.width||this.source.style.width,y:this.source.height||this.source.style.height},this.size.x*=this.scaleMultiplier||1,this.size.y*=this.scaleMultiplier||1,this.ratio=this.size.x/this.size.y,this.insertStylesheet(),this.canvasContainer=document.createElement("div"),this.canvasContainer.id="canvasContainer",this.allowDownscaling||(this.canvasContainer.style.minWidth=this.size.x+"px",this.canvasContainer.style.minHeight=this.size.y+"px"),this.canvas=document.createElement("canvas"),this.canvas.id="outputCanvas",this.canvas.width=this.size.x,this.canvas.height=this.size.y,this.canvas.style.width=this.canvas.style.height=0,this.canvasContainer.appendChild(this.canvas),document.body.appendChild(this.canvasContainer);try{this.gl=new s(this.canvas),this.render=this.renderGL;}catch(t){console.warn("Falling back to canvas rendering: ",t),this.render=this.renderCanvas,this.canvas2d=this.canvas.getContext("2d");}this.gl&&(this.vertices=new Float32Array([-1,-1,1,-1,-1,1,1,-1,1,1,-1,1]),this.vertexBuffer=this.gl.createBuffer(),this.gl.bindBuffer(this.gl.ARRAY_BUFFER,this.vertexBuffer),this.gl.bufferData(this.gl.ARRAY_BUFFER,this.vertices,this.gl.STATIC_DRAW),this.textureSource=new o(this.source,0,this.pixelate),this.disableFeedbackTexture||(this.textureFeedback=new o(this.canvas,1,this.pixelate)),this.setShader(this.vertex,this.fragment),this.gl.viewport(0,0,this.size.x,this.size.y),this.gl.clearColor(0,0,0,1)),window.onresize=this.onResize.bind(this),window.onresize(),this.disableMouseEvents||(this.canvas.onmousedown=this.onMouseEvent.bind(this),this.canvas.onmouseup=this.onMouseEvent.bind(this),this.canvas.onmousemove=this.onMouseEvent.bind(this),this.canvas.onmouseenter=this.onMouseEvent.bind(this),this.canvas.onmouseexit=this.onMouseEvent.bind(this),this.canvas.onmouseover=this.onMouseEvent.bind(this),this.canvas.onmouseout=this.onMouseEvent.bind(this),this.canvas.onmouseleave=this.onMouseEvent.bind(this),this.canvas.onclick=this.onMouseEvent.bind(this),this.canvas.ondblclick=this.onMouseEvent.bind(this),this.canvas.oncontextmenu=this.onMouseEvent.bind(this),this.canvas.ontouchstart=this.onTouchEvent.bind(this),this.canvas.ontouchend=this.onTouchEvent.bind(this),this.canvas.ontouchmove=this.onTouchEvent.bind(this),this.canvas.touchcancel=this.onTouchEvent.bind(this)),this.accumulator=0,"performance"in window?this.now=function(){return window.performance.now()}:this.now=function(){return window.Date.now()},"requestPostAnimationFrame"in window?this.requestAnimationFrame=function(t){window.requestPostAnimationFrame(t);}:"requestAnimationFrame"in window?this.requestAnimationFrame=function(t){window.requestAnimationFrame(t);}:this.requestAnimationFrame=function(t){setTimeout(t,-1);},this.startTime=this.now(),this.curTime=this.lastTime=0,this.main(this.curTime);}},{key:"setShader",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:r,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:a;this.program&&this.gl.deleteProgram(this.program),this.shader=new n(t,e),this.shader.useProgram(),this.glLocations={position:this.gl.getAttribLocation(this.shader.program,"position"),tex0:this.gl.getUniformLocation(this.shader.program,"tex0"),tex1:this.gl.getUniformLocation(this.shader.program,"tex1"),time:this.gl.getUniformLocation(this.shader.program,"time"),resolution:this.gl.getUniformLocation(this.shader.program,"resolution")},this.gl.uniform1i(this.glLocations.tex0,0),this.gl.uniform1i(this.glLocations.tex1,1),this.gl.uniform2f(this.glLocations.resolution,this.size.x,this.size.y),this.gl.enableVertexAttribArray(this.glLocations.position),this.gl.vertexAttribPointer(this.glLocations.position,2,this.gl.FLOAT,!1,0,0);}},{key:"renderCanvas",value:function(){this.canvas2d.clearRect(0,0,this.size.x,this.size.y),this.canvas2d.drawImage(this.source,0,0);}},{key:"renderGL",value:function(){this.textureSource.update(),this.gl.uniform1f(this.glLocations.time,this.curTime),this.gl.clear(this.gl.COLOR_BUFFER_BIT|this.gl.DEPTH_BUFFER_BIT),this.shader.useProgram(),this.textureSource.bind(),this.disableFeedbackTexture||this.textureFeedback.bind(),this.gl.drawArrays(this.gl.TRIANGLES,0,this.vertices.length/2),this.disableFeedbackTexture||this.textureFeedback.update();}},{key:"onResize",value:function(){var t,e,i=this.canvasContainer.offsetWidth,s=this.canvasContainer.offsetHeight,n=i/s,o=this.constructor.SCALE_MODES,r=1;switch(n<this.ratio?s=Math.round(i/this.ratio):i=Math.round(s*this.ratio),this.scaleMode){case o.MULTIPLES:for(r=1,t=this.size.x,e=this.size.y;t+this.size.x<=i||e+this.size.y<=s;)t+=this.size.x,e+=this.size.y,r+=1;break;case o.FIT:t=i,e=s,r=i/this.size.x;break;case o.COVER:i=this.canvasContainer.offsetWidth,s=this.canvasContainer.offsetHeight,n<this.ratio?i=Math.round(s*this.ratio):s=Math.round(i/this.ratio),t=i,e=s,r=i/this.size.x;break;case o.NONE:r=1,t=this.size.x,e=this.size.y;}this._scale=this.scaleMultiplier*r,this.canvas.style.width=t+"px",this.canvas.style.height=e+"px";}},{key:"onMouseEvent",value:function(t){var e=this.canvas,i=this.source,s=e.offsetLeft+e.scrollLeft,n=e.offsetTop+e.scrollTop,o=i.offsetLeft+i.scrollLeft,r=i.offsetTop+i.scrollTop,a=1/this._scale,h=new MouseEvent(t.type,{screenX:(t.screenX-s)*a+o,screenY:(t.screenY-n)*a+r,clientX:(t.clientX-s)*a+o,clientY:(t.clientY-n)*a+r,altKey:t.altKey,shiftKey:t.shiftKey,metaKey:t.metaKey,button:t.button,buttons:t.buttons,relatedTarget:t.relatedTarget,region:t.region});i.dispatchEvent(h);}},{key:"onTouchEvent",value:function(t){var e=this.canvas,i=this.source,s=e.offsetLeft+e.scrollLeft,n=e.offsetTop+e.scrollTop,o=i.offsetLeft+i.scrollLeft,r=i.offsetTop+i.scrollTop,a=1/this._scale,h=function(t){return new Touch({identifier:t.identifier,force:t.force,rotationAngle:t.rotationAngle,target:t.target,radiusX:t.radiusX,radiusY:t.radiusY,pageX:(t.pageX-s)*a+o,pageY:(t.pageY-s)*a+o,screenX:(t.screenX-s)*a+o,screenY:(t.screenY-n)*a+r,clientX:(t.clientX-s)*a+o,clientY:(t.clientY-n)*a+r})},c=Array.from(t.touches).map(h),l=Array.from(t.targetTouches).map(h),u=Array.from(t.changedTouches).map(h),d=new t.constructor(t.type,{touches:c,targetTouches:l,changedTouches:u,ctrlKey:t.ctrlKey,shiftKey:t.shiftKey,altKey:t.altKey,metaKey:t.metaKey});i.dispatchEvent(d);}}]),e}();h.SCALE_MODES=Object.freeze({FIT:"FIT",COVER:"COVER",MULTIPLES:"MULTIPLES",NONE:"NONE"});
 
 /**
  * Helper used to replace code in a script tag based on a search regex.
@@ -219,8 +219,8 @@ function applyHook(root, functionName) {
 @summary Monkey-patching toolkit to make it easier and cleaner to run code before and after functions or to inject new code into script tags
 @license WTFPL (do WTF you want)
 @author Original by mildmojo; modified by Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 */
 var kitsy = (window.kitsy = window.kitsy || {
@@ -284,8 +284,8 @@ var after = kitsy.after;
 @summary WebGLazy bitsy integration (this one's mostly just for me)
 @license MIT
 @author Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 
 @description
diff --git a/dist/transparent-background.js b/dist/transparent-background.js
index c7bd76ab..1d741c95 100644
--- a/dist/transparent-background.js
+++ b/dist/transparent-background.js
@@ -4,8 +4,8 @@
 @summary makes the game have a transparent background
 @license MIT
 @author Cephalopodunk & Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 
 @description
@@ -167,8 +167,8 @@ function applyHook(root, functionName) {
 @summary Monkey-patching toolkit to make it easier and cleaner to run code before and after functions or to inject new code into script tags
 @license WTFPL (do WTF you want)
 @author Original by mildmojo; modified by Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 */
 var kitsy = (window.kitsy = window.kitsy || {
@@ -232,8 +232,8 @@ var after = kitsy.after;
 @summary makes all sprites have transparent backgrounds (deprecated)
 @license MIT
 @author Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 
 @description
diff --git a/dist/transparent-dialog.js b/dist/transparent-dialog.js
index 54d20711..ba0be93e 100644
--- a/dist/transparent-dialog.js
+++ b/dist/transparent-dialog.js
@@ -4,8 +4,8 @@
 @summary makes the dialog box have a transparent background
 @license MIT
 @author Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 
 @description
@@ -152,8 +152,8 @@ function applyHook(root, functionName) {
 @summary Monkey-patching toolkit to make it easier and cleaner to run code before and after functions or to inject new code into script tags
 @license WTFPL (do WTF you want)
 @author Original by mildmojo; modified by Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 */
 var kitsy = (window.kitsy = window.kitsy || {
diff --git a/dist/transparent-sprites.js b/dist/transparent-sprites.js
index 35c98a1e..5e9738d2 100644
--- a/dist/transparent-sprites.js
+++ b/dist/transparent-sprites.js
@@ -4,8 +4,8 @@
 @summary makes all sprites have transparent backgrounds (deprecated)
 @license MIT
 @author Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 
 @description
@@ -170,8 +170,8 @@ function applyHook(root, functionName) {
 @summary Monkey-patching toolkit to make it easier and cleaner to run code before and after functions or to inject new code into script tags
 @license WTFPL (do WTF you want)
 @author Original by mildmojo; modified by Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 */
 var kitsy = (window.kitsy = window.kitsy || {
diff --git a/dist/twine-bitsy-comms.js b/dist/twine-bitsy-comms.js
index 38c72d54..8af9ef6a 100644
--- a/dist/twine-bitsy-comms.js
+++ b/dist/twine-bitsy-comms.js
@@ -4,8 +4,8 @@
 @summary interprocess communication for twine and bitsy
 @license MIT
 @author Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 
 @description
@@ -234,8 +234,8 @@ function applyHook(root, functionName) {
 @summary Monkey-patching toolkit to make it easier and cleaner to run code before and after functions or to inject new code into script tags
 @license WTFPL (do WTF you want)
 @author Original by mildmojo; modified by Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 */
 var kitsy = (window.kitsy = window.kitsy || {
diff --git a/dist/unique-items.js b/dist/unique-items.js
index 866bfce1..8a1ceaf5 100644
--- a/dist/unique-items.js
+++ b/dist/unique-items.js
@@ -4,8 +4,8 @@
 @summary items which, when picked up, remove all other instances of that item from the game
 @license MIT
 @author Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 
 @description
@@ -163,8 +163,8 @@ function applyHook(root, functionName) {
 @summary Monkey-patching toolkit to make it easier and cleaner to run code before and after functions or to inject new code into script tags
 @license WTFPL (do WTF you want)
 @author Original by mildmojo; modified by Sean S. LeBlanc
-@version 22.0.0
-@requires Bitsy 8.8
+@version 22.1.0
+@requires Bitsy 8.12
 
 */
 var kitsy = (window.kitsy = window.kitsy || {
diff --git a/package-lock.json b/package-lock.json
index 935095d9..500e81f1 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
 	"name": "@bitsy/hecks",
-	"version": "22.0.0",
+	"version": "22.1.0",
 	"lockfileVersion": 2,
 	"requires": true,
 	"packages": {
 		"": {
 			"name": "@bitsy/hecks",
-			"version": "22.0.0",
+			"version": "22.1.0",
 			"license": "MIT (individual hacks have their own license specified)",
 			"dependencies": {
 				"@seansleblanc/pink-trombone": "^1.0.1",
diff --git a/package.json b/package.json
index 654d7c1d..0f133b30 100644
--- a/package.json
+++ b/package.json
@@ -6,7 +6,7 @@
 		"hacks"
 	],
 	"main": "index.mjs",
-	"version": "22.0.0",
+	"version": "22.1.0",
 	"bitsyVersion": "8.12",
 	"scripts": {
 		"build": "rollup -c --bundleConfigAsCjs",