diff --git a/docs/assets/js/search.json b/docs/assets/js/search.json
index c3e8757..0011584 100644
--- a/docs/assets/js/search.json
+++ b/docs/assets/js/search.json
@@ -1 +1 @@
-{"kinds":{"4":"Enumeration","16":"Enumeration member","32":"Variable","64":"Function","128":"Class","256":"Interface","512":"Constructor","1024":"Property","2048":"Method","65536":"Type literal","2097152":"Object literal","4194304":"Type alias"},"rows":[{"id":0,"kind":128,"name":"Drawable","url":"classes/drawable.html","classes":"tsd-kind-class"},{"id":1,"kind":1024,"name":"descriptor","url":"classes/drawable.html#descriptor","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Drawable"},{"id":2,"kind":2048,"name":"minDistance","url":"classes/drawable.html#mindistance","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Drawable"},{"id":3,"kind":2048,"name":"getObjectToSerialize","url":"classes/drawable.html#getobjecttoserialize","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-protected","parent":"Drawable"},{"id":4,"kind":256,"name":"DrawableDescriptor","url":"interfaces/drawabledescriptor.html","classes":"tsd-kind-interface"},{"id":5,"kind":1024,"name":"propertyUniformMapping","url":"interfaces/drawabledescriptor.html#propertyuniformmapping","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"DrawableDescriptor"},{"id":6,"kind":65536,"name":"__type","url":"interfaces/drawabledescriptor.html#propertyuniformmapping.__type","classes":"tsd-kind-type-literal tsd-parent-kind-property","parent":"DrawableDescriptor.propertyUniformMapping"},{"id":7,"kind":1024,"name":"uniformCountMacroName","url":"interfaces/drawabledescriptor.html#uniformcountmacroname","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"DrawableDescriptor"},{"id":8,"kind":1024,"name":"sdf","url":"interfaces/drawabledescriptor.html#sdf","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"DrawableDescriptor"},{"id":9,"kind":1024,"name":"objectCountScaler","url":"interfaces/drawabledescriptor.html#objectcountscaler","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"DrawableDescriptor"},{"id":10,"kind":1024,"name":"shaderCombinationSteps","url":"interfaces/drawabledescriptor.html#shadercombinationsteps","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"DrawableDescriptor"},{"id":11,"kind":1024,"name":"empty","url":"interfaces/drawabledescriptor.html#empty","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"DrawableDescriptor"},{"id":12,"kind":4,"name":"WrapOptions","url":"enums/wrapoptions.html","classes":"tsd-kind-enum"},{"id":13,"kind":16,"name":"CLAMP_TO_EDGE","url":"enums/wrapoptions.html#clamp_to_edge","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"WrapOptions"},{"id":14,"kind":16,"name":"REPEAT","url":"enums/wrapoptions.html#repeat","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"WrapOptions"},{"id":15,"kind":16,"name":"MIRRORED_REPEAT","url":"enums/wrapoptions.html#mirrored_repeat","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"WrapOptions"},{"id":16,"kind":4,"name":"FilteringOptions","url":"enums/filteringoptions.html","classes":"tsd-kind-enum"},{"id":17,"kind":16,"name":"LINEAR","url":"enums/filteringoptions.html#linear","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"FilteringOptions"},{"id":18,"kind":16,"name":"NEAREST","url":"enums/filteringoptions.html#nearest","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"FilteringOptions"},{"id":19,"kind":256,"name":"TextureOptions","url":"interfaces/textureoptions.html","classes":"tsd-kind-interface"},{"id":20,"kind":1024,"name":"wrapS","url":"interfaces/textureoptions.html#wraps","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TextureOptions"},{"id":21,"kind":1024,"name":"wrapT","url":"interfaces/textureoptions.html#wrapt","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TextureOptions"},{"id":22,"kind":1024,"name":"minFilter","url":"interfaces/textureoptions.html#minfilter","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TextureOptions"},{"id":23,"kind":1024,"name":"maxFilter","url":"interfaces/textureoptions.html#maxfilter","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TextureOptions"},{"id":24,"kind":4194304,"name":"TextureWithOptions","url":"globals.html#texturewithoptions","classes":"tsd-kind-type-alias"},{"id":25,"kind":65536,"name":"__type","url":"globals.html#texturewithoptions.__type","classes":"tsd-kind-type-literal tsd-parent-kind-type-alias","parent":"TextureWithOptions"},{"id":26,"kind":32,"name":"source","url":"globals.html#texturewithoptions.__type.source","classes":"tsd-kind-variable tsd-parent-kind-type-literal","parent":"TextureWithOptions.__type"},{"id":27,"kind":32,"name":"overrides","url":"globals.html#texturewithoptions.__type.overrides","classes":"tsd-kind-variable tsd-parent-kind-type-literal","parent":"TextureWithOptions.__type"},{"id":28,"kind":256,"name":"RuntimeSettings","url":"interfaces/runtimesettings.html","classes":"tsd-kind-interface"},{"id":29,"kind":1024,"name":"enableHighDpiRendering","url":"interfaces/runtimesettings.html#enablehighdpirendering","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"RuntimeSettings"},{"id":30,"kind":1024,"name":"tileMultiplier","url":"interfaces/runtimesettings.html#tilemultiplier","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"RuntimeSettings"},{"id":31,"kind":1024,"name":"isWorldInverted","url":"interfaces/runtimesettings.html#isworldinverted","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"RuntimeSettings"},{"id":32,"kind":1024,"name":"lightCutoffDistance","url":"interfaces/runtimesettings.html#lightcutoffdistance","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"RuntimeSettings"},{"id":33,"kind":1024,"name":"colorPalette","url":"interfaces/runtimesettings.html#colorpalette","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"RuntimeSettings"},{"id":34,"kind":1024,"name":"textures","url":"interfaces/runtimesettings.html#textures","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"RuntimeSettings"},{"id":35,"kind":65536,"name":"__type","url":"interfaces/runtimesettings.html#textures.__type","classes":"tsd-kind-type-literal tsd-parent-kind-property","parent":"RuntimeSettings.textures"},{"id":36,"kind":1024,"name":"ambientLight","url":"interfaces/runtimesettings.html#ambientlight","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"RuntimeSettings"},{"id":37,"kind":256,"name":"StartupSettings","url":"interfaces/startupsettings.html","classes":"tsd-kind-interface"},{"id":38,"kind":1024,"name":"enableStopwatch","url":"interfaces/startupsettings.html#enablestopwatch","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"StartupSettings"},{"id":39,"kind":1024,"name":"shadowTraceCount","url":"interfaces/startupsettings.html#shadowtracecount","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"StartupSettings"},{"id":40,"kind":1024,"name":"paletteSize","url":"interfaces/startupsettings.html#palettesize","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"StartupSettings"},{"id":41,"kind":1024,"name":"backgroundColor","url":"interfaces/startupsettings.html#backgroundcolor","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"StartupSettings"},{"id":42,"kind":1024,"name":"ignoreWebGL2","url":"interfaces/startupsettings.html#ignorewebgl2","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"StartupSettings"},{"id":43,"kind":256,"name":"Renderer","url":"interfaces/renderer.html","classes":"tsd-kind-interface"},{"id":44,"kind":1024,"name":"canvasSize","url":"interfaces/renderer.html#canvassize","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"Renderer"},{"id":45,"kind":1024,"name":"viewAreaSize","url":"interfaces/renderer.html#viewareasize","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"Renderer"},{"id":46,"kind":2048,"name":"setViewArea","url":"interfaces/renderer.html#setviewarea","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"Renderer"},{"id":47,"kind":2048,"name":"displayToWorldCoordinates","url":"interfaces/renderer.html#displaytoworldcoordinates","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"Renderer"},{"id":48,"kind":2048,"name":"setRuntimeSettings","url":"interfaces/renderer.html#setruntimesettings","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"Renderer"},{"id":49,"kind":2048,"name":"addDrawable","url":"interfaces/renderer.html#adddrawable","classes":"tsd-kind-method tsd-parent-kind-interface tsd-has-type-parameter","parent":"Renderer"},{"id":50,"kind":2048,"name":"renderDrawables","url":"interfaces/renderer.html#renderdrawables","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"Renderer"},{"id":51,"kind":2048,"name":"destroy","url":"interfaces/renderer.html#destroy","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"Renderer"},{"id":52,"kind":1024,"name":"insights","url":"interfaces/renderer.html#insights","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"Renderer"},{"id":53,"kind":2048,"name":"autoscaleQuality","url":"interfaces/renderer.html#autoscalequality","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"Renderer"},{"id":54,"kind":2097152,"name":"defaultRuntimeSettings","url":"globals.html#defaultruntimesettings","classes":"tsd-kind-object-literal"},{"id":55,"kind":32,"name":"enableHighDpiRendering","url":"globals.html#defaultruntimesettings.enablehighdpirendering","classes":"tsd-kind-variable tsd-parent-kind-object-literal","parent":"defaultRuntimeSettings"},{"id":56,"kind":32,"name":"tileMultiplier","url":"globals.html#defaultruntimesettings.tilemultiplier","classes":"tsd-kind-variable tsd-parent-kind-object-literal","parent":"defaultRuntimeSettings"},{"id":57,"kind":32,"name":"isWorldInverted","url":"globals.html#defaultruntimesettings.isworldinverted","classes":"tsd-kind-variable tsd-parent-kind-object-literal","parent":"defaultRuntimeSettings"},{"id":58,"kind":32,"name":"lightCutoffDistance","url":"globals.html#defaultruntimesettings.lightcutoffdistance","classes":"tsd-kind-variable tsd-parent-kind-object-literal","parent":"defaultRuntimeSettings"},{"id":59,"kind":32,"name":"colorPalette","url":"globals.html#defaultruntimesettings.colorpalette","classes":"tsd-kind-variable tsd-parent-kind-object-literal","parent":"defaultRuntimeSettings"},{"id":60,"kind":32,"name":"ambientLight","url":"globals.html#defaultruntimesettings.ambientlight","classes":"tsd-kind-variable tsd-parent-kind-object-literal","parent":"defaultRuntimeSettings"},{"id":61,"kind":32,"name":"textures","url":"globals.html#defaultruntimesettings.textures","classes":"tsd-kind-variable tsd-parent-kind-object-literal","parent":"defaultRuntimeSettings"},{"id":62,"kind":65536,"name":"__type","url":"globals.html#defaultruntimesettings.textures.__type","classes":"tsd-kind-type-literal tsd-parent-kind-variable","parent":"defaultRuntimeSettings.textures"},{"id":63,"kind":2097152,"name":"defaultStartupSettings","url":"globals.html#defaultstartupsettings","classes":"tsd-kind-object-literal"},{"id":64,"kind":32,"name":"shadowTraceCount","url":"globals.html#defaultstartupsettings.shadowtracecount","classes":"tsd-kind-variable tsd-parent-kind-object-literal","parent":"defaultStartupSettings"},{"id":65,"kind":32,"name":"paletteSize","url":"globals.html#defaultstartupsettings.palettesize","classes":"tsd-kind-variable tsd-parent-kind-object-literal","parent":"defaultStartupSettings"},{"id":66,"kind":32,"name":"ignoreWebGL2","url":"globals.html#defaultstartupsettings.ignorewebgl2","classes":"tsd-kind-variable tsd-parent-kind-object-literal","parent":"defaultStartupSettings"},{"id":67,"kind":32,"name":"backgroundColor","url":"globals.html#defaultstartupsettings.backgroundcolor","classes":"tsd-kind-variable tsd-parent-kind-object-literal","parent":"defaultStartupSettings"},{"id":68,"kind":32,"name":"enableStopwatch","url":"globals.html#defaultstartupsettings.enablestopwatch","classes":"tsd-kind-variable tsd-parent-kind-object-literal","parent":"defaultStartupSettings"},{"id":69,"kind":128,"name":"Flashlight","url":"classes/flashlight.html","classes":"tsd-kind-class"},{"id":70,"kind":2097152,"name":"descriptor","url":"classes/flashlight.html#descriptor","classes":"tsd-kind-object-literal tsd-parent-kind-class tsd-is-overwrite tsd-is-static","parent":"Flashlight"},{"id":71,"kind":2097152,"name":"propertyUniformMapping","url":"classes/flashlight.html#descriptor.propertyuniformmapping","classes":"tsd-kind-object-literal tsd-parent-kind-object-literal","parent":"Flashlight.descriptor"},{"id":72,"kind":32,"name":"center","url":"classes/flashlight.html#descriptor.propertyuniformmapping.center-1","classes":"tsd-kind-variable tsd-parent-kind-object-literal","parent":"Flashlight.descriptor.propertyUniformMapping"},{"id":73,"kind":32,"name":"color","url":"classes/flashlight.html#descriptor.propertyuniformmapping.color-1","classes":"tsd-kind-variable tsd-parent-kind-object-literal","parent":"Flashlight.descriptor.propertyUniformMapping"},{"id":74,"kind":32,"name":"intensity","url":"classes/flashlight.html#descriptor.propertyuniformmapping.intensity-1","classes":"tsd-kind-variable tsd-parent-kind-object-literal","parent":"Flashlight.descriptor.propertyUniformMapping"},{"id":75,"kind":32,"name":"direction","url":"classes/flashlight.html#descriptor.propertyuniformmapping.direction-1","classes":"tsd-kind-variable tsd-parent-kind-object-literal","parent":"Flashlight.descriptor.propertyUniformMapping"},{"id":76,"kind":32,"name":"startCutoff","url":"classes/flashlight.html#descriptor.propertyuniformmapping.startcutoff-1","classes":"tsd-kind-variable tsd-parent-kind-object-literal","parent":"Flashlight.descriptor.propertyUniformMapping"},{"id":77,"kind":32,"name":"uniformCountMacroName","url":"classes/flashlight.html#descriptor.uniformcountmacroname","classes":"tsd-kind-variable tsd-parent-kind-object-literal","parent":"Flashlight.descriptor"},{"id":78,"kind":32,"name":"shaderCombinationSteps","url":"classes/flashlight.html#descriptor.shadercombinationsteps","classes":"tsd-kind-variable tsd-parent-kind-object-literal","parent":"Flashlight.descriptor"},{"id":79,"kind":32,"name":"empty","url":"classes/flashlight.html#descriptor.empty","classes":"tsd-kind-variable tsd-parent-kind-object-literal","parent":"Flashlight.descriptor"},{"id":80,"kind":512,"name":"constructor","url":"classes/flashlight.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-is-overwrite","parent":"Flashlight"},{"id":81,"kind":1024,"name":"direction","url":"classes/flashlight.html#direction","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Flashlight"},{"id":82,"kind":1024,"name":"startCutoff","url":"classes/flashlight.html#startcutoff","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Flashlight"},{"id":83,"kind":2048,"name":"getObjectToSerialize","url":"classes/flashlight.html#getobjecttoserialize","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite tsd-is-protected","parent":"Flashlight"},{"id":84,"kind":1024,"name":"lightnessRatio","url":"classes/flashlight.html#lightnessratio","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-inherited tsd-is-protected","parent":"Flashlight"},{"id":85,"kind":1024,"name":"center","url":"classes/flashlight.html#center","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-inherited","parent":"Flashlight"},{"id":86,"kind":1024,"name":"color","url":"classes/flashlight.html#color","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-inherited","parent":"Flashlight"},{"id":87,"kind":1024,"name":"intensity","url":"classes/flashlight.html#intensity","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-inherited","parent":"Flashlight"},{"id":88,"kind":2048,"name":"setLightnessRatio","url":"classes/flashlight.html#setlightnessratio","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"Flashlight"},{"id":89,"kind":2048,"name":"minDistance","url":"classes/flashlight.html#mindistance","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite tsd-is-inherited","parent":"Flashlight"},{"id":90,"kind":128,"name":"CircleBase","url":"classes/circlebase.html","classes":"tsd-kind-class"},{"id":91,"kind":512,"name":"constructor","url":"classes/circlebase.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class","parent":"CircleBase"},{"id":92,"kind":1024,"name":"center","url":"classes/circlebase.html#center","classes":"tsd-kind-property tsd-parent-kind-class","parent":"CircleBase"},{"id":93,"kind":1024,"name":"radius","url":"classes/circlebase.html#radius","classes":"tsd-kind-property tsd-parent-kind-class","parent":"CircleBase"},{"id":94,"kind":1024,"name":"descriptor","url":"classes/circlebase.html#descriptor","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite tsd-is-inherited tsd-is-static","parent":"CircleBase"},{"id":95,"kind":2048,"name":"minDistance","url":"classes/circlebase.html#mindistance","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite tsd-is-inherited","parent":"CircleBase"},{"id":96,"kind":2048,"name":"getObjectToSerialize","url":"classes/circlebase.html#getobjecttoserialize","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite tsd-is-inherited tsd-is-protected","parent":"CircleBase"},{"id":97,"kind":64,"name":"CircleFactory","url":"globals.html#circlefactory","classes":"tsd-kind-function"},{"id":98,"kind":128,"name":"DropletBase","url":"classes/dropletbase.html","classes":"tsd-kind-class"},{"id":99,"kind":512,"name":"constructor","url":"classes/dropletbase.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class","parent":"DropletBase"},{"id":100,"kind":1024,"name":"from","url":"classes/dropletbase.html#from","classes":"tsd-kind-property tsd-parent-kind-class","parent":"DropletBase"},{"id":101,"kind":1024,"name":"to","url":"classes/dropletbase.html#to","classes":"tsd-kind-property tsd-parent-kind-class","parent":"DropletBase"},{"id":102,"kind":1024,"name":"fromRadius","url":"classes/dropletbase.html#fromradius","classes":"tsd-kind-property tsd-parent-kind-class","parent":"DropletBase"},{"id":103,"kind":1024,"name":"toRadius","url":"classes/dropletbase.html#toradius","classes":"tsd-kind-property tsd-parent-kind-class","parent":"DropletBase"},{"id":104,"kind":1024,"name":"descriptor","url":"classes/dropletbase.html#descriptor","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite tsd-is-inherited tsd-is-static","parent":"DropletBase"},{"id":105,"kind":2048,"name":"minDistance","url":"classes/dropletbase.html#mindistance","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite tsd-is-inherited","parent":"DropletBase"},{"id":106,"kind":2048,"name":"getObjectToSerialize","url":"classes/dropletbase.html#getobjecttoserialize","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite tsd-is-inherited tsd-is-protected","parent":"DropletBase"},{"id":107,"kind":64,"name":"DropletFactory","url":"globals.html#dropletfactory","classes":"tsd-kind-function"},{"id":108,"kind":128,"name":"InvertedTunnelBase","url":"classes/invertedtunnelbase.html","classes":"tsd-kind-class"},{"id":109,"kind":512,"name":"constructor","url":"classes/invertedtunnelbase.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class","parent":"InvertedTunnelBase"},{"id":110,"kind":1024,"name":"from","url":"classes/invertedtunnelbase.html#from","classes":"tsd-kind-property tsd-parent-kind-class","parent":"InvertedTunnelBase"},{"id":111,"kind":1024,"name":"to","url":"classes/invertedtunnelbase.html#to","classes":"tsd-kind-property tsd-parent-kind-class","parent":"InvertedTunnelBase"},{"id":112,"kind":1024,"name":"fromRadius","url":"classes/invertedtunnelbase.html#fromradius","classes":"tsd-kind-property tsd-parent-kind-class","parent":"InvertedTunnelBase"},{"id":113,"kind":1024,"name":"toRadius","url":"classes/invertedtunnelbase.html#toradius","classes":"tsd-kind-property tsd-parent-kind-class","parent":"InvertedTunnelBase"},{"id":114,"kind":1024,"name":"descriptor","url":"classes/invertedtunnelbase.html#descriptor","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite tsd-is-inherited tsd-is-static","parent":"InvertedTunnelBase"},{"id":115,"kind":2048,"name":"minDistance","url":"classes/invertedtunnelbase.html#mindistance","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite tsd-is-inherited","parent":"InvertedTunnelBase"},{"id":116,"kind":2048,"name":"getObjectToSerialize","url":"classes/invertedtunnelbase.html#getobjecttoserialize","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite tsd-is-inherited tsd-is-protected","parent":"InvertedTunnelBase"},{"id":117,"kind":64,"name":"InvertedTunnelFactory","url":"globals.html#invertedtunnelfactory","classes":"tsd-kind-function"},{"id":118,"kind":128,"name":"MetaCircleBase","url":"classes/metacirclebase.html","classes":"tsd-kind-class"},{"id":119,"kind":512,"name":"constructor","url":"classes/metacirclebase.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class","parent":"MetaCircleBase"},{"id":120,"kind":1024,"name":"center","url":"classes/metacirclebase.html#center","classes":"tsd-kind-property tsd-parent-kind-class","parent":"MetaCircleBase"},{"id":121,"kind":1024,"name":"radius","url":"classes/metacirclebase.html#radius","classes":"tsd-kind-property tsd-parent-kind-class","parent":"MetaCircleBase"},{"id":122,"kind":1024,"name":"descriptor","url":"classes/metacirclebase.html#descriptor","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite tsd-is-inherited tsd-is-static","parent":"MetaCircleBase"},{"id":123,"kind":2048,"name":"minDistance","url":"classes/metacirclebase.html#mindistance","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite tsd-is-inherited","parent":"MetaCircleBase"},{"id":124,"kind":2048,"name":"getObjectToSerialize","url":"classes/metacirclebase.html#getobjecttoserialize","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite tsd-is-inherited tsd-is-protected","parent":"MetaCircleBase"},{"id":125,"kind":64,"name":"MetaCircleFactory","url":"globals.html#metacirclefactory","classes":"tsd-kind-function"},{"id":126,"kind":128,"name":"PolygonBase","url":"classes/polygonbase.html","classes":"tsd-kind-class"},{"id":127,"kind":512,"name":"constructor","url":"classes/polygonbase.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class","parent":"PolygonBase"},{"id":128,"kind":1024,"name":"vertices","url":"classes/polygonbase.html#vertices","classes":"tsd-kind-property tsd-parent-kind-class","parent":"PolygonBase"},{"id":129,"kind":1024,"name":"descriptor","url":"classes/polygonbase.html#descriptor","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite tsd-is-inherited tsd-is-static","parent":"PolygonBase"},{"id":130,"kind":2048,"name":"minDistance","url":"classes/polygonbase.html#mindistance","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite tsd-is-inherited","parent":"PolygonBase"},{"id":131,"kind":2048,"name":"getObjectToSerialize","url":"classes/polygonbase.html#getobjecttoserialize","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite tsd-is-inherited tsd-is-protected","parent":"PolygonBase"},{"id":132,"kind":64,"name":"PolygonFactory","url":"globals.html#polygonfactory","classes":"tsd-kind-function"},{"id":133,"kind":256,"name":"NoisyPolygonBase","url":"interfaces/noisypolygonbase.html","classes":"tsd-kind-interface"},{"id":134,"kind":1024,"name":"randomOffset","url":"interfaces/noisypolygonbase.html#randomoffset","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"NoisyPolygonBase"},{"id":135,"kind":512,"name":"constructor","url":"interfaces/noisypolygonbase.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-interface tsd-is-inherited","parent":"NoisyPolygonBase"},{"id":136,"kind":1024,"name":"vertices","url":"interfaces/noisypolygonbase.html#vertices","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"NoisyPolygonBase"},{"id":137,"kind":1024,"name":"descriptor","url":"interfaces/noisypolygonbase.html#descriptor","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite tsd-is-inherited tsd-is-static","parent":"NoisyPolygonBase"},{"id":138,"kind":2048,"name":"minDistance","url":"interfaces/noisypolygonbase.html#mindistance","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-overwrite tsd-is-inherited","parent":"NoisyPolygonBase"},{"id":139,"kind":2048,"name":"getObjectToSerialize","url":"interfaces/noisypolygonbase.html#getobjecttoserialize","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-overwrite tsd-is-inherited tsd-is-protected","parent":"NoisyPolygonBase"},{"id":140,"kind":64,"name":"NoisyPolygonFactory","url":"globals.html#noisypolygonfactory","classes":"tsd-kind-function"},{"id":141,"kind":128,"name":"RotatedRectangleBase","url":"classes/rotatedrectanglebase.html","classes":"tsd-kind-class"},{"id":142,"kind":512,"name":"constructor","url":"classes/rotatedrectanglebase.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class","parent":"RotatedRectangleBase"},{"id":143,"kind":1024,"name":"center","url":"classes/rotatedrectanglebase.html#center","classes":"tsd-kind-property tsd-parent-kind-class","parent":"RotatedRectangleBase"},{"id":144,"kind":1024,"name":"size","url":"classes/rotatedrectanglebase.html#size","classes":"tsd-kind-property tsd-parent-kind-class","parent":"RotatedRectangleBase"},{"id":145,"kind":1024,"name":"rotation","url":"classes/rotatedrectanglebase.html#rotation","classes":"tsd-kind-property tsd-parent-kind-class","parent":"RotatedRectangleBase"},{"id":146,"kind":1024,"name":"descriptor","url":"classes/rotatedrectanglebase.html#descriptor","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite tsd-is-inherited tsd-is-static","parent":"RotatedRectangleBase"},{"id":147,"kind":2048,"name":"minDistance","url":"classes/rotatedrectanglebase.html#mindistance","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite tsd-is-inherited","parent":"RotatedRectangleBase"},{"id":148,"kind":2048,"name":"getObjectToSerialize","url":"classes/rotatedrectanglebase.html#getobjecttoserialize","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite tsd-is-inherited tsd-is-protected","parent":"RotatedRectangleBase"},{"id":149,"kind":64,"name":"RotatedRectangleFactory","url":"globals.html#rotatedrectanglefactory","classes":"tsd-kind-function"},{"id":150,"kind":64,"name":"renderNoise","url":"globals.html#rendernoise","classes":"tsd-kind-function"},{"id":151,"kind":64,"name":"rgb255","url":"globals.html#rgb255","classes":"tsd-kind-function"},{"id":152,"kind":64,"name":"hex","url":"globals.html#hex","classes":"tsd-kind-function"},{"id":153,"kind":64,"name":"rgb","url":"globals.html#rgb","classes":"tsd-kind-function"},{"id":154,"kind":64,"name":"hsl","url":"globals.html#hsl","classes":"tsd-kind-function"},{"id":155,"kind":64,"name":"rgba","url":"globals.html#rgba","classes":"tsd-kind-function"},{"id":156,"kind":64,"name":"rgba255","url":"globals.html#rgba255","classes":"tsd-kind-function"},{"id":157,"kind":64,"name":"compile","url":"globals.html#compile","classes":"tsd-kind-function"},{"id":158,"kind":128,"name":"CircleLight","url":"classes/circlelight.html","classes":"tsd-kind-class"},{"id":159,"kind":2097152,"name":"descriptor","url":"classes/circlelight.html#descriptor","classes":"tsd-kind-object-literal tsd-parent-kind-class tsd-is-overwrite tsd-is-static","parent":"CircleLight"},{"id":160,"kind":2097152,"name":"propertyUniformMapping","url":"classes/circlelight.html#descriptor.propertyuniformmapping","classes":"tsd-kind-object-literal tsd-parent-kind-object-literal","parent":"CircleLight.descriptor"},{"id":161,"kind":32,"name":"center","url":"classes/circlelight.html#descriptor.propertyuniformmapping.center-1","classes":"tsd-kind-variable tsd-parent-kind-object-literal","parent":"CircleLight.descriptor.propertyUniformMapping"},{"id":162,"kind":32,"name":"color","url":"classes/circlelight.html#descriptor.propertyuniformmapping.color-1","classes":"tsd-kind-variable tsd-parent-kind-object-literal","parent":"CircleLight.descriptor.propertyUniformMapping"},{"id":163,"kind":32,"name":"intensity","url":"classes/circlelight.html#descriptor.propertyuniformmapping.intensity-1","classes":"tsd-kind-variable tsd-parent-kind-object-literal","parent":"CircleLight.descriptor.propertyUniformMapping"},{"id":164,"kind":32,"name":"uniformCountMacroName","url":"classes/circlelight.html#descriptor.uniformcountmacroname","classes":"tsd-kind-variable tsd-parent-kind-object-literal","parent":"CircleLight.descriptor"},{"id":165,"kind":32,"name":"shaderCombinationSteps","url":"classes/circlelight.html#descriptor.shadercombinationsteps","classes":"tsd-kind-variable tsd-parent-kind-object-literal","parent":"CircleLight.descriptor"},{"id":166,"kind":32,"name":"empty","url":"classes/circlelight.html#descriptor.empty","classes":"tsd-kind-variable tsd-parent-kind-object-literal","parent":"CircleLight.descriptor"},{"id":167,"kind":512,"name":"constructor","url":"classes/circlelight.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-is-overwrite","parent":"CircleLight"},{"id":168,"kind":1024,"name":"lightnessRatio","url":"classes/circlelight.html#lightnessratio","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-inherited tsd-is-protected","parent":"CircleLight"},{"id":169,"kind":1024,"name":"center","url":"classes/circlelight.html#center","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-inherited","parent":"CircleLight"},{"id":170,"kind":1024,"name":"color","url":"classes/circlelight.html#color","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-inherited","parent":"CircleLight"},{"id":171,"kind":1024,"name":"intensity","url":"classes/circlelight.html#intensity","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-inherited","parent":"CircleLight"},{"id":172,"kind":2048,"name":"setLightnessRatio","url":"classes/circlelight.html#setlightnessratio","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"CircleLight"},{"id":173,"kind":2048,"name":"minDistance","url":"classes/circlelight.html#mindistance","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite tsd-is-inherited","parent":"CircleLight"},{"id":174,"kind":2048,"name":"getObjectToSerialize","url":"classes/circlelight.html#getobjecttoserialize","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite tsd-is-inherited tsd-is-protected","parent":"CircleLight"}],"index":{"version":"2.3.9","fields":["name","parent"],"fieldVectors":[["name/0",[0,36.664]],["parent/0",[]],["name/1",[1,28.191]],["parent/1",[0,3.326]],["name/2",[2,28.191]],["parent/2",[0,3.326]],["name/3",[3,28.191]],["parent/3",[0,3.326]],["name/4",[4,31.556]],["parent/4",[]],["name/5",[5,39.177]],["parent/5",[4,2.863]],["name/6",[6,36.664]],["parent/6",[7,4.323]],["name/7",[8,39.177]],["parent/7",[4,2.863]],["name/8",[9,47.65]],["parent/8",[4,2.863]],["name/9",[10,47.65]],["parent/9",[4,2.863]],["name/10",[11,39.177]],["parent/10",[4,2.863]],["name/11",[12,39.177]],["parent/11",[4,2.863]],["name/12",[13,36.664]],["parent/12",[]],["name/13",[14,47.65]],["parent/13",[13,3.326]],["name/14",[15,47.65]],["parent/14",[13,3.326]],["name/15",[16,47.65]],["parent/15",[13,3.326]],["name/16",[17,39.177]],["parent/16",[]],["name/17",[18,47.65]],["parent/17",[17,3.554]],["name/18",[19,47.65]],["parent/18",[17,3.554]],["name/19",[20,34.657]],["parent/19",[]],["name/20",[21,47.65]],["parent/20",[20,3.144]],["name/21",[22,47.65]],["parent/21",[20,3.144]],["name/22",[23,47.65]],["parent/22",[20,3.144]],["name/23",[24,47.65]],["parent/23",[20,3.144]],["name/24",[25,42.542]],["parent/24",[]],["name/25",[6,36.664]],["parent/25",[25,3.859]],["name/26",[26,47.65]],["parent/26",[27,3.859]],["name/27",[28,47.65]],["parent/27",[27,3.859]],["name/28",[29,30.304]],["parent/28",[]],["name/29",[30,42.542]],["parent/29",[29,2.749]],["name/30",[31,42.542]],["parent/30",[29,2.749]],["name/31",[32,42.542]],["parent/31",[29,2.749]],["name/32",[33,42.542]],["parent/32",[29,2.749]],["name/33",[34,42.542]],["parent/33",[29,2.749]],["name/34",[35,42.542]],["parent/34",[29,2.749]],["name/35",[6,36.664]],["parent/35",[36,4.323]],["name/36",[37,42.542]],["parent/36",[29,2.749]],["name/37",[38,32.987]],["parent/37",[]],["name/38",[39,42.542]],["parent/38",[38,2.993]],["name/39",[40,42.542]],["parent/39",[38,2.993]],["name/40",[41,42.542]],["parent/40",[38,2.993]],["name/41",[42,42.542]],["parent/41",[38,2.993]],["name/42",[43,42.542]],["parent/42",[38,2.993]],["name/43",[44,27.281]],["parent/43",[]],["name/44",[45,47.65]],["parent/44",[44,2.475]],["name/45",[46,47.65]],["parent/45",[44,2.475]],["name/46",[47,47.65]],["parent/46",[44,2.475]],["name/47",[48,47.65]],["parent/47",[44,2.475]],["name/48",[49,47.65]],["parent/48",[44,2.475]],["name/49",[50,47.65]],["parent/49",[44,2.475]],["name/50",[51,47.65]],["parent/50",[44,2.475]],["name/51",[52,47.65]],["parent/51",[44,2.475]],["name/52",[53,47.65]],["parent/52",[44,2.475]],["name/53",[54,47.65]],["parent/53",[44,2.475]],["name/54",[55,30.304]],["parent/54",[]],["name/55",[30,42.542]],["parent/55",[55,2.749]],["name/56",[31,42.542]],["parent/56",[55,2.749]],["name/57",[32,42.542]],["parent/57",[55,2.749]],["name/58",[33,42.542]],["parent/58",[55,2.749]],["name/59",[34,42.542]],["parent/59",[55,2.749]],["name/60",[37,42.542]],["parent/60",[55,2.749]],["name/61",[35,42.542]],["parent/61",[55,2.749]],["name/62",[6,36.664]],["parent/62",[56,4.323]],["name/63",[57,32.987]],["parent/63",[]],["name/64",[40,42.542]],["parent/64",[57,2.993]],["name/65",[41,42.542]],["parent/65",[57,2.993]],["name/66",[43,42.542]],["parent/66",[57,2.993]],["name/67",[42,42.542]],["parent/67",[57,2.993]],["name/68",[39,42.542]],["parent/68",[57,2.993]],["name/69",[58,26.448]],["parent/69",[]],["name/70",[1,28.191]],["parent/70",[58,2.399]],["name/71",[5,39.177]],["parent/71",[59,3.326]],["name/72",[60,31.556]],["parent/72",[61,3.144]],["name/73",[62,36.664]],["parent/73",[61,3.144]],["name/74",[63,36.664]],["parent/74",[61,3.144]],["name/75",[64,42.542]],["parent/75",[61,3.144]],["name/76",[65,42.542]],["parent/76",[61,3.144]],["name/77",[8,39.177]],["parent/77",[59,3.326]],["name/78",[11,39.177]],["parent/78",[59,3.326]],["name/79",[12,39.177]],["parent/79",[59,3.326]],["name/80",[66,29.192]],["parent/80",[58,2.399]],["name/81",[64,42.542]],["parent/81",[58,2.399]],["name/82",[65,42.542]],["parent/82",[58,2.399]],["name/83",[3,28.191]],["parent/83",[58,2.399]],["name/84",[67,42.542]],["parent/84",[58,2.399]],["name/85",[60,31.556]],["parent/85",[58,2.399]],["name/86",[62,36.664]],["parent/86",[58,2.399]],["name/87",[63,36.664]],["parent/87",[58,2.399]],["name/88",[68,42.542]],["parent/88",[58,2.399]],["name/89",[2,28.191]],["parent/89",[58,2.399]],["name/90",[69,31.556]],["parent/90",[]],["name/91",[66,29.192]],["parent/91",[69,2.863]],["name/92",[60,31.556]],["parent/92",[69,2.863]],["name/93",[70,42.542]],["parent/93",[69,2.863]],["name/94",[1,28.191]],["parent/94",[69,2.863]],["name/95",[2,28.191]],["parent/95",[69,2.863]],["name/96",[3,28.191]],["parent/96",[69,2.863]],["name/97",[71,47.65]],["parent/97",[]],["name/98",[72,29.192]],["parent/98",[]],["name/99",[66,29.192]],["parent/99",[72,2.648]],["name/100",[73,42.542]],["parent/100",[72,2.648]],["name/101",[74,42.542]],["parent/101",[72,2.648]],["name/102",[75,42.542]],["parent/102",[72,2.648]],["name/103",[76,42.542]],["parent/103",[72,2.648]],["name/104",[1,28.191]],["parent/104",[72,2.648]],["name/105",[2,28.191]],["parent/105",[72,2.648]],["name/106",[3,28.191]],["parent/106",[72,2.648]],["name/107",[77,47.65]],["parent/107",[]],["name/108",[78,29.192]],["parent/108",[]],["name/109",[66,29.192]],["parent/109",[78,2.648]],["name/110",[73,42.542]],["parent/110",[78,2.648]],["name/111",[74,42.542]],["parent/111",[78,2.648]],["name/112",[75,42.542]],["parent/112",[78,2.648]],["name/113",[76,42.542]],["parent/113",[78,2.648]],["name/114",[1,28.191]],["parent/114",[78,2.648]],["name/115",[2,28.191]],["parent/115",[78,2.648]],["name/116",[3,28.191]],["parent/116",[78,2.648]],["name/117",[79,47.65]],["parent/117",[]],["name/118",[80,31.556]],["parent/118",[]],["name/119",[66,29.192]],["parent/119",[80,2.863]],["name/120",[60,31.556]],["parent/120",[80,2.863]],["name/121",[70,42.542]],["parent/121",[80,2.863]],["name/122",[1,28.191]],["parent/122",[80,2.863]],["name/123",[2,28.191]],["parent/123",[80,2.863]],["name/124",[3,28.191]],["parent/124",[80,2.863]],["name/125",[81,47.65]],["parent/125",[]],["name/126",[82,32.987]],["parent/126",[]],["name/127",[66,29.192]],["parent/127",[82,2.993]],["name/128",[83,42.542]],["parent/128",[82,2.993]],["name/129",[1,28.191]],["parent/129",[82,2.993]],["name/130",[2,28.191]],["parent/130",[82,2.993]],["name/131",[3,28.191]],["parent/131",[82,2.993]],["name/132",[84,47.65]],["parent/132",[]],["name/133",[85,31.556]],["parent/133",[]],["name/134",[86,47.65]],["parent/134",[85,2.863]],["name/135",[66,29.192]],["parent/135",[85,2.863]],["name/136",[83,42.542]],["parent/136",[85,2.863]],["name/137",[1,28.191]],["parent/137",[85,2.863]],["name/138",[2,28.191]],["parent/138",[85,2.863]],["name/139",[3,28.191]],["parent/139",[85,2.863]],["name/140",[87,47.65]],["parent/140",[]],["name/141",[88,30.304]],["parent/141",[]],["name/142",[66,29.192]],["parent/142",[88,2.749]],["name/143",[60,31.556]],["parent/143",[88,2.749]],["name/144",[89,47.65]],["parent/144",[88,2.749]],["name/145",[90,47.65]],["parent/145",[88,2.749]],["name/146",[1,28.191]],["parent/146",[88,2.749]],["name/147",[2,28.191]],["parent/147",[88,2.749]],["name/148",[3,28.191]],["parent/148",[88,2.749]],["name/149",[91,47.65]],["parent/149",[]],["name/150",[92,47.65]],["parent/150",[]],["name/151",[93,47.65]],["parent/151",[]],["name/152",[94,47.65]],["parent/152",[]],["name/153",[95,47.65]],["parent/153",[]],["name/154",[96,47.65]],["parent/154",[]],["name/155",[97,47.65]],["parent/155",[]],["name/156",[98,47.65]],["parent/156",[]],["name/157",[99,47.65]],["parent/157",[]],["name/158",[100,28.191]],["parent/158",[]],["name/159",[1,28.191]],["parent/159",[100,2.558]],["name/160",[5,39.177]],["parent/160",[101,3.326]],["name/161",[60,31.556]],["parent/161",[102,3.554]],["name/162",[62,36.664]],["parent/162",[102,3.554]],["name/163",[63,36.664]],["parent/163",[102,3.554]],["name/164",[8,39.177]],["parent/164",[101,3.326]],["name/165",[11,39.177]],["parent/165",[101,3.326]],["name/166",[12,39.177]],["parent/166",[101,3.326]],["name/167",[66,29.192]],["parent/167",[100,2.558]],["name/168",[67,42.542]],["parent/168",[100,2.558]],["name/169",[60,31.556]],["parent/169",[100,2.558]],["name/170",[62,36.664]],["parent/170",[100,2.558]],["name/171",[63,36.664]],["parent/171",[100,2.558]],["name/172",[68,42.542]],["parent/172",[100,2.558]],["name/173",[2,28.191]],["parent/173",[100,2.558]],["name/174",[3,28.191]],["parent/174",[100,2.558]]],"invertedIndex":[["__type",{"_index":6,"name":{"6":{},"25":{},"35":{},"62":{}},"parent":{}}],["adddrawable",{"_index":50,"name":{"49":{}},"parent":{}}],["ambientlight",{"_index":37,"name":{"36":{},"60":{}},"parent":{}}],["autoscalequality",{"_index":54,"name":{"53":{}},"parent":{}}],["backgroundcolor",{"_index":42,"name":{"41":{},"67":{}},"parent":{}}],["canvassize",{"_index":45,"name":{"44":{}},"parent":{}}],["center",{"_index":60,"name":{"72":{},"85":{},"92":{},"120":{},"143":{},"161":{},"169":{}},"parent":{}}],["circlebase",{"_index":69,"name":{"90":{}},"parent":{"91":{},"92":{},"93":{},"94":{},"95":{},"96":{}}}],["circlefactory",{"_index":71,"name":{"97":{}},"parent":{}}],["circlelight",{"_index":100,"name":{"158":{}},"parent":{"159":{},"167":{},"168":{},"169":{},"170":{},"171":{},"172":{},"173":{},"174":{}}}],["circlelight.descriptor",{"_index":101,"name":{},"parent":{"160":{},"164":{},"165":{},"166":{}}}],["circlelight.descriptor.propertyuniformmapping",{"_index":102,"name":{},"parent":{"161":{},"162":{},"163":{}}}],["clamp_to_edge",{"_index":14,"name":{"13":{}},"parent":{}}],["color",{"_index":62,"name":{"73":{},"86":{},"162":{},"170":{}},"parent":{}}],["colorpalette",{"_index":34,"name":{"33":{},"59":{}},"parent":{}}],["compile",{"_index":99,"name":{"157":{}},"parent":{}}],["constructor",{"_index":66,"name":{"80":{},"91":{},"99":{},"109":{},"119":{},"127":{},"135":{},"142":{},"167":{}},"parent":{}}],["defaultruntimesettings",{"_index":55,"name":{"54":{}},"parent":{"55":{},"56":{},"57":{},"58":{},"59":{},"60":{},"61":{}}}],["defaultruntimesettings.textures",{"_index":56,"name":{},"parent":{"62":{}}}],["defaultstartupsettings",{"_index":57,"name":{"63":{}},"parent":{"64":{},"65":{},"66":{},"67":{},"68":{}}}],["descriptor",{"_index":1,"name":{"1":{},"70":{},"94":{},"104":{},"114":{},"122":{},"129":{},"137":{},"146":{},"159":{}},"parent":{}}],["destroy",{"_index":52,"name":{"51":{}},"parent":{}}],["direction",{"_index":64,"name":{"75":{},"81":{}},"parent":{}}],["displaytoworldcoordinates",{"_index":48,"name":{"47":{}},"parent":{}}],["drawable",{"_index":0,"name":{"0":{}},"parent":{"1":{},"2":{},"3":{}}}],["drawabledescriptor",{"_index":4,"name":{"4":{}},"parent":{"5":{},"7":{},"8":{},"9":{},"10":{},"11":{}}}],["drawabledescriptor.propertyuniformmapping",{"_index":7,"name":{},"parent":{"6":{}}}],["dropletbase",{"_index":72,"name":{"98":{}},"parent":{"99":{},"100":{},"101":{},"102":{},"103":{},"104":{},"105":{},"106":{}}}],["dropletfactory",{"_index":77,"name":{"107":{}},"parent":{}}],["empty",{"_index":12,"name":{"11":{},"79":{},"166":{}},"parent":{}}],["enablehighdpirendering",{"_index":30,"name":{"29":{},"55":{}},"parent":{}}],["enablestopwatch",{"_index":39,"name":{"38":{},"68":{}},"parent":{}}],["filteringoptions",{"_index":17,"name":{"16":{}},"parent":{"17":{},"18":{}}}],["flashlight",{"_index":58,"name":{"69":{}},"parent":{"70":{},"80":{},"81":{},"82":{},"83":{},"84":{},"85":{},"86":{},"87":{},"88":{},"89":{}}}],["flashlight.descriptor",{"_index":59,"name":{},"parent":{"71":{},"77":{},"78":{},"79":{}}}],["flashlight.descriptor.propertyuniformmapping",{"_index":61,"name":{},"parent":{"72":{},"73":{},"74":{},"75":{},"76":{}}}],["from",{"_index":73,"name":{"100":{},"110":{}},"parent":{}}],["fromradius",{"_index":75,"name":{"102":{},"112":{}},"parent":{}}],["getobjecttoserialize",{"_index":3,"name":{"3":{},"83":{},"96":{},"106":{},"116":{},"124":{},"131":{},"139":{},"148":{},"174":{}},"parent":{}}],["hex",{"_index":94,"name":{"152":{}},"parent":{}}],["hsl",{"_index":96,"name":{"154":{}},"parent":{}}],["ignorewebgl2",{"_index":43,"name":{"42":{},"66":{}},"parent":{}}],["insights",{"_index":53,"name":{"52":{}},"parent":{}}],["intensity",{"_index":63,"name":{"74":{},"87":{},"163":{},"171":{}},"parent":{}}],["invertedtunnelbase",{"_index":78,"name":{"108":{}},"parent":{"109":{},"110":{},"111":{},"112":{},"113":{},"114":{},"115":{},"116":{}}}],["invertedtunnelfactory",{"_index":79,"name":{"117":{}},"parent":{}}],["isworldinverted",{"_index":32,"name":{"31":{},"57":{}},"parent":{}}],["lightcutoffdistance",{"_index":33,"name":{"32":{},"58":{}},"parent":{}}],["lightnessratio",{"_index":67,"name":{"84":{},"168":{}},"parent":{}}],["linear",{"_index":18,"name":{"17":{}},"parent":{}}],["maxfilter",{"_index":24,"name":{"23":{}},"parent":{}}],["metacirclebase",{"_index":80,"name":{"118":{}},"parent":{"119":{},"120":{},"121":{},"122":{},"123":{},"124":{}}}],["metacirclefactory",{"_index":81,"name":{"125":{}},"parent":{}}],["mindistance",{"_index":2,"name":{"2":{},"89":{},"95":{},"105":{},"115":{},"123":{},"130":{},"138":{},"147":{},"173":{}},"parent":{}}],["minfilter",{"_index":23,"name":{"22":{}},"parent":{}}],["mirrored_repeat",{"_index":16,"name":{"15":{}},"parent":{}}],["nearest",{"_index":19,"name":{"18":{}},"parent":{}}],["noisypolygonbase",{"_index":85,"name":{"133":{}},"parent":{"134":{},"135":{},"136":{},"137":{},"138":{},"139":{}}}],["noisypolygonfactory",{"_index":87,"name":{"140":{}},"parent":{}}],["objectcountscaler",{"_index":10,"name":{"9":{}},"parent":{}}],["overrides",{"_index":28,"name":{"27":{}},"parent":{}}],["palettesize",{"_index":41,"name":{"40":{},"65":{}},"parent":{}}],["polygonbase",{"_index":82,"name":{"126":{}},"parent":{"127":{},"128":{},"129":{},"130":{},"131":{}}}],["polygonfactory",{"_index":84,"name":{"132":{}},"parent":{}}],["propertyuniformmapping",{"_index":5,"name":{"5":{},"71":{},"160":{}},"parent":{}}],["radius",{"_index":70,"name":{"93":{},"121":{}},"parent":{}}],["randomoffset",{"_index":86,"name":{"134":{}},"parent":{}}],["renderdrawables",{"_index":51,"name":{"50":{}},"parent":{}}],["renderer",{"_index":44,"name":{"43":{}},"parent":{"44":{},"45":{},"46":{},"47":{},"48":{},"49":{},"50":{},"51":{},"52":{},"53":{}}}],["rendernoise",{"_index":92,"name":{"150":{}},"parent":{}}],["repeat",{"_index":15,"name":{"14":{}},"parent":{}}],["rgb",{"_index":95,"name":{"153":{}},"parent":{}}],["rgb255",{"_index":93,"name":{"151":{}},"parent":{}}],["rgba",{"_index":97,"name":{"155":{}},"parent":{}}],["rgba255",{"_index":98,"name":{"156":{}},"parent":{}}],["rotatedrectanglebase",{"_index":88,"name":{"141":{}},"parent":{"142":{},"143":{},"144":{},"145":{},"146":{},"147":{},"148":{}}}],["rotatedrectanglefactory",{"_index":91,"name":{"149":{}},"parent":{}}],["rotation",{"_index":90,"name":{"145":{}},"parent":{}}],["runtimesettings",{"_index":29,"name":{"28":{}},"parent":{"29":{},"30":{},"31":{},"32":{},"33":{},"34":{},"36":{}}}],["runtimesettings.textures",{"_index":36,"name":{},"parent":{"35":{}}}],["sdf",{"_index":9,"name":{"8":{}},"parent":{}}],["setlightnessratio",{"_index":68,"name":{"88":{},"172":{}},"parent":{}}],["setruntimesettings",{"_index":49,"name":{"48":{}},"parent":{}}],["setviewarea",{"_index":47,"name":{"46":{}},"parent":{}}],["shadercombinationsteps",{"_index":11,"name":{"10":{},"78":{},"165":{}},"parent":{}}],["shadowtracecount",{"_index":40,"name":{"39":{},"64":{}},"parent":{}}],["size",{"_index":89,"name":{"144":{}},"parent":{}}],["source",{"_index":26,"name":{"26":{}},"parent":{}}],["startcutoff",{"_index":65,"name":{"76":{},"82":{}},"parent":{}}],["startupsettings",{"_index":38,"name":{"37":{}},"parent":{"38":{},"39":{},"40":{},"41":{},"42":{}}}],["textureoptions",{"_index":20,"name":{"19":{}},"parent":{"20":{},"21":{},"22":{},"23":{}}}],["textures",{"_index":35,"name":{"34":{},"61":{}},"parent":{}}],["texturewithoptions",{"_index":25,"name":{"24":{}},"parent":{"25":{}}}],["texturewithoptions.__type",{"_index":27,"name":{},"parent":{"26":{},"27":{}}}],["tilemultiplier",{"_index":31,"name":{"30":{},"56":{}},"parent":{}}],["to",{"_index":74,"name":{"101":{},"111":{}},"parent":{}}],["toradius",{"_index":76,"name":{"103":{},"113":{}},"parent":{}}],["uniformcountmacroname",{"_index":8,"name":{"7":{},"77":{},"164":{}},"parent":{}}],["vertices",{"_index":83,"name":{"128":{},"136":{}},"parent":{}}],["viewareasize",{"_index":46,"name":{"45":{}},"parent":{}}],["wrapoptions",{"_index":13,"name":{"12":{}},"parent":{"13":{},"14":{},"15":{}}}],["wraps",{"_index":21,"name":{"20":{}},"parent":{}}],["wrapt",{"_index":22,"name":{"21":{}},"parent":{}}]],"pipeline":[]}}
\ No newline at end of file
+{"kinds":{"2":"Namespace","4":"Enumeration","16":"Enumeration member","32":"Variable","64":"Function","128":"Class","256":"Interface","512":"Constructor","1024":"Property","2048":"Method","65536":"Type literal","262144":"Accessor","2097152":"Object literal","4194304":"Type alias"},"rows":[{"id":0,"kind":256,"name":"DrawableDescriptor","url":"interfaces/drawabledescriptor.html","classes":"tsd-kind-interface"},{"id":1,"kind":1024,"name":"propertyUniformMapping","url":"interfaces/drawabledescriptor.html#propertyuniformmapping","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"DrawableDescriptor"},{"id":2,"kind":65536,"name":"__type","url":"interfaces/drawabledescriptor.html#propertyuniformmapping.__type","classes":"tsd-kind-type-literal tsd-parent-kind-property","parent":"DrawableDescriptor.propertyUniformMapping"},{"id":3,"kind":1024,"name":"uniformCountMacroName","url":"interfaces/drawabledescriptor.html#uniformcountmacroname","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"DrawableDescriptor"},{"id":4,"kind":1024,"name":"sdf","url":"interfaces/drawabledescriptor.html#sdf","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"DrawableDescriptor"},{"id":5,"kind":1024,"name":"objectCountScaler","url":"interfaces/drawabledescriptor.html#objectcountscaler","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"DrawableDescriptor"},{"id":6,"kind":1024,"name":"shaderCombinationSteps","url":"interfaces/drawabledescriptor.html#shadercombinationsteps","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"DrawableDescriptor"},{"id":7,"kind":1024,"name":"empty","url":"interfaces/drawabledescriptor.html#empty","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"DrawableDescriptor"},{"id":8,"kind":128,"name":"Drawable","url":"classes/drawable.html","classes":"tsd-kind-class"},{"id":9,"kind":1024,"name":"descriptor","url":"classes/drawable.html#descriptor","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Drawable"},{"id":10,"kind":2048,"name":"minDistance","url":"classes/drawable.html#mindistance","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Drawable"},{"id":11,"kind":2048,"name":"getObjectToSerialize","url":"classes/drawable.html#getobjecttoserialize","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-protected","parent":"Drawable"},{"id":12,"kind":4,"name":"WrapOptions","url":"enums/wrapoptions.html","classes":"tsd-kind-enum"},{"id":13,"kind":16,"name":"CLAMP_TO_EDGE","url":"enums/wrapoptions.html#clamp_to_edge","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"WrapOptions"},{"id":14,"kind":16,"name":"REPEAT","url":"enums/wrapoptions.html#repeat","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"WrapOptions"},{"id":15,"kind":16,"name":"MIRRORED_REPEAT","url":"enums/wrapoptions.html#mirrored_repeat","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"WrapOptions"},{"id":16,"kind":4,"name":"FilteringOptions","url":"enums/filteringoptions.html","classes":"tsd-kind-enum"},{"id":17,"kind":16,"name":"LINEAR","url":"enums/filteringoptions.html#linear","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"FilteringOptions"},{"id":18,"kind":16,"name":"NEAREST","url":"enums/filteringoptions.html#nearest","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"FilteringOptions"},{"id":19,"kind":256,"name":"TextureOptions","url":"interfaces/textureoptions.html","classes":"tsd-kind-interface"},{"id":20,"kind":1024,"name":"wrapS","url":"interfaces/textureoptions.html#wraps","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TextureOptions"},{"id":21,"kind":1024,"name":"wrapT","url":"interfaces/textureoptions.html#wrapt","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TextureOptions"},{"id":22,"kind":1024,"name":"minFilter","url":"interfaces/textureoptions.html#minfilter","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TextureOptions"},{"id":23,"kind":1024,"name":"maxFilter","url":"interfaces/textureoptions.html#maxfilter","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"TextureOptions"},{"id":24,"kind":4194304,"name":"TextureWithOptions","url":"globals.html#texturewithoptions","classes":"tsd-kind-type-alias"},{"id":25,"kind":65536,"name":"__type","url":"globals.html#texturewithoptions.__type","classes":"tsd-kind-type-literal tsd-parent-kind-type-alias","parent":"TextureWithOptions"},{"id":26,"kind":32,"name":"source","url":"globals.html#texturewithoptions.__type.source","classes":"tsd-kind-variable tsd-parent-kind-type-literal","parent":"TextureWithOptions.__type"},{"id":27,"kind":32,"name":"overrides","url":"globals.html#texturewithoptions.__type.overrides","classes":"tsd-kind-variable tsd-parent-kind-type-literal","parent":"TextureWithOptions.__type"},{"id":28,"kind":256,"name":"RuntimeSettings","url":"interfaces/runtimesettings.html","classes":"tsd-kind-interface"},{"id":29,"kind":1024,"name":"enableHighDpiRendering","url":"interfaces/runtimesettings.html#enablehighdpirendering","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"RuntimeSettings"},{"id":30,"kind":1024,"name":"tileMultiplier","url":"interfaces/runtimesettings.html#tilemultiplier","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"RuntimeSettings"},{"id":31,"kind":1024,"name":"isWorldInverted","url":"interfaces/runtimesettings.html#isworldinverted","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"RuntimeSettings"},{"id":32,"kind":1024,"name":"lightCutoffDistance","url":"interfaces/runtimesettings.html#lightcutoffdistance","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"RuntimeSettings"},{"id":33,"kind":1024,"name":"colorPalette","url":"interfaces/runtimesettings.html#colorpalette","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"RuntimeSettings"},{"id":34,"kind":1024,"name":"distanceRenderScale","url":"interfaces/runtimesettings.html#distancerenderscale","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"RuntimeSettings"},{"id":35,"kind":1024,"name":"lightsRenderScale","url":"interfaces/runtimesettings.html#lightsrenderscale","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"RuntimeSettings"},{"id":36,"kind":1024,"name":"textures","url":"interfaces/runtimesettings.html#textures","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"RuntimeSettings"},{"id":37,"kind":65536,"name":"__type","url":"interfaces/runtimesettings.html#textures.__type","classes":"tsd-kind-type-literal tsd-parent-kind-property","parent":"RuntimeSettings.textures"},{"id":38,"kind":1024,"name":"ambientLight","url":"interfaces/runtimesettings.html#ambientlight","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"RuntimeSettings"},{"id":39,"kind":256,"name":"StartupSettings","url":"interfaces/startupsettings.html","classes":"tsd-kind-interface"},{"id":40,"kind":1024,"name":"enableStopwatch","url":"interfaces/startupsettings.html#enablestopwatch","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"StartupSettings"},{"id":41,"kind":1024,"name":"shadowTraceCount","url":"interfaces/startupsettings.html#shadowtracecount","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"StartupSettings"},{"id":42,"kind":1024,"name":"lightPenetrationRatio","url":"interfaces/startupsettings.html#lightpenetrationratio","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"StartupSettings"},{"id":43,"kind":1024,"name":"paletteSize","url":"interfaces/startupsettings.html#palettesize","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"StartupSettings"},{"id":44,"kind":1024,"name":"backgroundColor","url":"interfaces/startupsettings.html#backgroundcolor","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"StartupSettings"},{"id":45,"kind":1024,"name":"ignoreWebGL2","url":"interfaces/startupsettings.html#ignorewebgl2","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"StartupSettings"},{"id":46,"kind":256,"name":"RendererInfo","url":"interfaces/rendererinfo.html","classes":"tsd-kind-interface"},{"id":47,"kind":1024,"name":"isWebGL2","url":"interfaces/rendererinfo.html#iswebgl2","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"RendererInfo"},{"id":48,"kind":1024,"name":"vendor","url":"interfaces/rendererinfo.html#vendor","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"RendererInfo"},{"id":49,"kind":1024,"name":"renderer","url":"interfaces/rendererinfo.html#renderer","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"RendererInfo"},{"id":50,"kind":1024,"name":"extensions","url":"interfaces/rendererinfo.html#extensions","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"RendererInfo"},{"id":51,"kind":65536,"name":"__type","url":"interfaces/rendererinfo.html#extensions.__type","classes":"tsd-kind-type-literal tsd-parent-kind-property","parent":"RendererInfo.extensions"},{"id":52,"kind":1024,"name":"floatInterpolationEnabled","url":"interfaces/rendererinfo.html#floatinterpolationenabled","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"RendererInfo"},{"id":53,"kind":1024,"name":"programCount","url":"interfaces/rendererinfo.html#programcount","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"RendererInfo"},{"id":54,"kind":1024,"name":"renderPasses","url":"interfaces/rendererinfo.html#renderpasses","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"RendererInfo"},{"id":55,"kind":65536,"name":"__type","url":"interfaces/rendererinfo.html#renderpasses.__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-property","parent":"RendererInfo.renderPasses"},{"id":56,"kind":32,"name":"distance","url":"interfaces/rendererinfo.html#renderpasses.__type-1.distance","classes":"tsd-kind-variable tsd-parent-kind-type-literal","parent":"RendererInfo.renderPasses.__type"},{"id":57,"kind":65536,"name":"__type","url":"interfaces/rendererinfo.html#renderpasses.__type-1.distance.__type-2","classes":"tsd-kind-type-literal tsd-parent-kind-variable","parent":"RendererInfo.renderPasses.__type.distance"},{"id":58,"kind":32,"name":"renderScale","url":"interfaces/rendererinfo.html#renderpasses.__type-1.distance.__type-2.renderscale","classes":"tsd-kind-variable tsd-parent-kind-type-literal","parent":"RendererInfo.renderPasses.__type.distance.__type"},{"id":59,"kind":32,"name":"drawableCount","url":"interfaces/rendererinfo.html#renderpasses.__type-1.distance.__type-2.drawablecount","classes":"tsd-kind-variable tsd-parent-kind-type-literal","parent":"RendererInfo.renderPasses.__type.distance.__type"},{"id":60,"kind":32,"name":"drawnDrawableCount","url":"interfaces/rendererinfo.html#renderpasses.__type-1.distance.__type-2.drawndrawablecount","classes":"tsd-kind-variable tsd-parent-kind-type-literal","parent":"RendererInfo.renderPasses.__type.distance.__type"},{"id":61,"kind":32,"name":"tileCount","url":"interfaces/rendererinfo.html#renderpasses.__type-1.distance.__type-2.tilecount","classes":"tsd-kind-variable tsd-parent-kind-type-literal","parent":"RendererInfo.renderPasses.__type.distance.__type"},{"id":62,"kind":32,"name":"lights","url":"interfaces/rendererinfo.html#renderpasses.__type-1.lights","classes":"tsd-kind-variable tsd-parent-kind-type-literal","parent":"RendererInfo.renderPasses.__type"},{"id":63,"kind":65536,"name":"__type","url":"interfaces/rendererinfo.html#renderpasses.__type-1.lights.__type-3","classes":"tsd-kind-type-literal tsd-parent-kind-variable","parent":"RendererInfo.renderPasses.__type.lights"},{"id":64,"kind":32,"name":"renderScale","url":"interfaces/rendererinfo.html#renderpasses.__type-1.lights.__type-3.renderscale-1","classes":"tsd-kind-variable tsd-parent-kind-type-literal","parent":"RendererInfo.renderPasses.__type.lights.__type"},{"id":65,"kind":32,"name":"drawnDrawableCount","url":"interfaces/rendererinfo.html#renderpasses.__type-1.lights.__type-3.drawndrawablecount-1","classes":"tsd-kind-variable tsd-parent-kind-type-literal","parent":"RendererInfo.renderPasses.__type.lights.__type"},{"id":66,"kind":1024,"name":"startupTimeInMilliseconds","url":"interfaces/rendererinfo.html#startuptimeinmilliseconds","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"RendererInfo"},{"id":67,"kind":256,"name":"Renderer","url":"interfaces/renderer.html","classes":"tsd-kind-interface"},{"id":68,"kind":1024,"name":"canvasSize","url":"interfaces/renderer.html#canvassize","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"Renderer"},{"id":69,"kind":1024,"name":"viewAreaSize","url":"interfaces/renderer.html#viewareasize","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"Renderer"},{"id":70,"kind":2048,"name":"setViewArea","url":"interfaces/renderer.html#setviewarea","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"Renderer"},{"id":71,"kind":2048,"name":"displayToWorldCoordinates","url":"interfaces/renderer.html#displaytoworldcoordinates","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"Renderer"},{"id":72,"kind":2048,"name":"worldToDisplayCoordinates","url":"interfaces/renderer.html#worldtodisplaycoordinates","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"Renderer"},{"id":73,"kind":2048,"name":"setRuntimeSettings","url":"interfaces/renderer.html#setruntimesettings","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"Renderer"},{"id":74,"kind":2048,"name":"addDrawable","url":"interfaces/renderer.html#adddrawable","classes":"tsd-kind-method tsd-parent-kind-interface tsd-has-type-parameter","parent":"Renderer"},{"id":75,"kind":2048,"name":"renderDrawables","url":"interfaces/renderer.html#renderdrawables","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"Renderer"},{"id":76,"kind":2048,"name":"destroy","url":"interfaces/renderer.html#destroy","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"Renderer"},{"id":77,"kind":1024,"name":"insights","url":"interfaces/renderer.html#insights","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"Renderer"},{"id":78,"kind":128,"name":"CircleLight","url":"classes/circlelight.html","classes":"tsd-kind-class"},{"id":79,"kind":2097152,"name":"descriptor","url":"classes/circlelight.html#descriptor","classes":"tsd-kind-object-literal tsd-parent-kind-class tsd-is-overwrite tsd-is-static","parent":"CircleLight"},{"id":80,"kind":2097152,"name":"propertyUniformMapping","url":"classes/circlelight.html#descriptor.propertyuniformmapping","classes":"tsd-kind-object-literal tsd-parent-kind-object-literal","parent":"CircleLight.descriptor"},{"id":81,"kind":32,"name":"center","url":"classes/circlelight.html#descriptor.propertyuniformmapping.center-1","classes":"tsd-kind-variable tsd-parent-kind-object-literal","parent":"CircleLight.descriptor.propertyUniformMapping"},{"id":82,"kind":32,"name":"color","url":"classes/circlelight.html#descriptor.propertyuniformmapping.color-1","classes":"tsd-kind-variable tsd-parent-kind-object-literal","parent":"CircleLight.descriptor.propertyUniformMapping"},{"id":83,"kind":32,"name":"intensity","url":"classes/circlelight.html#descriptor.propertyuniformmapping.intensity-1","classes":"tsd-kind-variable tsd-parent-kind-object-literal","parent":"CircleLight.descriptor.propertyUniformMapping"},{"id":84,"kind":32,"name":"uniformCountMacroName","url":"classes/circlelight.html#descriptor.uniformcountmacroname","classes":"tsd-kind-variable tsd-parent-kind-object-literal","parent":"CircleLight.descriptor"},{"id":85,"kind":32,"name":"shaderCombinationSteps","url":"classes/circlelight.html#descriptor.shadercombinationsteps","classes":"tsd-kind-variable tsd-parent-kind-object-literal","parent":"CircleLight.descriptor"},{"id":86,"kind":32,"name":"empty","url":"classes/circlelight.html#descriptor.empty","classes":"tsd-kind-variable tsd-parent-kind-object-literal","parent":"CircleLight.descriptor"},{"id":87,"kind":512,"name":"constructor","url":"classes/circlelight.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-is-overwrite","parent":"CircleLight"},{"id":88,"kind":1024,"name":"lightnessRatio","url":"classes/circlelight.html#lightnessratio","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-inherited tsd-is-protected","parent":"CircleLight"},{"id":89,"kind":1024,"name":"center","url":"classes/circlelight.html#center","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-inherited","parent":"CircleLight"},{"id":90,"kind":1024,"name":"color","url":"classes/circlelight.html#color","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-inherited","parent":"CircleLight"},{"id":91,"kind":1024,"name":"intensity","url":"classes/circlelight.html#intensity","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-inherited","parent":"CircleLight"},{"id":92,"kind":2048,"name":"setLightnessRatio","url":"classes/circlelight.html#setlightnessratio","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"CircleLight"},{"id":93,"kind":2048,"name":"minDistance","url":"classes/circlelight.html#mindistance","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite tsd-is-inherited","parent":"CircleLight"},{"id":94,"kind":2048,"name":"getObjectToSerialize","url":"classes/circlelight.html#getobjecttoserialize","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite tsd-is-inherited tsd-is-protected","parent":"CircleLight"},{"id":95,"kind":128,"name":"Flashlight","url":"classes/flashlight.html","classes":"tsd-kind-class"},{"id":96,"kind":2097152,"name":"descriptor","url":"classes/flashlight.html#descriptor","classes":"tsd-kind-object-literal tsd-parent-kind-class tsd-is-overwrite tsd-is-static","parent":"Flashlight"},{"id":97,"kind":2097152,"name":"propertyUniformMapping","url":"classes/flashlight.html#descriptor.propertyuniformmapping","classes":"tsd-kind-object-literal tsd-parent-kind-object-literal","parent":"Flashlight.descriptor"},{"id":98,"kind":32,"name":"center","url":"classes/flashlight.html#descriptor.propertyuniformmapping.center-1","classes":"tsd-kind-variable tsd-parent-kind-object-literal","parent":"Flashlight.descriptor.propertyUniformMapping"},{"id":99,"kind":32,"name":"color","url":"classes/flashlight.html#descriptor.propertyuniformmapping.color-1","classes":"tsd-kind-variable tsd-parent-kind-object-literal","parent":"Flashlight.descriptor.propertyUniformMapping"},{"id":100,"kind":32,"name":"intensity","url":"classes/flashlight.html#descriptor.propertyuniformmapping.intensity-1","classes":"tsd-kind-variable tsd-parent-kind-object-literal","parent":"Flashlight.descriptor.propertyUniformMapping"},{"id":101,"kind":32,"name":"direction","url":"classes/flashlight.html#descriptor.propertyuniformmapping.direction-1","classes":"tsd-kind-variable tsd-parent-kind-object-literal","parent":"Flashlight.descriptor.propertyUniformMapping"},{"id":102,"kind":32,"name":"startCutoff","url":"classes/flashlight.html#descriptor.propertyuniformmapping.startcutoff-1","classes":"tsd-kind-variable tsd-parent-kind-object-literal","parent":"Flashlight.descriptor.propertyUniformMapping"},{"id":103,"kind":32,"name":"uniformCountMacroName","url":"classes/flashlight.html#descriptor.uniformcountmacroname","classes":"tsd-kind-variable tsd-parent-kind-object-literal","parent":"Flashlight.descriptor"},{"id":104,"kind":32,"name":"shaderCombinationSteps","url":"classes/flashlight.html#descriptor.shadercombinationsteps","classes":"tsd-kind-variable tsd-parent-kind-object-literal","parent":"Flashlight.descriptor"},{"id":105,"kind":32,"name":"empty","url":"classes/flashlight.html#descriptor.empty","classes":"tsd-kind-variable tsd-parent-kind-object-literal","parent":"Flashlight.descriptor"},{"id":106,"kind":512,"name":"constructor","url":"classes/flashlight.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-is-overwrite","parent":"Flashlight"},{"id":107,"kind":1024,"name":"direction","url":"classes/flashlight.html#direction","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Flashlight"},{"id":108,"kind":1024,"name":"startCutoff","url":"classes/flashlight.html#startcutoff","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Flashlight"},{"id":109,"kind":2048,"name":"getObjectToSerialize","url":"classes/flashlight.html#getobjecttoserialize","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite tsd-is-protected","parent":"Flashlight"},{"id":110,"kind":1024,"name":"lightnessRatio","url":"classes/flashlight.html#lightnessratio","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-inherited tsd-is-protected","parent":"Flashlight"},{"id":111,"kind":1024,"name":"center","url":"classes/flashlight.html#center","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-inherited","parent":"Flashlight"},{"id":112,"kind":1024,"name":"color","url":"classes/flashlight.html#color","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-inherited","parent":"Flashlight"},{"id":113,"kind":1024,"name":"intensity","url":"classes/flashlight.html#intensity","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-inherited","parent":"Flashlight"},{"id":114,"kind":2048,"name":"setLightnessRatio","url":"classes/flashlight.html#setlightnessratio","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"Flashlight"},{"id":115,"kind":2048,"name":"minDistance","url":"classes/flashlight.html#mindistance","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite tsd-is-inherited","parent":"Flashlight"},{"id":116,"kind":128,"name":"CircleBase","url":"classes/circlebase.html","classes":"tsd-kind-class"},{"id":117,"kind":512,"name":"constructor","url":"classes/circlebase.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class","parent":"CircleBase"},{"id":118,"kind":1024,"name":"center","url":"classes/circlebase.html#center","classes":"tsd-kind-property tsd-parent-kind-class","parent":"CircleBase"},{"id":119,"kind":1024,"name":"radius","url":"classes/circlebase.html#radius","classes":"tsd-kind-property tsd-parent-kind-class","parent":"CircleBase"},{"id":120,"kind":1024,"name":"descriptor","url":"classes/circlebase.html#descriptor","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite tsd-is-inherited tsd-is-static","parent":"CircleBase"},{"id":121,"kind":2048,"name":"minDistance","url":"classes/circlebase.html#mindistance","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite tsd-is-inherited","parent":"CircleBase"},{"id":122,"kind":2048,"name":"getObjectToSerialize","url":"classes/circlebase.html#getobjecttoserialize","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite tsd-is-inherited tsd-is-protected","parent":"CircleBase"},{"id":123,"kind":64,"name":"CircleFactory","url":"globals.html#circlefactory","classes":"tsd-kind-function"},{"id":124,"kind":128,"name":"ColorfulCircle","url":"classes/colorfulcircle.html","classes":"tsd-kind-class"},{"id":125,"kind":2097152,"name":"descriptor","url":"classes/colorfulcircle.html#descriptor","classes":"tsd-kind-object-literal tsd-parent-kind-class tsd-is-overwrite tsd-is-static","parent":"ColorfulCircle"},{"id":126,"kind":2097152,"name":"sdf","url":"classes/colorfulcircle.html#descriptor.sdf","classes":"tsd-kind-object-literal tsd-parent-kind-object-literal","parent":"ColorfulCircle.descriptor"},{"id":127,"kind":32,"name":"shader","url":"classes/colorfulcircle.html#descriptor.sdf.shader","classes":"tsd-kind-variable tsd-parent-kind-object-literal","parent":"ColorfulCircle.descriptor.sdf"},{"id":128,"kind":32,"name":"distanceFunctionName","url":"classes/colorfulcircle.html#descriptor.sdf.distancefunctionname","classes":"tsd-kind-variable tsd-parent-kind-object-literal","parent":"ColorfulCircle.descriptor.sdf"},{"id":129,"kind":2097152,"name":"propertyUniformMapping","url":"classes/colorfulcircle.html#descriptor.propertyuniformmapping","classes":"tsd-kind-object-literal tsd-parent-kind-object-literal","parent":"ColorfulCircle.descriptor"},{"id":130,"kind":32,"name":"center","url":"classes/colorfulcircle.html#descriptor.propertyuniformmapping.center-1","classes":"tsd-kind-variable tsd-parent-kind-object-literal","parent":"ColorfulCircle.descriptor.propertyUniformMapping"},{"id":131,"kind":32,"name":"radius","url":"classes/colorfulcircle.html#descriptor.propertyuniformmapping.radius-1","classes":"tsd-kind-variable tsd-parent-kind-object-literal","parent":"ColorfulCircle.descriptor.propertyUniformMapping"},{"id":132,"kind":32,"name":"colorIndex","url":"classes/colorfulcircle.html#descriptor.propertyuniformmapping.colorindex-1","classes":"tsd-kind-variable tsd-parent-kind-object-literal","parent":"ColorfulCircle.descriptor.propertyUniformMapping"},{"id":133,"kind":32,"name":"uniformCountMacroName","url":"classes/colorfulcircle.html#descriptor.uniformcountmacroname","classes":"tsd-kind-variable tsd-parent-kind-object-literal","parent":"ColorfulCircle.descriptor"},{"id":134,"kind":32,"name":"shaderCombinationSteps","url":"classes/colorfulcircle.html#descriptor.shadercombinationsteps","classes":"tsd-kind-variable tsd-parent-kind-object-literal","parent":"ColorfulCircle.descriptor"},{"id":135,"kind":32,"name":"empty","url":"classes/colorfulcircle.html#descriptor.empty","classes":"tsd-kind-variable tsd-parent-kind-object-literal","parent":"ColorfulCircle.descriptor"},{"id":136,"kind":512,"name":"constructor","url":"classes/colorfulcircle.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class","parent":"ColorfulCircle"},{"id":137,"kind":1024,"name":"center","url":"classes/colorfulcircle.html#center","classes":"tsd-kind-property tsd-parent-kind-class","parent":"ColorfulCircle"},{"id":138,"kind":1024,"name":"radius","url":"classes/colorfulcircle.html#radius","classes":"tsd-kind-property tsd-parent-kind-class","parent":"ColorfulCircle"},{"id":139,"kind":1024,"name":"colorIndex","url":"classes/colorfulcircle.html#colorindex","classes":"tsd-kind-property tsd-parent-kind-class","parent":"ColorfulCircle"},{"id":140,"kind":2048,"name":"minDistance","url":"classes/colorfulcircle.html#mindistance","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"ColorfulCircle"},{"id":141,"kind":2048,"name":"getObjectToSerialize","url":"classes/colorfulcircle.html#getobjecttoserialize","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite tsd-is-protected","parent":"ColorfulCircle"},{"id":142,"kind":128,"name":"DropletBase","url":"classes/dropletbase.html","classes":"tsd-kind-class"},{"id":143,"kind":512,"name":"constructor","url":"classes/dropletbase.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class","parent":"DropletBase"},{"id":144,"kind":1024,"name":"from","url":"classes/dropletbase.html#from","classes":"tsd-kind-property tsd-parent-kind-class","parent":"DropletBase"},{"id":145,"kind":1024,"name":"to","url":"classes/dropletbase.html#to","classes":"tsd-kind-property tsd-parent-kind-class","parent":"DropletBase"},{"id":146,"kind":1024,"name":"fromRadius","url":"classes/dropletbase.html#fromradius","classes":"tsd-kind-property tsd-parent-kind-class","parent":"DropletBase"},{"id":147,"kind":1024,"name":"toRadius","url":"classes/dropletbase.html#toradius","classes":"tsd-kind-property tsd-parent-kind-class","parent":"DropletBase"},{"id":148,"kind":1024,"name":"descriptor","url":"classes/dropletbase.html#descriptor","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite tsd-is-inherited tsd-is-static","parent":"DropletBase"},{"id":149,"kind":2048,"name":"minDistance","url":"classes/dropletbase.html#mindistance","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite tsd-is-inherited","parent":"DropletBase"},{"id":150,"kind":2048,"name":"getObjectToSerialize","url":"classes/dropletbase.html#getobjecttoserialize","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite tsd-is-inherited tsd-is-protected","parent":"DropletBase"},{"id":151,"kind":64,"name":"DropletFactory","url":"globals.html#dropletfactory","classes":"tsd-kind-function"},{"id":152,"kind":128,"name":"InvertedTunnelBase","url":"classes/invertedtunnelbase.html","classes":"tsd-kind-class"},{"id":153,"kind":512,"name":"constructor","url":"classes/invertedtunnelbase.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class","parent":"InvertedTunnelBase"},{"id":154,"kind":1024,"name":"from","url":"classes/invertedtunnelbase.html#from","classes":"tsd-kind-property tsd-parent-kind-class","parent":"InvertedTunnelBase"},{"id":155,"kind":1024,"name":"to","url":"classes/invertedtunnelbase.html#to","classes":"tsd-kind-property tsd-parent-kind-class","parent":"InvertedTunnelBase"},{"id":156,"kind":1024,"name":"fromRadius","url":"classes/invertedtunnelbase.html#fromradius","classes":"tsd-kind-property tsd-parent-kind-class","parent":"InvertedTunnelBase"},{"id":157,"kind":1024,"name":"toRadius","url":"classes/invertedtunnelbase.html#toradius","classes":"tsd-kind-property tsd-parent-kind-class","parent":"InvertedTunnelBase"},{"id":158,"kind":1024,"name":"descriptor","url":"classes/invertedtunnelbase.html#descriptor","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite tsd-is-inherited tsd-is-static","parent":"InvertedTunnelBase"},{"id":159,"kind":2048,"name":"minDistance","url":"classes/invertedtunnelbase.html#mindistance","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite tsd-is-inherited","parent":"InvertedTunnelBase"},{"id":160,"kind":2048,"name":"getObjectToSerialize","url":"classes/invertedtunnelbase.html#getobjecttoserialize","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite tsd-is-inherited tsd-is-protected","parent":"InvertedTunnelBase"},{"id":161,"kind":64,"name":"InvertedTunnelFactory","url":"globals.html#invertedtunnelfactory","classes":"tsd-kind-function"},{"id":162,"kind":128,"name":"MetaCircleBase","url":"classes/metacirclebase.html","classes":"tsd-kind-class"},{"id":163,"kind":512,"name":"constructor","url":"classes/metacirclebase.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class","parent":"MetaCircleBase"},{"id":164,"kind":1024,"name":"center","url":"classes/metacirclebase.html#center","classes":"tsd-kind-property tsd-parent-kind-class","parent":"MetaCircleBase"},{"id":165,"kind":1024,"name":"radius","url":"classes/metacirclebase.html#radius","classes":"tsd-kind-property tsd-parent-kind-class","parent":"MetaCircleBase"},{"id":166,"kind":1024,"name":"descriptor","url":"classes/metacirclebase.html#descriptor","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite tsd-is-inherited tsd-is-static","parent":"MetaCircleBase"},{"id":167,"kind":2048,"name":"minDistance","url":"classes/metacirclebase.html#mindistance","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite tsd-is-inherited","parent":"MetaCircleBase"},{"id":168,"kind":2048,"name":"getObjectToSerialize","url":"classes/metacirclebase.html#getobjecttoserialize","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite tsd-is-inherited tsd-is-protected","parent":"MetaCircleBase"},{"id":169,"kind":64,"name":"MetaCircleFactory","url":"globals.html#metacirclefactory","classes":"tsd-kind-function"},{"id":170,"kind":128,"name":"PolygonBase","url":"classes/polygonbase.html","classes":"tsd-kind-class"},{"id":171,"kind":512,"name":"constructor","url":"classes/polygonbase.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class","parent":"PolygonBase"},{"id":172,"kind":1024,"name":"vertices","url":"classes/polygonbase.html#vertices","classes":"tsd-kind-property tsd-parent-kind-class","parent":"PolygonBase"},{"id":173,"kind":1024,"name":"descriptor","url":"classes/polygonbase.html#descriptor","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite tsd-is-inherited tsd-is-static","parent":"PolygonBase"},{"id":174,"kind":2048,"name":"minDistance","url":"classes/polygonbase.html#mindistance","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite tsd-is-inherited","parent":"PolygonBase"},{"id":175,"kind":2048,"name":"getObjectToSerialize","url":"classes/polygonbase.html#getobjecttoserialize","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite tsd-is-inherited tsd-is-protected","parent":"PolygonBase"},{"id":176,"kind":64,"name":"PolygonFactory","url":"globals.html#polygonfactory","classes":"tsd-kind-function"},{"id":177,"kind":256,"name":"NoisyPolygonBase","url":"interfaces/noisypolygonbase.html","classes":"tsd-kind-interface"},{"id":178,"kind":1024,"name":"randomOffset","url":"interfaces/noisypolygonbase.html#randomoffset","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"NoisyPolygonBase"},{"id":179,"kind":512,"name":"constructor","url":"interfaces/noisypolygonbase.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-interface tsd-is-inherited","parent":"NoisyPolygonBase"},{"id":180,"kind":1024,"name":"vertices","url":"interfaces/noisypolygonbase.html#vertices","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"NoisyPolygonBase"},{"id":181,"kind":1024,"name":"descriptor","url":"interfaces/noisypolygonbase.html#descriptor","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite tsd-is-inherited tsd-is-static","parent":"NoisyPolygonBase"},{"id":182,"kind":2048,"name":"minDistance","url":"interfaces/noisypolygonbase.html#mindistance","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-overwrite tsd-is-inherited","parent":"NoisyPolygonBase"},{"id":183,"kind":2048,"name":"getObjectToSerialize","url":"interfaces/noisypolygonbase.html#getobjecttoserialize","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-overwrite tsd-is-inherited tsd-is-protected","parent":"NoisyPolygonBase"},{"id":184,"kind":64,"name":"NoisyPolygonFactory","url":"globals.html#noisypolygonfactory","classes":"tsd-kind-function"},{"id":185,"kind":128,"name":"RotatedRectangleBase","url":"classes/rotatedrectanglebase.html","classes":"tsd-kind-class"},{"id":186,"kind":512,"name":"constructor","url":"classes/rotatedrectanglebase.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class","parent":"RotatedRectangleBase"},{"id":187,"kind":1024,"name":"center","url":"classes/rotatedrectanglebase.html#center","classes":"tsd-kind-property tsd-parent-kind-class","parent":"RotatedRectangleBase"},{"id":188,"kind":1024,"name":"size","url":"classes/rotatedrectanglebase.html#size","classes":"tsd-kind-property tsd-parent-kind-class","parent":"RotatedRectangleBase"},{"id":189,"kind":1024,"name":"rotation","url":"classes/rotatedrectanglebase.html#rotation","classes":"tsd-kind-property tsd-parent-kind-class","parent":"RotatedRectangleBase"},{"id":190,"kind":1024,"name":"descriptor","url":"classes/rotatedrectanglebase.html#descriptor","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite tsd-is-inherited tsd-is-static","parent":"RotatedRectangleBase"},{"id":191,"kind":2048,"name":"minDistance","url":"classes/rotatedrectanglebase.html#mindistance","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite tsd-is-inherited","parent":"RotatedRectangleBase"},{"id":192,"kind":2048,"name":"getObjectToSerialize","url":"classes/rotatedrectanglebase.html#getobjecttoserialize","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite tsd-is-inherited tsd-is-protected","parent":"RotatedRectangleBase"},{"id":193,"kind":64,"name":"RotatedRectangleFactory","url":"globals.html#rotatedrectanglefactory","classes":"tsd-kind-function"},{"id":194,"kind":64,"name":"renderNoise","url":"globals.html#rendernoise","classes":"tsd-kind-function"},{"id":195,"kind":64,"name":"rgb255","url":"globals.html#rgb255","classes":"tsd-kind-function"},{"id":196,"kind":64,"name":"hex","url":"globals.html#hex","classes":"tsd-kind-function"},{"id":197,"kind":64,"name":"rgb","url":"globals.html#rgb","classes":"tsd-kind-function"},{"id":198,"kind":64,"name":"hsl","url":"globals.html#hsl","classes":"tsd-kind-function"},{"id":199,"kind":64,"name":"rgba","url":"globals.html#rgba","classes":"tsd-kind-function"},{"id":200,"kind":64,"name":"rgba255","url":"globals.html#rgba255","classes":"tsd-kind-function"},{"id":201,"kind":128,"name":"DeltaTimeCalculator","url":"classes/deltatimecalculator.html","classes":"tsd-kind-class"},{"id":202,"kind":512,"name":"constructor","url":"classes/deltatimecalculator.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class","parent":"DeltaTimeCalculator"},{"id":203,"kind":2048,"name":"getNextDeltaTime","url":"classes/deltatimecalculator.html#getnextdeltatime","classes":"tsd-kind-method tsd-parent-kind-class","parent":"DeltaTimeCalculator"},{"id":204,"kind":2048,"name":"destroy","url":"classes/deltatimecalculator.html#destroy","classes":"tsd-kind-method tsd-parent-kind-class","parent":"DeltaTimeCalculator"},{"id":205,"kind":128,"name":"FpsQualityAutoscaler","url":"classes/fpsqualityautoscaler.html","classes":"tsd-kind-class"},{"id":206,"kind":1024,"name":"fpsTarget","url":"classes/fpsqualityautoscaler.html#fpstarget","classes":"tsd-kind-property tsd-parent-kind-class","parent":"FpsQualityAutoscaler"},{"id":207,"kind":1024,"name":"fpsHysteresis","url":"classes/fpsqualityautoscaler.html#fpshysteresis","classes":"tsd-kind-property tsd-parent-kind-class","parent":"FpsQualityAutoscaler"},{"id":208,"kind":512,"name":"constructor","url":"classes/fpsqualityautoscaler.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class","parent":"FpsQualityAutoscaler"},{"id":209,"kind":262144,"name":"FPS","url":"classes/fpsqualityautoscaler.html#fps","classes":"tsd-kind-get-signature tsd-parent-kind-class","parent":"FpsQualityAutoscaler"},{"id":210,"kind":2048,"name":"addDeltaTime","url":"classes/fpsqualityautoscaler.html#adddeltatime","classes":"tsd-kind-method tsd-parent-kind-class","parent":"FpsQualityAutoscaler"},{"id":211,"kind":64,"name":"runAnimation","url":"globals.html#runanimation","classes":"tsd-kind-function"},{"id":212,"kind":2,"name":"__global","url":"modules/__global.html","classes":"tsd-kind-namespace"},{"id":213,"kind":256,"name":"Array","url":"interfaces/__global.array.html","classes":"tsd-kind-interface tsd-parent-kind-namespace tsd-has-type-parameter","parent":"__global"},{"id":214,"kind":1024,"name":"x","url":"interfaces/__global.array.html#x","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"__global.Array"},{"id":215,"kind":1024,"name":"y","url":"interfaces/__global.array.html#y","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"__global.Array"},{"id":216,"kind":256,"name":"Float32Array","url":"interfaces/__global.float32array.html","classes":"tsd-kind-interface tsd-parent-kind-namespace","parent":"__global"},{"id":217,"kind":1024,"name":"x","url":"interfaces/__global.float32array.html#x","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"__global.Float32Array"},{"id":218,"kind":1024,"name":"y","url":"interfaces/__global.float32array.html#y","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"__global.Float32Array"},{"id":219,"kind":2097152,"name":"defaultRuntimeSettings","url":"globals.html#defaultruntimesettings","classes":"tsd-kind-object-literal"},{"id":220,"kind":32,"name":"enableHighDpiRendering","url":"globals.html#defaultruntimesettings.enablehighdpirendering","classes":"tsd-kind-variable tsd-parent-kind-object-literal","parent":"defaultRuntimeSettings"},{"id":221,"kind":32,"name":"tileMultiplier","url":"globals.html#defaultruntimesettings.tilemultiplier","classes":"tsd-kind-variable tsd-parent-kind-object-literal","parent":"defaultRuntimeSettings"},{"id":222,"kind":32,"name":"isWorldInverted","url":"globals.html#defaultruntimesettings.isworldinverted","classes":"tsd-kind-variable tsd-parent-kind-object-literal","parent":"defaultRuntimeSettings"},{"id":223,"kind":32,"name":"lightCutoffDistance","url":"globals.html#defaultruntimesettings.lightcutoffdistance","classes":"tsd-kind-variable tsd-parent-kind-object-literal","parent":"defaultRuntimeSettings"},{"id":224,"kind":32,"name":"distanceRenderScale","url":"globals.html#defaultruntimesettings.distancerenderscale","classes":"tsd-kind-variable tsd-parent-kind-object-literal","parent":"defaultRuntimeSettings"},{"id":225,"kind":32,"name":"lightsRenderScale","url":"globals.html#defaultruntimesettings.lightsrenderscale","classes":"tsd-kind-variable tsd-parent-kind-object-literal","parent":"defaultRuntimeSettings"},{"id":226,"kind":32,"name":"colorPalette","url":"globals.html#defaultruntimesettings.colorpalette","classes":"tsd-kind-variable tsd-parent-kind-object-literal","parent":"defaultRuntimeSettings"},{"id":227,"kind":32,"name":"ambientLight","url":"globals.html#defaultruntimesettings.ambientlight","classes":"tsd-kind-variable tsd-parent-kind-object-literal","parent":"defaultRuntimeSettings"},{"id":228,"kind":32,"name":"textures","url":"globals.html#defaultruntimesettings.textures","classes":"tsd-kind-variable tsd-parent-kind-object-literal","parent":"defaultRuntimeSettings"},{"id":229,"kind":65536,"name":"__type","url":"globals.html#defaultruntimesettings.textures.__type","classes":"tsd-kind-type-literal tsd-parent-kind-variable","parent":"defaultRuntimeSettings.textures"},{"id":230,"kind":2097152,"name":"defaultStartupSettings","url":"globals.html#defaultstartupsettings","classes":"tsd-kind-object-literal"},{"id":231,"kind":32,"name":"shadowTraceCount","url":"globals.html#defaultstartupsettings.shadowtracecount","classes":"tsd-kind-variable tsd-parent-kind-object-literal","parent":"defaultStartupSettings"},{"id":232,"kind":32,"name":"paletteSize","url":"globals.html#defaultstartupsettings.palettesize","classes":"tsd-kind-variable tsd-parent-kind-object-literal","parent":"defaultStartupSettings"},{"id":233,"kind":32,"name":"ignoreWebGL2","url":"globals.html#defaultstartupsettings.ignorewebgl2","classes":"tsd-kind-variable tsd-parent-kind-object-literal","parent":"defaultStartupSettings"},{"id":234,"kind":32,"name":"backgroundColor","url":"globals.html#defaultstartupsettings.backgroundcolor","classes":"tsd-kind-variable tsd-parent-kind-object-literal","parent":"defaultStartupSettings"},{"id":235,"kind":32,"name":"lightPenetrationRatio","url":"globals.html#defaultstartupsettings.lightpenetrationratio","classes":"tsd-kind-variable tsd-parent-kind-object-literal","parent":"defaultStartupSettings"},{"id":236,"kind":32,"name":"enableStopwatch","url":"globals.html#defaultstartupsettings.enablestopwatch","classes":"tsd-kind-variable tsd-parent-kind-object-literal","parent":"defaultStartupSettings"},{"id":237,"kind":64,"name":"compile","url":"globals.html#compile","classes":"tsd-kind-function"}],"index":{"version":"2.3.9","fields":["name","parent"],"fieldVectors":[["name/0",[0,34.616]],["parent/0",[]],["name/1",[1,39.724]],["parent/1",[0,3.19]],["name/2",[2,33.364]],["parent/2",[3,4.673]],["name/3",[4,39.724]],["parent/3",[0,3.19]],["name/4",[5,45.602]],["parent/4",[0,3.19]],["name/5",[6,50.71]],["parent/5",[0,3.19]],["name/6",[7,39.724]],["parent/6",[0,3.19]],["name/7",[8,39.724]],["parent/7",[0,3.19]],["name/8",[9,39.724]],["parent/8",[]],["name/9",[10,30.341]],["parent/9",[9,3.661]],["name/10",[11,30.341]],["parent/10",[9,3.661]],["name/11",[12,30.341]],["parent/11",[9,3.661]],["name/12",[13,39.724]],["parent/12",[]],["name/13",[14,50.71]],["parent/13",[13,3.661]],["name/14",[15,50.71]],["parent/14",[13,3.661]],["name/15",[16,50.71]],["parent/15",[13,3.661]],["name/16",[17,42.237]],["parent/16",[]],["name/17",[18,50.71]],["parent/17",[17,3.892]],["name/18",[19,50.71]],["parent/18",[17,3.892]],["name/19",[20,37.717]],["parent/19",[]],["name/20",[21,50.71]],["parent/20",[20,3.476]],["name/21",[22,50.71]],["parent/21",[20,3.476]],["name/22",[23,50.71]],["parent/22",[20,3.476]],["name/23",[24,50.71]],["parent/23",[20,3.476]],["name/24",[25,45.602]],["parent/24",[]],["name/25",[2,33.364]],["parent/25",[25,4.202]],["name/26",[26,50.71]],["parent/26",[27,4.202]],["name/27",[28,50.71]],["parent/27",[27,4.202]],["name/28",[29,31.251]],["parent/28",[]],["name/29",[30,45.602]],["parent/29",[29,2.88]],["name/30",[31,45.602]],["parent/30",[29,2.88]],["name/31",[32,45.602]],["parent/31",[29,2.88]],["name/32",[33,45.602]],["parent/32",[29,2.88]],["name/33",[34,45.602]],["parent/33",[29,2.88]],["name/34",[35,45.602]],["parent/34",[29,2.88]],["name/35",[36,45.602]],["parent/35",[29,2.88]],["name/36",[37,45.602]],["parent/36",[29,2.88]],["name/37",[2,33.364]],["parent/37",[38,4.673]],["name/38",[39,45.602]],["parent/38",[29,2.88]],["name/39",[40,34.616]],["parent/39",[]],["name/40",[41,45.602]],["parent/40",[40,3.19]],["name/41",[42,45.602]],["parent/41",[40,3.19]],["name/42",[43,45.602]],["parent/42",[40,3.19]],["name/43",[44,45.602]],["parent/43",[40,3.19]],["name/44",[45,45.602]],["parent/44",[40,3.19]],["name/45",[46,45.602]],["parent/45",[40,3.19]],["name/46",[47,32.252]],["parent/46",[]],["name/47",[48,50.71]],["parent/47",[47,2.972]],["name/48",[49,50.71]],["parent/48",[47,2.972]],["name/49",[50,29.507]],["parent/49",[47,2.972]],["name/50",[51,50.71]],["parent/50",[47,2.972]],["name/51",[2,33.364]],["parent/51",[52,4.673]],["name/52",[53,50.71]],["parent/52",[47,2.972]],["name/53",[54,50.71]],["parent/53",[47,2.972]],["name/54",[55,50.71]],["parent/54",[47,2.972]],["name/55",[2,33.364]],["parent/55",[56,4.673]],["name/56",[57,50.71]],["parent/56",[58,4.202]],["name/57",[2,33.364]],["parent/57",[59,4.673]],["name/58",[60,45.602]],["parent/58",[61,3.661]],["name/59",[62,50.71]],["parent/59",[61,3.661]],["name/60",[63,45.602]],["parent/60",[61,3.661]],["name/61",[64,50.71]],["parent/61",[61,3.661]],["name/62",[65,50.71]],["parent/62",[58,4.202]],["name/63",[2,33.364]],["parent/63",[66,4.673]],["name/64",[60,45.602]],["parent/64",[67,4.202]],["name/65",[63,45.602]],["parent/65",[67,4.202]],["name/66",[68,50.71]],["parent/66",[47,2.972]],["name/67",[50,29.507]],["parent/67",[]],["name/68",[69,50.71]],["parent/68",[50,2.719]],["name/69",[70,50.71]],["parent/69",[50,2.719]],["name/70",[71,50.71]],["parent/70",[50,2.719]],["name/71",[72,50.71]],["parent/71",[50,2.719]],["name/72",[73,50.71]],["parent/72",[50,2.719]],["name/73",[74,50.71]],["parent/73",[50,2.719]],["name/74",[75,50.71]],["parent/74",[50,2.719]],["name/75",[76,50.71]],["parent/75",[50,2.719]],["name/76",[77,45.602]],["parent/76",[50,2.719]],["name/77",[78,50.71]],["parent/77",[50,2.719]],["name/78",[79,31.251]],["parent/78",[]],["name/79",[10,30.341]],["parent/79",[79,2.88]],["name/80",[1,39.724]],["parent/80",[80,3.661]],["name/81",[81,32.252]],["parent/81",[82,3.892]],["name/82",[83,39.724]],["parent/82",[82,3.892]],["name/83",[84,39.724]],["parent/83",[82,3.892]],["name/84",[4,39.724]],["parent/84",[80,3.661]],["name/85",[7,39.724]],["parent/85",[80,3.661]],["name/86",[8,39.724]],["parent/86",[80,3.661]],["name/87",[85,29.507]],["parent/87",[79,2.88]],["name/88",[86,45.602]],["parent/88",[79,2.88]],["name/89",[81,32.252]],["parent/89",[79,2.88]],["name/90",[83,39.724]],["parent/90",[79,2.88]],["name/91",[84,39.724]],["parent/91",[79,2.88]],["name/92",[87,45.602]],["parent/92",[79,2.88]],["name/93",[11,30.341]],["parent/93",[79,2.88]],["name/94",[12,30.341]],["parent/94",[79,2.88]],["name/95",[88,29.507]],["parent/95",[]],["name/96",[10,30.341]],["parent/96",[88,2.719]],["name/97",[1,39.724]],["parent/97",[89,3.661]],["name/98",[81,32.252]],["parent/98",[90,3.476]],["name/99",[83,39.724]],["parent/99",[90,3.476]],["name/100",[84,39.724]],["parent/100",[90,3.476]],["name/101",[91,45.602]],["parent/101",[90,3.476]],["name/102",[92,45.602]],["parent/102",[90,3.476]],["name/103",[4,39.724]],["parent/103",[89,3.661]],["name/104",[7,39.724]],["parent/104",[89,3.661]],["name/105",[8,39.724]],["parent/105",[89,3.661]],["name/106",[85,29.507]],["parent/106",[88,2.719]],["name/107",[91,45.602]],["parent/107",[88,2.719]],["name/108",[92,45.602]],["parent/108",[88,2.719]],["name/109",[12,30.341]],["parent/109",[88,2.719]],["name/110",[86,45.602]],["parent/110",[88,2.719]],["name/111",[81,32.252]],["parent/111",[88,2.719]],["name/112",[83,39.724]],["parent/112",[88,2.719]],["name/113",[84,39.724]],["parent/113",[88,2.719]],["name/114",[87,45.602]],["parent/114",[88,2.719]],["name/115",[11,30.341]],["parent/115",[88,2.719]],["name/116",[93,34.616]],["parent/116",[]],["name/117",[85,29.507]],["parent/117",[93,3.19]],["name/118",[81,32.252]],["parent/118",[93,3.19]],["name/119",[94,39.724]],["parent/119",[93,3.19]],["name/120",[10,30.341]],["parent/120",[93,3.19]],["name/121",[11,30.341]],["parent/121",[93,3.19]],["name/122",[12,30.341]],["parent/122",[93,3.19]],["name/123",[95,50.71]],["parent/123",[]],["name/124",[96,33.364]],["parent/124",[]],["name/125",[10,30.341]],["parent/125",[96,3.075]],["name/126",[5,45.602]],["parent/126",[97,3.476]],["name/127",[98,50.71]],["parent/127",[99,4.202]],["name/128",[100,50.71]],["parent/128",[99,4.202]],["name/129",[1,39.724]],["parent/129",[97,3.476]],["name/130",[81,32.252]],["parent/130",[101,3.892]],["name/131",[94,39.724]],["parent/131",[101,3.892]],["name/132",[102,45.602]],["parent/132",[101,3.892]],["name/133",[4,39.724]],["parent/133",[97,3.476]],["name/134",[7,39.724]],["parent/134",[97,3.476]],["name/135",[8,39.724]],["parent/135",[97,3.476]],["name/136",[85,29.507]],["parent/136",[96,3.075]],["name/137",[81,32.252]],["parent/137",[96,3.075]],["name/138",[94,39.724]],["parent/138",[96,3.075]],["name/139",[102,45.602]],["parent/139",[96,3.075]],["name/140",[11,30.341]],["parent/140",[96,3.075]],["name/141",[12,30.341]],["parent/141",[96,3.075]],["name/142",[103,32.252]],["parent/142",[]],["name/143",[85,29.507]],["parent/143",[103,2.972]],["name/144",[104,45.602]],["parent/144",[103,2.972]],["name/145",[105,45.602]],["parent/145",[103,2.972]],["name/146",[106,45.602]],["parent/146",[103,2.972]],["name/147",[107,45.602]],["parent/147",[103,2.972]],["name/148",[10,30.341]],["parent/148",[103,2.972]],["name/149",[11,30.341]],["parent/149",[103,2.972]],["name/150",[12,30.341]],["parent/150",[103,2.972]],["name/151",[108,50.71]],["parent/151",[]],["name/152",[109,32.252]],["parent/152",[]],["name/153",[85,29.507]],["parent/153",[109,2.972]],["name/154",[104,45.602]],["parent/154",[109,2.972]],["name/155",[105,45.602]],["parent/155",[109,2.972]],["name/156",[106,45.602]],["parent/156",[109,2.972]],["name/157",[107,45.602]],["parent/157",[109,2.972]],["name/158",[10,30.341]],["parent/158",[109,2.972]],["name/159",[11,30.341]],["parent/159",[109,2.972]],["name/160",[12,30.341]],["parent/160",[109,2.972]],["name/161",[110,50.71]],["parent/161",[]],["name/162",[111,34.616]],["parent/162",[]],["name/163",[85,29.507]],["parent/163",[111,3.19]],["name/164",[81,32.252]],["parent/164",[111,3.19]],["name/165",[94,39.724]],["parent/165",[111,3.19]],["name/166",[10,30.341]],["parent/166",[111,3.19]],["name/167",[11,30.341]],["parent/167",[111,3.19]],["name/168",[12,30.341]],["parent/168",[111,3.19]],["name/169",[112,50.71]],["parent/169",[]],["name/170",[113,36.047]],["parent/170",[]],["name/171",[85,29.507]],["parent/171",[113,3.322]],["name/172",[114,45.602]],["parent/172",[113,3.322]],["name/173",[10,30.341]],["parent/173",[113,3.322]],["name/174",[11,30.341]],["parent/174",[113,3.322]],["name/175",[12,30.341]],["parent/175",[113,3.322]],["name/176",[115,50.71]],["parent/176",[]],["name/177",[116,34.616]],["parent/177",[]],["name/178",[117,50.71]],["parent/178",[116,3.19]],["name/179",[85,29.507]],["parent/179",[116,3.19]],["name/180",[114,45.602]],["parent/180",[116,3.19]],["name/181",[10,30.341]],["parent/181",[116,3.19]],["name/182",[11,30.341]],["parent/182",[116,3.19]],["name/183",[12,30.341]],["parent/183",[116,3.19]],["name/184",[118,50.71]],["parent/184",[]],["name/185",[119,33.364]],["parent/185",[]],["name/186",[85,29.507]],["parent/186",[119,3.075]],["name/187",[81,32.252]],["parent/187",[119,3.075]],["name/188",[120,50.71]],["parent/188",[119,3.075]],["name/189",[121,50.71]],["parent/189",[119,3.075]],["name/190",[10,30.341]],["parent/190",[119,3.075]],["name/191",[11,30.341]],["parent/191",[119,3.075]],["name/192",[12,30.341]],["parent/192",[119,3.075]],["name/193",[122,50.71]],["parent/193",[]],["name/194",[123,50.71]],["parent/194",[]],["name/195",[124,50.71]],["parent/195",[]],["name/196",[125,50.71]],["parent/196",[]],["name/197",[126,50.71]],["parent/197",[]],["name/198",[127,50.71]],["parent/198",[]],["name/199",[128,50.71]],["parent/199",[]],["name/200",[129,50.71]],["parent/200",[]],["name/201",[130,39.724]],["parent/201",[]],["name/202",[85,29.507]],["parent/202",[130,3.661]],["name/203",[131,50.71]],["parent/203",[130,3.661]],["name/204",[77,45.602]],["parent/204",[130,3.661]],["name/205",[132,36.047]],["parent/205",[]],["name/206",[133,50.71]],["parent/206",[132,3.322]],["name/207",[134,50.71]],["parent/207",[132,3.322]],["name/208",[85,29.507]],["parent/208",[132,3.322]],["name/209",[135,50.71]],["parent/209",[132,3.322]],["name/210",[136,50.71]],["parent/210",[132,3.322]],["name/211",[137,50.71]],["parent/211",[]],["name/212",[138,42.237]],["parent/212",[]],["name/213",[139,50.71]],["parent/213",[138,3.892]],["name/214",[140,45.602]],["parent/214",[141,4.202]],["name/215",[142,45.602]],["parent/215",[141,4.202]],["name/216",[143,50.71]],["parent/216",[138,3.892]],["name/217",[140,45.602]],["parent/217",[144,4.202]],["name/218",[142,45.602]],["parent/218",[144,4.202]],["name/219",[145,31.251]],["parent/219",[]],["name/220",[30,45.602]],["parent/220",[145,2.88]],["name/221",[31,45.602]],["parent/221",[145,2.88]],["name/222",[32,45.602]],["parent/222",[145,2.88]],["name/223",[33,45.602]],["parent/223",[145,2.88]],["name/224",[35,45.602]],["parent/224",[145,2.88]],["name/225",[36,45.602]],["parent/225",[145,2.88]],["name/226",[34,45.602]],["parent/226",[145,2.88]],["name/227",[39,45.602]],["parent/227",[145,2.88]],["name/228",[37,45.602]],["parent/228",[145,2.88]],["name/229",[2,33.364]],["parent/229",[146,4.673]],["name/230",[147,34.616]],["parent/230",[]],["name/231",[42,45.602]],["parent/231",[147,3.19]],["name/232",[44,45.602]],["parent/232",[147,3.19]],["name/233",[46,45.602]],["parent/233",[147,3.19]],["name/234",[45,45.602]],["parent/234",[147,3.19]],["name/235",[43,45.602]],["parent/235",[147,3.19]],["name/236",[41,45.602]],["parent/236",[147,3.19]],["name/237",[148,50.71]],["parent/237",[]]],"invertedIndex":[["__global",{"_index":138,"name":{"212":{}},"parent":{"213":{},"216":{}}}],["__global.array",{"_index":141,"name":{},"parent":{"214":{},"215":{}}}],["__global.float32array",{"_index":144,"name":{},"parent":{"217":{},"218":{}}}],["__type",{"_index":2,"name":{"2":{},"25":{},"37":{},"51":{},"55":{},"57":{},"63":{},"229":{}},"parent":{}}],["adddeltatime",{"_index":136,"name":{"210":{}},"parent":{}}],["adddrawable",{"_index":75,"name":{"74":{}},"parent":{}}],["ambientlight",{"_index":39,"name":{"38":{},"227":{}},"parent":{}}],["array",{"_index":139,"name":{"213":{}},"parent":{}}],["backgroundcolor",{"_index":45,"name":{"44":{},"234":{}},"parent":{}}],["canvassize",{"_index":69,"name":{"68":{}},"parent":{}}],["center",{"_index":81,"name":{"81":{},"89":{},"98":{},"111":{},"118":{},"130":{},"137":{},"164":{},"187":{}},"parent":{}}],["circlebase",{"_index":93,"name":{"116":{}},"parent":{"117":{},"118":{},"119":{},"120":{},"121":{},"122":{}}}],["circlefactory",{"_index":95,"name":{"123":{}},"parent":{}}],["circlelight",{"_index":79,"name":{"78":{}},"parent":{"79":{},"87":{},"88":{},"89":{},"90":{},"91":{},"92":{},"93":{},"94":{}}}],["circlelight.descriptor",{"_index":80,"name":{},"parent":{"80":{},"84":{},"85":{},"86":{}}}],["circlelight.descriptor.propertyuniformmapping",{"_index":82,"name":{},"parent":{"81":{},"82":{},"83":{}}}],["clamp_to_edge",{"_index":14,"name":{"13":{}},"parent":{}}],["color",{"_index":83,"name":{"82":{},"90":{},"99":{},"112":{}},"parent":{}}],["colorfulcircle",{"_index":96,"name":{"124":{}},"parent":{"125":{},"136":{},"137":{},"138":{},"139":{},"140":{},"141":{}}}],["colorfulcircle.descriptor",{"_index":97,"name":{},"parent":{"126":{},"129":{},"133":{},"134":{},"135":{}}}],["colorfulcircle.descriptor.propertyuniformmapping",{"_index":101,"name":{},"parent":{"130":{},"131":{},"132":{}}}],["colorfulcircle.descriptor.sdf",{"_index":99,"name":{},"parent":{"127":{},"128":{}}}],["colorindex",{"_index":102,"name":{"132":{},"139":{}},"parent":{}}],["colorpalette",{"_index":34,"name":{"33":{},"226":{}},"parent":{}}],["compile",{"_index":148,"name":{"237":{}},"parent":{}}],["constructor",{"_index":85,"name":{"87":{},"106":{},"117":{},"136":{},"143":{},"153":{},"163":{},"171":{},"179":{},"186":{},"202":{},"208":{}},"parent":{}}],["defaultruntimesettings",{"_index":145,"name":{"219":{}},"parent":{"220":{},"221":{},"222":{},"223":{},"224":{},"225":{},"226":{},"227":{},"228":{}}}],["defaultruntimesettings.textures",{"_index":146,"name":{},"parent":{"229":{}}}],["defaultstartupsettings",{"_index":147,"name":{"230":{}},"parent":{"231":{},"232":{},"233":{},"234":{},"235":{},"236":{}}}],["deltatimecalculator",{"_index":130,"name":{"201":{}},"parent":{"202":{},"203":{},"204":{}}}],["descriptor",{"_index":10,"name":{"9":{},"79":{},"96":{},"120":{},"125":{},"148":{},"158":{},"166":{},"173":{},"181":{},"190":{}},"parent":{}}],["destroy",{"_index":77,"name":{"76":{},"204":{}},"parent":{}}],["direction",{"_index":91,"name":{"101":{},"107":{}},"parent":{}}],["displaytoworldcoordinates",{"_index":72,"name":{"71":{}},"parent":{}}],["distance",{"_index":57,"name":{"56":{}},"parent":{}}],["distancefunctionname",{"_index":100,"name":{"128":{}},"parent":{}}],["distancerenderscale",{"_index":35,"name":{"34":{},"224":{}},"parent":{}}],["drawable",{"_index":9,"name":{"8":{}},"parent":{"9":{},"10":{},"11":{}}}],["drawablecount",{"_index":62,"name":{"59":{}},"parent":{}}],["drawabledescriptor",{"_index":0,"name":{"0":{}},"parent":{"1":{},"3":{},"4":{},"5":{},"6":{},"7":{}}}],["drawabledescriptor.propertyuniformmapping",{"_index":3,"name":{},"parent":{"2":{}}}],["drawndrawablecount",{"_index":63,"name":{"60":{},"65":{}},"parent":{}}],["dropletbase",{"_index":103,"name":{"142":{}},"parent":{"143":{},"144":{},"145":{},"146":{},"147":{},"148":{},"149":{},"150":{}}}],["dropletfactory",{"_index":108,"name":{"151":{}},"parent":{}}],["empty",{"_index":8,"name":{"7":{},"86":{},"105":{},"135":{}},"parent":{}}],["enablehighdpirendering",{"_index":30,"name":{"29":{},"220":{}},"parent":{}}],["enablestopwatch",{"_index":41,"name":{"40":{},"236":{}},"parent":{}}],["extensions",{"_index":51,"name":{"50":{}},"parent":{}}],["filteringoptions",{"_index":17,"name":{"16":{}},"parent":{"17":{},"18":{}}}],["flashlight",{"_index":88,"name":{"95":{}},"parent":{"96":{},"106":{},"107":{},"108":{},"109":{},"110":{},"111":{},"112":{},"113":{},"114":{},"115":{}}}],["flashlight.descriptor",{"_index":89,"name":{},"parent":{"97":{},"103":{},"104":{},"105":{}}}],["flashlight.descriptor.propertyuniformmapping",{"_index":90,"name":{},"parent":{"98":{},"99":{},"100":{},"101":{},"102":{}}}],["float32array",{"_index":143,"name":{"216":{}},"parent":{}}],["floatinterpolationenabled",{"_index":53,"name":{"52":{}},"parent":{}}],["fps",{"_index":135,"name":{"209":{}},"parent":{}}],["fpshysteresis",{"_index":134,"name":{"207":{}},"parent":{}}],["fpsqualityautoscaler",{"_index":132,"name":{"205":{}},"parent":{"206":{},"207":{},"208":{},"209":{},"210":{}}}],["fpstarget",{"_index":133,"name":{"206":{}},"parent":{}}],["from",{"_index":104,"name":{"144":{},"154":{}},"parent":{}}],["fromradius",{"_index":106,"name":{"146":{},"156":{}},"parent":{}}],["getnextdeltatime",{"_index":131,"name":{"203":{}},"parent":{}}],["getobjecttoserialize",{"_index":12,"name":{"11":{},"94":{},"109":{},"122":{},"141":{},"150":{},"160":{},"168":{},"175":{},"183":{},"192":{}},"parent":{}}],["hex",{"_index":125,"name":{"196":{}},"parent":{}}],["hsl",{"_index":127,"name":{"198":{}},"parent":{}}],["ignorewebgl2",{"_index":46,"name":{"45":{},"233":{}},"parent":{}}],["insights",{"_index":78,"name":{"77":{}},"parent":{}}],["intensity",{"_index":84,"name":{"83":{},"91":{},"100":{},"113":{}},"parent":{}}],["invertedtunnelbase",{"_index":109,"name":{"152":{}},"parent":{"153":{},"154":{},"155":{},"156":{},"157":{},"158":{},"159":{},"160":{}}}],["invertedtunnelfactory",{"_index":110,"name":{"161":{}},"parent":{}}],["iswebgl2",{"_index":48,"name":{"47":{}},"parent":{}}],["isworldinverted",{"_index":32,"name":{"31":{},"222":{}},"parent":{}}],["lightcutoffdistance",{"_index":33,"name":{"32":{},"223":{}},"parent":{}}],["lightnessratio",{"_index":86,"name":{"88":{},"110":{}},"parent":{}}],["lightpenetrationratio",{"_index":43,"name":{"42":{},"235":{}},"parent":{}}],["lights",{"_index":65,"name":{"62":{}},"parent":{}}],["lightsrenderscale",{"_index":36,"name":{"35":{},"225":{}},"parent":{}}],["linear",{"_index":18,"name":{"17":{}},"parent":{}}],["maxfilter",{"_index":24,"name":{"23":{}},"parent":{}}],["metacirclebase",{"_index":111,"name":{"162":{}},"parent":{"163":{},"164":{},"165":{},"166":{},"167":{},"168":{}}}],["metacirclefactory",{"_index":112,"name":{"169":{}},"parent":{}}],["mindistance",{"_index":11,"name":{"10":{},"93":{},"115":{},"121":{},"140":{},"149":{},"159":{},"167":{},"174":{},"182":{},"191":{}},"parent":{}}],["minfilter",{"_index":23,"name":{"22":{}},"parent":{}}],["mirrored_repeat",{"_index":16,"name":{"15":{}},"parent":{}}],["nearest",{"_index":19,"name":{"18":{}},"parent":{}}],["noisypolygonbase",{"_index":116,"name":{"177":{}},"parent":{"178":{},"179":{},"180":{},"181":{},"182":{},"183":{}}}],["noisypolygonfactory",{"_index":118,"name":{"184":{}},"parent":{}}],["objectcountscaler",{"_index":6,"name":{"5":{}},"parent":{}}],["overrides",{"_index":28,"name":{"27":{}},"parent":{}}],["palettesize",{"_index":44,"name":{"43":{},"232":{}},"parent":{}}],["polygonbase",{"_index":113,"name":{"170":{}},"parent":{"171":{},"172":{},"173":{},"174":{},"175":{}}}],["polygonfactory",{"_index":115,"name":{"176":{}},"parent":{}}],["programcount",{"_index":54,"name":{"53":{}},"parent":{}}],["propertyuniformmapping",{"_index":1,"name":{"1":{},"80":{},"97":{},"129":{}},"parent":{}}],["radius",{"_index":94,"name":{"119":{},"131":{},"138":{},"165":{}},"parent":{}}],["randomoffset",{"_index":117,"name":{"178":{}},"parent":{}}],["renderdrawables",{"_index":76,"name":{"75":{}},"parent":{}}],["renderer",{"_index":50,"name":{"49":{},"67":{}},"parent":{"68":{},"69":{},"70":{},"71":{},"72":{},"73":{},"74":{},"75":{},"76":{},"77":{}}}],["rendererinfo",{"_index":47,"name":{"46":{}},"parent":{"47":{},"48":{},"49":{},"50":{},"52":{},"53":{},"54":{},"66":{}}}],["rendererinfo.extensions",{"_index":52,"name":{},"parent":{"51":{}}}],["rendererinfo.renderpasses",{"_index":56,"name":{},"parent":{"55":{}}}],["rendererinfo.renderpasses.__type",{"_index":58,"name":{},"parent":{"56":{},"62":{}}}],["rendererinfo.renderpasses.__type.distance",{"_index":59,"name":{},"parent":{"57":{}}}],["rendererinfo.renderpasses.__type.distance.__type",{"_index":61,"name":{},"parent":{"58":{},"59":{},"60":{},"61":{}}}],["rendererinfo.renderpasses.__type.lights",{"_index":66,"name":{},"parent":{"63":{}}}],["rendererinfo.renderpasses.__type.lights.__type",{"_index":67,"name":{},"parent":{"64":{},"65":{}}}],["rendernoise",{"_index":123,"name":{"194":{}},"parent":{}}],["renderpasses",{"_index":55,"name":{"54":{}},"parent":{}}],["renderscale",{"_index":60,"name":{"58":{},"64":{}},"parent":{}}],["repeat",{"_index":15,"name":{"14":{}},"parent":{}}],["rgb",{"_index":126,"name":{"197":{}},"parent":{}}],["rgb255",{"_index":124,"name":{"195":{}},"parent":{}}],["rgba",{"_index":128,"name":{"199":{}},"parent":{}}],["rgba255",{"_index":129,"name":{"200":{}},"parent":{}}],["rotatedrectanglebase",{"_index":119,"name":{"185":{}},"parent":{"186":{},"187":{},"188":{},"189":{},"190":{},"191":{},"192":{}}}],["rotatedrectanglefactory",{"_index":122,"name":{"193":{}},"parent":{}}],["rotation",{"_index":121,"name":{"189":{}},"parent":{}}],["runanimation",{"_index":137,"name":{"211":{}},"parent":{}}],["runtimesettings",{"_index":29,"name":{"28":{}},"parent":{"29":{},"30":{},"31":{},"32":{},"33":{},"34":{},"35":{},"36":{},"38":{}}}],["runtimesettings.textures",{"_index":38,"name":{},"parent":{"37":{}}}],["sdf",{"_index":5,"name":{"4":{},"126":{}},"parent":{}}],["setlightnessratio",{"_index":87,"name":{"92":{},"114":{}},"parent":{}}],["setruntimesettings",{"_index":74,"name":{"73":{}},"parent":{}}],["setviewarea",{"_index":71,"name":{"70":{}},"parent":{}}],["shader",{"_index":98,"name":{"127":{}},"parent":{}}],["shadercombinationsteps",{"_index":7,"name":{"6":{},"85":{},"104":{},"134":{}},"parent":{}}],["shadowtracecount",{"_index":42,"name":{"41":{},"231":{}},"parent":{}}],["size",{"_index":120,"name":{"188":{}},"parent":{}}],["source",{"_index":26,"name":{"26":{}},"parent":{}}],["startcutoff",{"_index":92,"name":{"102":{},"108":{}},"parent":{}}],["startupsettings",{"_index":40,"name":{"39":{}},"parent":{"40":{},"41":{},"42":{},"43":{},"44":{},"45":{}}}],["startuptimeinmilliseconds",{"_index":68,"name":{"66":{}},"parent":{}}],["textureoptions",{"_index":20,"name":{"19":{}},"parent":{"20":{},"21":{},"22":{},"23":{}}}],["textures",{"_index":37,"name":{"36":{},"228":{}},"parent":{}}],["texturewithoptions",{"_index":25,"name":{"24":{}},"parent":{"25":{}}}],["texturewithoptions.__type",{"_index":27,"name":{},"parent":{"26":{},"27":{}}}],["tilecount",{"_index":64,"name":{"61":{}},"parent":{}}],["tilemultiplier",{"_index":31,"name":{"30":{},"221":{}},"parent":{}}],["to",{"_index":105,"name":{"145":{},"155":{}},"parent":{}}],["toradius",{"_index":107,"name":{"147":{},"157":{}},"parent":{}}],["uniformcountmacroname",{"_index":4,"name":{"3":{},"84":{},"103":{},"133":{}},"parent":{}}],["vendor",{"_index":49,"name":{"48":{}},"parent":{}}],["vertices",{"_index":114,"name":{"172":{},"180":{}},"parent":{}}],["viewareasize",{"_index":70,"name":{"69":{}},"parent":{}}],["worldtodisplaycoordinates",{"_index":73,"name":{"72":{}},"parent":{}}],["wrapoptions",{"_index":13,"name":{"12":{}},"parent":{"13":{},"14":{},"15":{}}}],["wraps",{"_index":21,"name":{"20":{}},"parent":{}}],["wrapt",{"_index":22,"name":{"21":{}},"parent":{}}],["x",{"_index":140,"name":{"214":{},"217":{}},"parent":{}}],["y",{"_index":142,"name":{"215":{},"218":{}},"parent":{}}]],"pipeline":[]}}
\ No newline at end of file
diff --git a/docs/classes/circlebase.html b/docs/classes/circlebase.html
index 95c775a..e4e5a01 100644
--- a/docs/classes/circlebase.html
+++ b/docs/classes/circlebase.html
@@ -3,8 +3,8 @@
 <head>
 	<meta charset="utf-8">
 	<meta http-equiv="X-UA-Compatible" content="IE=edge">
-	<title>CircleBase | SDF-2D - v0.5.3</title>
-	<meta name="description" content="Documentation for SDF-2D - v0.5.3">
+	<title>CircleBase | SDF-2D - v0.6.0</title>
+	<meta name="description" content="Documentation for SDF-2D - v0.6.0">
 	<meta name="viewport" content="width=device-width, initial-scale=1">
 	<link rel="stylesheet" href="../assets/css/main.css">
 	<link rel="icon" href="../favicon.ico" />
@@ -23,7 +23,7 @@
 						<li class="state loading">Preparing search index...</li>
 						<li class="state failure">The search index is not available</li>
 					</ul>
-					<a href="../index.html" class="title">SDF-2D - v0.5.3</a>
+					<a href="../index.html" class="title">SDF-2D - v0.6.0</a>
 				</div>
 				<div class="table-cell" id="tsd-widgets">
 					<div id="tsd-filter">
@@ -120,7 +120,7 @@
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/drawables/shapes/circle-factory.ts#L9">drawables/shapes/circle-factory.ts:9</a></li>
+									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/drawables/shapes/circle-factory.ts#L9">drawables/shapes/circle-factory.ts:9</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-parameters-title">Parameters</h4>
@@ -145,7 +145,7 @@
 					<div class="tsd-signature tsd-kind-icon">center<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">vec2</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/drawables/shapes/circle-factory.ts#L10">drawables/shapes/circle-factory.ts:10</a></li>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/drawables/shapes/circle-factory.ts#L10">drawables/shapes/circle-factory.ts:10</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -155,7 +155,7 @@
 					<div class="tsd-signature tsd-kind-icon">radius<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/drawables/shapes/circle-factory.ts#L10">drawables/shapes/circle-factory.ts:10</a></li>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/drawables/shapes/circle-factory.ts#L10">drawables/shapes/circle-factory.ts:10</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -167,7 +167,7 @@
 						<p>Inherited from EmptyDrawable.descriptor</p>
 						<p>Overrides <a href="drawable.html">Drawable</a>.<a href="drawable.html#descriptor">descriptor</a></p>
 						<ul>
-							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/drawables/empty-drawable.ts#L9">drawables/empty-drawable.ts:9</a></li>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/drawables/empty-drawable.ts#L9">drawables/empty-drawable.ts:9</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -186,7 +186,7 @@
 								<p>Inherited from EmptyDrawable.getObjectToSerialize</p>
 								<p>Overrides <a href="drawable.html">Drawable</a>.<a href="drawable.html#getobjecttoserialize">getObjectToSerialize</a></p>
 								<ul>
-									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/drawables/empty-drawable.ts#L15">drawables/empty-drawable.ts:15</a></li>
+									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/drawables/empty-drawable.ts#L15">drawables/empty-drawable.ts:15</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-parameters-title">Parameters</h4>
@@ -214,7 +214,7 @@
 								<p>Inherited from EmptyDrawable.minDistance</p>
 								<p>Overrides <a href="drawable.html">Drawable</a>.<a href="drawable.html#mindistance">minDistance</a></p>
 								<ul>
-									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/drawables/empty-drawable.ts#L11">drawables/empty-drawable.ts:11</a></li>
+									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/drawables/empty-drawable.ts#L11">drawables/empty-drawable.ts:11</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-parameters-title">Parameters</h4>
@@ -239,12 +239,6 @@
 			</nav>
 			<nav class="tsd-navigation secondary menu-sticky">
 				<ul class="before-current">
-					<li class=" tsd-kind-enum">
-						<a href="../enums/filteringoptions.html" class="tsd-kind-icon">Filtering<wbr>Options</a>
-					</li>
-					<li class=" tsd-kind-enum">
-						<a href="../enums/wrapoptions.html" class="tsd-kind-icon">Wrap<wbr>Options</a>
-					</li>
 				</ul>
 				<ul class="current">
 					<li class="current tsd-kind-class">
@@ -272,102 +266,6 @@
 					</li>
 				</ul>
 				<ul class="after-current">
-					<li class=" tsd-kind-class">
-						<a href="circlelight.html" class="tsd-kind-icon">Circle<wbr>Light</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="drawable.html" class="tsd-kind-icon">Drawable</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="dropletbase.html" class="tsd-kind-icon">Droplet<wbr>Base</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="flashlight.html" class="tsd-kind-icon">Flashlight</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="invertedtunnelbase.html" class="tsd-kind-icon">Inverted<wbr>Tunnel<wbr>Base</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="metacirclebase.html" class="tsd-kind-icon">Meta<wbr>Circle<wbr>Base</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="polygonbase.html" class="tsd-kind-icon">Polygon<wbr>Base</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="rotatedrectanglebase.html" class="tsd-kind-icon">Rotated<wbr>Rectangle<wbr>Base</a>
-					</li>
-					<li class=" tsd-kind-interface">
-						<a href="../interfaces/drawabledescriptor.html" class="tsd-kind-icon">Drawable<wbr>Descriptor</a>
-					</li>
-					<li class=" tsd-kind-interface">
-						<a href="../interfaces/noisypolygonbase.html" class="tsd-kind-icon">Noisy<wbr>Polygon<wbr>Base</a>
-					</li>
-					<li class=" tsd-kind-interface">
-						<a href="../interfaces/renderer.html" class="tsd-kind-icon">Renderer</a>
-					</li>
-					<li class=" tsd-kind-interface">
-						<a href="../interfaces/runtimesettings.html" class="tsd-kind-icon">Runtime<wbr>Settings</a>
-					</li>
-					<li class=" tsd-kind-interface">
-						<a href="../interfaces/startupsettings.html" class="tsd-kind-icon">Startup<wbr>Settings</a>
-					</li>
-					<li class=" tsd-kind-interface">
-						<a href="../interfaces/textureoptions.html" class="tsd-kind-icon">Texture<wbr>Options</a>
-					</li>
-					<li class=" tsd-kind-type-alias">
-						<a href="../globals.html#texturewithoptions" class="tsd-kind-icon">Texture<wbr>With<wbr>Options</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#circlefactory" class="tsd-kind-icon">Circle<wbr>Factory</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#dropletfactory" class="tsd-kind-icon">Droplet<wbr>Factory</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#invertedtunnelfactory" class="tsd-kind-icon">Inverted<wbr>Tunnel<wbr>Factory</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#metacirclefactory" class="tsd-kind-icon">Meta<wbr>Circle<wbr>Factory</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#noisypolygonfactory" class="tsd-kind-icon">Noisy<wbr>Polygon<wbr>Factory</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#polygonfactory" class="tsd-kind-icon">Polygon<wbr>Factory</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#rotatedrectanglefactory" class="tsd-kind-icon">Rotated<wbr>Rectangle<wbr>Factory</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#compile" class="tsd-kind-icon">compile</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#hex" class="tsd-kind-icon">hex</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#hsl" class="tsd-kind-icon">hsl</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#rendernoise" class="tsd-kind-icon">render<wbr>Noise</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#rgb" class="tsd-kind-icon">rgb</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#rgb255" class="tsd-kind-icon">rgb255</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#rgba" class="tsd-kind-icon">rgba</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#rgba255" class="tsd-kind-icon">rgba255</a>
-					</li>
-					<li class=" tsd-kind-object-literal">
-						<a href="../globals.html#defaultruntimesettings" class="tsd-kind-icon">default<wbr>Runtime<wbr>Settings</a>
-					</li>
-					<li class=" tsd-kind-object-literal">
-						<a href="../globals.html#defaultstartupsettings" class="tsd-kind-icon">default<wbr>Startup<wbr>Settings</a>
-					</li>
 				</ul>
 			</nav>
 		</div>
diff --git a/docs/classes/circlelight.html b/docs/classes/circlelight.html
index da9e3b9..ca3b441 100644
--- a/docs/classes/circlelight.html
+++ b/docs/classes/circlelight.html
@@ -3,8 +3,8 @@
 <head>
 	<meta charset="utf-8">
 	<meta http-equiv="X-UA-Compatible" content="IE=edge">
-	<title>CircleLight | SDF-2D - v0.5.3</title>
-	<meta name="description" content="Documentation for SDF-2D - v0.5.3">
+	<title>CircleLight | SDF-2D - v0.6.0</title>
+	<meta name="description" content="Documentation for SDF-2D - v0.6.0">
 	<meta name="viewport" content="width=device-width, initial-scale=1">
 	<link rel="stylesheet" href="../assets/css/main.css">
 	<link rel="icon" href="../favicon.ico" />
@@ -23,7 +23,7 @@
 						<li class="state loading">Preparing search index...</li>
 						<li class="state failure">The search index is not available</li>
 					</ul>
-					<a href="../index.html" class="title">SDF-2D - v0.5.3</a>
+					<a href="../index.html" class="title">SDF-2D - v0.6.0</a>
 				</div>
 				<div class="table-cell" id="tsd-widgets">
 					<div id="tsd-filter">
@@ -129,7 +129,7 @@
 							<aside class="tsd-sources">
 								<p>Overrides LightDrawable.__constructor</p>
 								<ul>
-									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/drawables/lights/circle-light.ts#L18">drawables/lights/circle-light.ts:18</a></li>
+									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/drawables/lights/circle-light.ts#L18">drawables/lights/circle-light.ts:18</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-parameters-title">Parameters</h4>
@@ -156,9 +156,9 @@
 					<h3>center</h3>
 					<div class="tsd-signature tsd-kind-icon">center<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">vec2</span></div>
 					<aside class="tsd-sources">
-						<p>Inherited from <a href="flashlight.html">Flashlight</a>.<a href="flashlight.html#center">center</a></p>
+						<p>Inherited from <a href="circlelight.html">CircleLight</a>.<a href="circlelight.html#center">center</a></p>
 						<ul>
-							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/drawables/lights/light-drawable.ts#L8">drawables/lights/light-drawable.ts:8</a></li>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/drawables/lights/light-drawable.ts#L8">drawables/lights/light-drawable.ts:8</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -167,9 +167,9 @@
 					<h3>color</h3>
 					<div class="tsd-signature tsd-kind-icon">color<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">vec3</span></div>
 					<aside class="tsd-sources">
-						<p>Inherited from <a href="flashlight.html">Flashlight</a>.<a href="flashlight.html#color">color</a></p>
+						<p>Inherited from <a href="circlelight.html">CircleLight</a>.<a href="circlelight.html#color">color</a></p>
 						<ul>
-							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/drawables/lights/light-drawable.ts#L8">drawables/lights/light-drawable.ts:8</a></li>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/drawables/lights/light-drawable.ts#L8">drawables/lights/light-drawable.ts:8</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -178,9 +178,9 @@
 					<h3>intensity</h3>
 					<div class="tsd-signature tsd-kind-icon">intensity<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div>
 					<aside class="tsd-sources">
-						<p>Inherited from <a href="flashlight.html">Flashlight</a>.<a href="flashlight.html#intensity">intensity</a></p>
+						<p>Inherited from <a href="circlelight.html">CircleLight</a>.<a href="circlelight.html#intensity">intensity</a></p>
 						<ul>
-							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/drawables/lights/light-drawable.ts#L8">drawables/lights/light-drawable.ts:8</a></li>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/drawables/lights/light-drawable.ts#L8">drawables/lights/light-drawable.ts:8</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -189,9 +189,9 @@
 					<h3><span class="tsd-flag ts-flagProtected">Protected</span> lightness<wbr>Ratio</h3>
 					<div class="tsd-signature tsd-kind-icon">lightness<wbr>Ratio<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> = 1</span></div>
 					<aside class="tsd-sources">
-						<p>Inherited from <a href="flashlight.html">Flashlight</a>.<a href="flashlight.html#lightnessratio">lightnessRatio</a></p>
+						<p>Inherited from <a href="circlelight.html">CircleLight</a>.<a href="circlelight.html#lightnessratio">lightnessRatio</a></p>
 						<ul>
-							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/drawables/lights/light-drawable.ts#L6">drawables/lights/light-drawable.ts:6</a></li>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/drawables/lights/light-drawable.ts#L6">drawables/lights/light-drawable.ts:6</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -207,10 +207,10 @@
 					<ul class="tsd-descriptions">
 						<li class="tsd-description">
 							<aside class="tsd-sources">
-								<p>Inherited from LightDrawable.getObjectToSerialize</p>
+								<p>Inherited from <a href="circlelight.html">CircleLight</a>.<a href="circlelight.html#getobjecttoserialize">getObjectToSerialize</a></p>
 								<p>Overrides <a href="drawable.html">Drawable</a>.<a href="drawable.html#getobjecttoserialize">getObjectToSerialize</a></p>
 								<ul>
-									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/drawables/lights/light-drawable.ts#L20">drawables/lights/light-drawable.ts:20</a></li>
+									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/drawables/lights/light-drawable.ts#L20">drawables/lights/light-drawable.ts:20</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-parameters-title">Parameters</h4>
@@ -235,10 +235,10 @@
 					<ul class="tsd-descriptions">
 						<li class="tsd-description">
 							<aside class="tsd-sources">
-								<p>Inherited from <a href="flashlight.html">Flashlight</a>.<a href="flashlight.html#mindistance">minDistance</a></p>
+								<p>Inherited from <a href="circlelight.html">CircleLight</a>.<a href="circlelight.html#mindistance">minDistance</a></p>
 								<p>Overrides <a href="drawable.html">Drawable</a>.<a href="drawable.html#mindistance">minDistance</a></p>
 								<ul>
-									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/drawables/lights/light-drawable.ts#L16">drawables/lights/light-drawable.ts:16</a></li>
+									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/drawables/lights/light-drawable.ts#L16">drawables/lights/light-drawable.ts:16</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-parameters-title">Parameters</h4>
@@ -260,9 +260,9 @@
 					<ul class="tsd-descriptions">
 						<li class="tsd-description">
 							<aside class="tsd-sources">
-								<p>Inherited from <a href="flashlight.html">Flashlight</a>.<a href="flashlight.html#setlightnessratio">setLightnessRatio</a></p>
+								<p>Inherited from <a href="circlelight.html">CircleLight</a>.<a href="circlelight.html#setlightnessratio">setLightnessRatio</a></p>
 								<ul>
-									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/drawables/lights/light-drawable.ts#L12">drawables/lights/light-drawable.ts:12</a></li>
+									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/drawables/lights/light-drawable.ts#L12">drawables/lights/light-drawable.ts:12</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-parameters-title">Parameters</h4>
@@ -285,7 +285,7 @@
 					<aside class="tsd-sources">
 						<p>Overrides <a href="drawable.html">Drawable</a>.<a href="drawable.html#descriptor">descriptor</a></p>
 						<ul>
-							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/drawables/lights/circle-light.ts#L9">drawables/lights/circle-light.ts:9</a></li>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/drawables/lights/circle-light.ts#L9">drawables/lights/circle-light.ts:9</a></li>
 						</ul>
 					</aside>
 					<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
@@ -294,7 +294,7 @@
 						<div class="tsd-signature tsd-kind-icon">empty<span class="tsd-signature-symbol">:</span> <a href="circlelight.html" class="tsd-signature-type">CircleLight</a><span class="tsd-signature-symbol"> = new CircleLight(vec2.create(), vec3.create(), 0)</span></div>
 						<aside class="tsd-sources">
 							<ul>
-								<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/drawables/lights/circle-light.ts#L17">drawables/lights/circle-light.ts:17</a></li>
+								<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/drawables/lights/circle-light.ts#L17">drawables/lights/circle-light.ts:17</a></li>
 							</ul>
 						</aside>
 					</section>
@@ -304,7 +304,7 @@
 						<div class="tsd-signature tsd-kind-icon">shader<wbr>Combination<wbr>Steps<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol"> = [0, 1, 2, 4, 8, 16]</span></div>
 						<aside class="tsd-sources">
 							<ul>
-								<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/drawables/lights/circle-light.ts#L16">drawables/lights/circle-light.ts:16</a></li>
+								<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/drawables/lights/circle-light.ts#L16">drawables/lights/circle-light.ts:16</a></li>
 							</ul>
 						</aside>
 					</section>
@@ -314,7 +314,7 @@
 						<div class="tsd-signature tsd-kind-icon">uniform<wbr>Count<wbr>Macro<wbr>Name<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = &quot;CIRCLE_LIGHT_COUNT&quot;</span></div>
 						<aside class="tsd-sources">
 							<ul>
-								<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/drawables/lights/circle-light.ts#L15">drawables/lights/circle-light.ts:15</a></li>
+								<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/drawables/lights/circle-light.ts#L15">drawables/lights/circle-light.ts:15</a></li>
 							</ul>
 						</aside>
 					</section>
@@ -324,7 +324,7 @@
 						<div class="tsd-signature tsd-kind-icon">property<wbr>Uniform<wbr>Mapping<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">object</span></div>
 						<aside class="tsd-sources">
 							<ul>
-								<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/drawables/lights/circle-light.ts#L10">drawables/lights/circle-light.ts:10</a></li>
+								<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/drawables/lights/circle-light.ts#L10">drawables/lights/circle-light.ts:10</a></li>
 							</ul>
 						</aside>
 						<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
@@ -333,7 +333,7 @@
 							<div class="tsd-signature tsd-kind-icon">center<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = &quot;circleLightCenters&quot;</span></div>
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/drawables/lights/circle-light.ts#L11">drawables/lights/circle-light.ts:11</a></li>
+									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/drawables/lights/circle-light.ts#L11">drawables/lights/circle-light.ts:11</a></li>
 								</ul>
 							</aside>
 						</section>
@@ -343,7 +343,7 @@
 							<div class="tsd-signature tsd-kind-icon">color<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = &quot;circleLightColors&quot;</span></div>
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/drawables/lights/circle-light.ts#L12">drawables/lights/circle-light.ts:12</a></li>
+									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/drawables/lights/circle-light.ts#L12">drawables/lights/circle-light.ts:12</a></li>
 								</ul>
 							</aside>
 						</section>
@@ -353,7 +353,7 @@
 							<div class="tsd-signature tsd-kind-icon">intensity<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = &quot;circleLightIntensities&quot;</span></div>
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/drawables/lights/circle-light.ts#L13">drawables/lights/circle-light.ts:13</a></li>
+									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/drawables/lights/circle-light.ts#L13">drawables/lights/circle-light.ts:13</a></li>
 								</ul>
 							</aside>
 						</section>
@@ -371,15 +371,6 @@
 			</nav>
 			<nav class="tsd-navigation secondary menu-sticky">
 				<ul class="before-current">
-					<li class=" tsd-kind-enum">
-						<a href="../enums/filteringoptions.html" class="tsd-kind-icon">Filtering<wbr>Options</a>
-					</li>
-					<li class=" tsd-kind-enum">
-						<a href="../enums/wrapoptions.html" class="tsd-kind-icon">Wrap<wbr>Options</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="circlebase.html" class="tsd-kind-icon">Circle<wbr>Base</a>
-					</li>
 				</ul>
 				<ul class="current">
 					<li class="current tsd-kind-class">
@@ -416,99 +407,6 @@
 					</li>
 				</ul>
 				<ul class="after-current">
-					<li class=" tsd-kind-class">
-						<a href="drawable.html" class="tsd-kind-icon">Drawable</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="dropletbase.html" class="tsd-kind-icon">Droplet<wbr>Base</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="flashlight.html" class="tsd-kind-icon">Flashlight</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="invertedtunnelbase.html" class="tsd-kind-icon">Inverted<wbr>Tunnel<wbr>Base</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="metacirclebase.html" class="tsd-kind-icon">Meta<wbr>Circle<wbr>Base</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="polygonbase.html" class="tsd-kind-icon">Polygon<wbr>Base</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="rotatedrectanglebase.html" class="tsd-kind-icon">Rotated<wbr>Rectangle<wbr>Base</a>
-					</li>
-					<li class=" tsd-kind-interface">
-						<a href="../interfaces/drawabledescriptor.html" class="tsd-kind-icon">Drawable<wbr>Descriptor</a>
-					</li>
-					<li class=" tsd-kind-interface">
-						<a href="../interfaces/noisypolygonbase.html" class="tsd-kind-icon">Noisy<wbr>Polygon<wbr>Base</a>
-					</li>
-					<li class=" tsd-kind-interface">
-						<a href="../interfaces/renderer.html" class="tsd-kind-icon">Renderer</a>
-					</li>
-					<li class=" tsd-kind-interface">
-						<a href="../interfaces/runtimesettings.html" class="tsd-kind-icon">Runtime<wbr>Settings</a>
-					</li>
-					<li class=" tsd-kind-interface">
-						<a href="../interfaces/startupsettings.html" class="tsd-kind-icon">Startup<wbr>Settings</a>
-					</li>
-					<li class=" tsd-kind-interface">
-						<a href="../interfaces/textureoptions.html" class="tsd-kind-icon">Texture<wbr>Options</a>
-					</li>
-					<li class=" tsd-kind-type-alias">
-						<a href="../globals.html#texturewithoptions" class="tsd-kind-icon">Texture<wbr>With<wbr>Options</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#circlefactory" class="tsd-kind-icon">Circle<wbr>Factory</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#dropletfactory" class="tsd-kind-icon">Droplet<wbr>Factory</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#invertedtunnelfactory" class="tsd-kind-icon">Inverted<wbr>Tunnel<wbr>Factory</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#metacirclefactory" class="tsd-kind-icon">Meta<wbr>Circle<wbr>Factory</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#noisypolygonfactory" class="tsd-kind-icon">Noisy<wbr>Polygon<wbr>Factory</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#polygonfactory" class="tsd-kind-icon">Polygon<wbr>Factory</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#rotatedrectanglefactory" class="tsd-kind-icon">Rotated<wbr>Rectangle<wbr>Factory</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#compile" class="tsd-kind-icon">compile</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#hex" class="tsd-kind-icon">hex</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#hsl" class="tsd-kind-icon">hsl</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#rendernoise" class="tsd-kind-icon">render<wbr>Noise</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#rgb" class="tsd-kind-icon">rgb</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#rgb255" class="tsd-kind-icon">rgb255</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#rgba" class="tsd-kind-icon">rgba</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#rgba255" class="tsd-kind-icon">rgba255</a>
-					</li>
-					<li class=" tsd-kind-object-literal">
-						<a href="../globals.html#defaultruntimesettings" class="tsd-kind-icon">default<wbr>Runtime<wbr>Settings</a>
-					</li>
-					<li class=" tsd-kind-object-literal">
-						<a href="../globals.html#defaultstartupsettings" class="tsd-kind-icon">default<wbr>Startup<wbr>Settings</a>
-					</li>
 				</ul>
 			</nav>
 		</div>
diff --git a/docs/classes/colorfulcircle.html b/docs/classes/colorfulcircle.html
new file mode 100644
index 0000000..32e6ac0
--- /dev/null
+++ b/docs/classes/colorfulcircle.html
@@ -0,0 +1,421 @@
+<!doctype html>
+<html class="default no-js">
+<head>
+	<meta charset="utf-8">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge">
+	<title>ColorfulCircle | SDF-2D - v0.6.0</title>
+	<meta name="description" content="Documentation for SDF-2D - v0.6.0">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<link rel="stylesheet" href="../assets/css/main.css">
+	<link rel="icon" href="../favicon.ico" />
+</head>
+<body>
+<header>
+	<div class="tsd-page-toolbar">
+		<div class="container">
+			<div class="table-wrap">
+				<div class="table-cell" id="tsd-search" data-index="../assets/js/search.json" data-base="..">
+					<div class="field">
+						<label for="tsd-search-field" class="tsd-widget search no-caption">Search</label>
+						<input id="tsd-search-field" type="text" />
+					</div>
+					<ul class="results">
+						<li class="state loading">Preparing search index...</li>
+						<li class="state failure">The search index is not available</li>
+					</ul>
+					<a href="../index.html" class="title">SDF-2D - v0.6.0</a>
+				</div>
+				<div class="table-cell" id="tsd-widgets">
+					<div id="tsd-filter">
+						<a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a>
+						<div class="tsd-filter-group">
+							<div class="tsd-select" id="tsd-filter-visibility">
+								<span class="tsd-select-label">All</span>
+								<ul class="tsd-select-list">
+									<li data-value="public">Public</li>
+									<li data-value="protected">Public/Protected</li>
+									<li data-value="private" class="selected">All</li>
+								</ul>
+							</div>
+							<input type="checkbox" id="tsd-filter-inherited" checked />
+							<label class="tsd-widget" for="tsd-filter-inherited">Inherited</label>
+						</div>
+					</div>
+					<a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a>
+				</div>
+			</div>
+		</div>
+	</div>
+	<div class="tsd-page-title">
+		<div class="container">
+			<ul class="tsd-breadcrumb">
+				<li>
+					<a href="../globals.html">Globals</a>
+				</li>
+				<li>
+					<a href="colorfulcircle.html">ColorfulCircle</a>
+				</li>
+			</ul>
+			<h1>Class ColorfulCircle</h1>
+		</div>
+	</div>
+</header>
+<div class="container container-main">
+	<div class="row">
+		<div class="col-8 col-content">
+			<section class="tsd-panel tsd-hierarchy">
+				<h3>Hierarchy</h3>
+				<ul class="tsd-hierarchy">
+					<li>
+						<a href="drawable.html" class="tsd-signature-type">Drawable</a>
+						<ul class="tsd-hierarchy">
+							<li>
+								<span class="target">ColorfulCircle</span>
+							</li>
+						</ul>
+					</li>
+				</ul>
+			</section>
+			<section class="tsd-panel-group tsd-index-group">
+				<h2>Index</h2>
+				<section class="tsd-panel tsd-index-panel">
+					<div class="tsd-index-content">
+						<section class="tsd-index-section ">
+							<h3>Constructors</h3>
+							<ul class="tsd-index-list">
+								<li class="tsd-kind-constructor tsd-parent-kind-class"><a href="colorfulcircle.html#constructor" class="tsd-kind-icon">constructor</a></li>
+							</ul>
+						</section>
+						<section class="tsd-index-section ">
+							<h3>Properties</h3>
+							<ul class="tsd-index-list">
+								<li class="tsd-kind-property tsd-parent-kind-class"><a href="colorfulcircle.html#center" class="tsd-kind-icon">center</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-class"><a href="colorfulcircle.html#colorindex" class="tsd-kind-icon">color<wbr>Index</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-class"><a href="colorfulcircle.html#radius" class="tsd-kind-icon">radius</a></li>
+							</ul>
+						</section>
+						<section class="tsd-index-section ">
+							<h3>Methods</h3>
+							<ul class="tsd-index-list">
+								<li class="tsd-kind-method tsd-parent-kind-class tsd-is-overwrite tsd-is-protected"><a href="colorfulcircle.html#getobjecttoserialize" class="tsd-kind-icon">get<wbr>Object<wbr>ToSerialize</a></li>
+								<li class="tsd-kind-method tsd-parent-kind-class tsd-is-overwrite"><a href="colorfulcircle.html#mindistance" class="tsd-kind-icon">min<wbr>Distance</a></li>
+							</ul>
+						</section>
+						<section class="tsd-index-section ">
+							<h3>Object literals</h3>
+							<ul class="tsd-index-list">
+								<li class="tsd-kind-object-literal tsd-parent-kind-class tsd-is-overwrite tsd-is-static"><a href="colorfulcircle.html#descriptor" class="tsd-kind-icon">descriptor</a></li>
+							</ul>
+						</section>
+					</div>
+				</section>
+			</section>
+			<section class="tsd-panel-group tsd-member-group ">
+				<h2>Constructors</h2>
+				<section class="tsd-panel tsd-member tsd-kind-constructor tsd-parent-kind-class">
+					<a name="constructor" class="tsd-anchor"></a>
+					<h3>constructor</h3>
+					<ul class="tsd-signatures tsd-kind-constructor tsd-parent-kind-class">
+						<li class="tsd-signature tsd-kind-icon">new <wbr>Colorful<wbr>Circle<span class="tsd-signature-symbol">(</span>center<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">vec2</span>, radius<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, colorIndex<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="colorfulcircle.html" class="tsd-signature-type">ColorfulCircle</a></li>
+					</ul>
+					<ul class="tsd-descriptions">
+						<li class="tsd-description">
+							<aside class="tsd-sources">
+								<ul>
+									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/drawables/shapes/colorful-circle.ts#L36">drawables/shapes/colorful-circle.ts:36</a></li>
+								</ul>
+							</aside>
+							<h4 class="tsd-parameters-title">Parameters</h4>
+							<ul class="tsd-parameters">
+								<li>
+									<h5>center: <span class="tsd-signature-type">vec2</span></h5>
+								</li>
+								<li>
+									<h5>radius: <span class="tsd-signature-type">number</span></h5>
+								</li>
+								<li>
+									<h5>colorIndex: <span class="tsd-signature-type">number</span></h5>
+								</li>
+							</ul>
+							<h4 class="tsd-returns-title">Returns <a href="colorfulcircle.html" class="tsd-signature-type">ColorfulCircle</a></h4>
+						</li>
+					</ul>
+				</section>
+			</section>
+			<section class="tsd-panel-group tsd-member-group ">
+				<h2>Properties</h2>
+				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
+					<a name="center" class="tsd-anchor"></a>
+					<h3>center</h3>
+					<div class="tsd-signature tsd-kind-icon">center<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">vec2</span></div>
+					<aside class="tsd-sources">
+						<ul>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/drawables/shapes/colorful-circle.ts#L38">drawables/shapes/colorful-circle.ts:38</a></li>
+						</ul>
+					</aside>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
+					<a name="colorindex" class="tsd-anchor"></a>
+					<h3>color<wbr>Index</h3>
+					<div class="tsd-signature tsd-kind-icon">color<wbr>Index<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div>
+					<aside class="tsd-sources">
+						<ul>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/drawables/shapes/colorful-circle.ts#L38">drawables/shapes/colorful-circle.ts:38</a></li>
+						</ul>
+					</aside>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
+					<a name="radius" class="tsd-anchor"></a>
+					<h3>radius</h3>
+					<div class="tsd-signature tsd-kind-icon">radius<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div>
+					<aside class="tsd-sources">
+						<ul>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/drawables/shapes/colorful-circle.ts#L38">drawables/shapes/colorful-circle.ts:38</a></li>
+						</ul>
+					</aside>
+				</section>
+			</section>
+			<section class="tsd-panel-group tsd-member-group ">
+				<h2>Methods</h2>
+				<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-overwrite tsd-is-protected">
+					<a name="getobjecttoserialize" class="tsd-anchor"></a>
+					<h3><span class="tsd-flag ts-flagProtected">Protected</span> get<wbr>Object<wbr>ToSerialize</h3>
+					<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-overwrite tsd-is-protected">
+						<li class="tsd-signature tsd-kind-icon">get<wbr>Object<wbr>ToSerialize<span class="tsd-signature-symbol">(</span>transform2d<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">mat2d</span>, transform1d<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span></li>
+					</ul>
+					<ul class="tsd-descriptions">
+						<li class="tsd-description">
+							<aside class="tsd-sources">
+								<p>Overrides <a href="drawable.html">Drawable</a>.<a href="drawable.html#getobjecttoserialize">getObjectToSerialize</a></p>
+								<ul>
+									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/drawables/shapes/colorful-circle.ts#L46">drawables/shapes/colorful-circle.ts:46</a></li>
+								</ul>
+							</aside>
+							<h4 class="tsd-parameters-title">Parameters</h4>
+							<ul class="tsd-parameters">
+								<li>
+									<h5>transform2d: <span class="tsd-signature-type">mat2d</span></h5>
+								</li>
+								<li>
+									<h5>transform1d: <span class="tsd-signature-type">number</span></h5>
+								</li>
+							</ul>
+							<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">any</span></h4>
+						</li>
+					</ul>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-overwrite">
+					<a name="mindistance" class="tsd-anchor"></a>
+					<h3>min<wbr>Distance</h3>
+					<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-overwrite">
+						<li class="tsd-signature tsd-kind-icon">min<wbr>Distance<span class="tsd-signature-symbol">(</span>target<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">vec2</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></li>
+					</ul>
+					<ul class="tsd-descriptions">
+						<li class="tsd-description">
+							<aside class="tsd-sources">
+								<p>Overrides <a href="drawable.html">Drawable</a>.<a href="drawable.html#mindistance">minDistance</a></p>
+								<ul>
+									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/drawables/shapes/colorful-circle.ts#L42">drawables/shapes/colorful-circle.ts:42</a></li>
+								</ul>
+							</aside>
+							<h4 class="tsd-parameters-title">Parameters</h4>
+							<ul class="tsd-parameters">
+								<li>
+									<h5>target: <span class="tsd-signature-type">vec2</span></h5>
+								</li>
+							</ul>
+							<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">number</span></h4>
+						</li>
+					</ul>
+				</section>
+			</section>
+			<section class="tsd-panel-group tsd-member-group ">
+				<h2>Object literals</h2>
+				<section class="tsd-panel tsd-member tsd-kind-object-literal tsd-parent-kind-class tsd-is-overwrite tsd-is-static">
+					<a name="descriptor" class="tsd-anchor"></a>
+					<h3><span class="tsd-flag ts-flagStatic">Static</span> descriptor</h3>
+					<div class="tsd-signature tsd-kind-icon">descriptor<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">object</span></div>
+					<aside class="tsd-sources">
+						<p>Overrides <a href="drawable.html">Drawable</a>.<a href="drawable.html#descriptor">descriptor</a></p>
+						<ul>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/drawables/shapes/colorful-circle.ts#L6">drawables/shapes/colorful-circle.ts:6</a></li>
+						</ul>
+					</aside>
+					<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
+						<a name="descriptor.empty" class="tsd-anchor"></a>
+						<h3>empty</h3>
+						<div class="tsd-signature tsd-kind-icon">empty<span class="tsd-signature-symbol">:</span> <a href="colorfulcircle.html" class="tsd-signature-type">ColorfulCircle</a><span class="tsd-signature-symbol"> = new ColorfulCircle(vec2.create(), 0, 0)</span></div>
+						<aside class="tsd-sources">
+							<ul>
+								<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/drawables/shapes/colorful-circle.ts#L35">drawables/shapes/colorful-circle.ts:35</a></li>
+							</ul>
+						</aside>
+					</section>
+					<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
+						<a name="descriptor.shadercombinationsteps" class="tsd-anchor"></a>
+						<h3>shader<wbr>Combination<wbr>Steps</h3>
+						<div class="tsd-signature tsd-kind-icon">shader<wbr>Combination<wbr>Steps<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol"> = [0, 1, 2, 3, 8, 16]</span></div>
+						<aside class="tsd-sources">
+							<ul>
+								<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/drawables/shapes/colorful-circle.ts#L34">drawables/shapes/colorful-circle.ts:34</a></li>
+							</ul>
+						</aside>
+					</section>
+					<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
+						<a name="descriptor.uniformcountmacroname" class="tsd-anchor"></a>
+						<h3>uniform<wbr>Count<wbr>Macro<wbr>Name</h3>
+						<div class="tsd-signature tsd-kind-icon">uniform<wbr>Count<wbr>Macro<wbr>Name<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = &quot;COLORFUL_CIRCLE_COUNT&quot;</span></div>
+						<aside class="tsd-sources">
+							<ul>
+								<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/drawables/shapes/colorful-circle.ts#L33">drawables/shapes/colorful-circle.ts:33</a></li>
+							</ul>
+						</aside>
+					</section>
+					<section class="tsd-panel tsd-member tsd-kind-object-literal tsd-parent-kind-object-literal">
+						<a name="descriptor.propertyuniformmapping" class="tsd-anchor"></a>
+						<h3>property<wbr>Uniform<wbr>Mapping</h3>
+						<div class="tsd-signature tsd-kind-icon">property<wbr>Uniform<wbr>Mapping<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">object</span></div>
+						<aside class="tsd-sources">
+							<ul>
+								<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/drawables/shapes/colorful-circle.ts#L28">drawables/shapes/colorful-circle.ts:28</a></li>
+							</ul>
+						</aside>
+						<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
+							<a name="descriptor.propertyuniformmapping.center-1" class="tsd-anchor"></a>
+							<h3>center</h3>
+							<div class="tsd-signature tsd-kind-icon">center<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = &quot;colorfulCircleCenters&quot;</span></div>
+							<aside class="tsd-sources">
+								<ul>
+									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/drawables/shapes/colorful-circle.ts#L29">drawables/shapes/colorful-circle.ts:29</a></li>
+								</ul>
+							</aside>
+						</section>
+						<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
+							<a name="descriptor.propertyuniformmapping.colorindex-1" class="tsd-anchor"></a>
+							<h3>color<wbr>Index</h3>
+							<div class="tsd-signature tsd-kind-icon">color<wbr>Index<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = &quot;colorfulCircleColorIndex&quot;</span></div>
+							<aside class="tsd-sources">
+								<ul>
+									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/drawables/shapes/colorful-circle.ts#L31">drawables/shapes/colorful-circle.ts:31</a></li>
+								</ul>
+							</aside>
+						</section>
+						<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
+							<a name="descriptor.propertyuniformmapping.radius-1" class="tsd-anchor"></a>
+							<h3>radius</h3>
+							<div class="tsd-signature tsd-kind-icon">radius<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = &quot;colorfulCircleRadii&quot;</span></div>
+							<aside class="tsd-sources">
+								<ul>
+									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/drawables/shapes/colorful-circle.ts#L30">drawables/shapes/colorful-circle.ts:30</a></li>
+								</ul>
+							</aside>
+						</section>
+					</section>
+					<section class="tsd-panel tsd-member tsd-kind-object-literal tsd-parent-kind-object-literal">
+						<a name="descriptor.sdf" class="tsd-anchor"></a>
+						<h3>sdf</h3>
+						<div class="tsd-signature tsd-kind-icon">sdf<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">object</span></div>
+						<aside class="tsd-sources">
+							<ul>
+								<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/drawables/shapes/colorful-circle.ts#L7">drawables/shapes/colorful-circle.ts:7</a></li>
+							</ul>
+						</aside>
+						<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
+							<a name="descriptor.sdf.distancefunctionname" class="tsd-anchor"></a>
+							<h3>distance<wbr>Function<wbr>Name</h3>
+							<div class="tsd-signature tsd-kind-icon">distance<wbr>Function<wbr>Name<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = &quot;circleMinDistance&quot;</span></div>
+							<aside class="tsd-sources">
+								<ul>
+									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/drawables/shapes/colorful-circle.ts#L26">drawables/shapes/colorful-circle.ts:26</a></li>
+								</ul>
+							</aside>
+						</section>
+						<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
+							<a name="descriptor.sdf.shader" class="tsd-anchor"></a>
+							<h3>shader</h3>
+							<div class="tsd-signature tsd-kind-icon">shader<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = &#x60;uniform vec2 colorfulCircleCenters[COLORFUL_CIRCLE_COUNT];uniform float colorfulCircleRadii[COLORFUL_CIRCLE_COUNT];uniform int colorfulCircleColorIndex[COLORFUL_CIRCLE_COUNT];float circleMinDistance(vec2 target, out vec4 color) {float minDistance &#x3D; 1000.0;for (int i &#x3D; 0; i &lt; COLORFUL_CIRCLE_COUNT; i++) {float dist &#x3D; distance(colorfulCircleCenters[i], target) - colorfulCircleRadii[i];if (dist &lt; minDistance) {color &#x3D; readFromPalette(colorfulCircleColorIndex[i]);dist &#x3D; minDistance;}}return minDistance;}&#x60;</span></div>
+							<aside class="tsd-sources">
+								<ul>
+									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/drawables/shapes/colorful-circle.ts#L8">drawables/shapes/colorful-circle.ts:8</a></li>
+								</ul>
+							</aside>
+						</section>
+					</section>
+				</section>
+			</section>
+		</div>
+		<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
+			<nav class="tsd-navigation primary">
+				<ul>
+					<li class="globals  ">
+						<a href="../globals.html"><em>Globals</em></a>
+					</li>
+				</ul>
+			</nav>
+			<nav class="tsd-navigation secondary menu-sticky">
+				<ul class="before-current">
+				</ul>
+				<ul class="current">
+					<li class="current tsd-kind-class">
+						<a href="colorfulcircle.html" class="tsd-kind-icon">Colorful<wbr>Circle</a>
+						<ul>
+							<li class=" tsd-kind-constructor tsd-parent-kind-class">
+								<a href="colorfulcircle.html#constructor" class="tsd-kind-icon">constructor</a>
+							</li>
+							<li class=" tsd-kind-property tsd-parent-kind-class">
+								<a href="colorfulcircle.html#center" class="tsd-kind-icon">center</a>
+							</li>
+							<li class=" tsd-kind-property tsd-parent-kind-class">
+								<a href="colorfulcircle.html#colorindex" class="tsd-kind-icon">color<wbr>Index</a>
+							</li>
+							<li class=" tsd-kind-property tsd-parent-kind-class">
+								<a href="colorfulcircle.html#radius" class="tsd-kind-icon">radius</a>
+							</li>
+							<li class=" tsd-kind-method tsd-parent-kind-class tsd-is-overwrite tsd-is-protected">
+								<a href="colorfulcircle.html#getobjecttoserialize" class="tsd-kind-icon">get<wbr>Object<wbr>ToSerialize</a>
+							</li>
+							<li class=" tsd-kind-method tsd-parent-kind-class tsd-is-overwrite">
+								<a href="colorfulcircle.html#mindistance" class="tsd-kind-icon">min<wbr>Distance</a>
+							</li>
+							<li class=" tsd-kind-object-literal tsd-parent-kind-class tsd-is-overwrite tsd-is-static">
+								<a href="colorfulcircle.html#descriptor" class="tsd-kind-icon">descriptor</a>
+							</li>
+						</ul>
+					</li>
+				</ul>
+				<ul class="after-current">
+				</ul>
+			</nav>
+		</div>
+	</div>
+</div>
+<footer>
+	<div class="container">
+		<h2>Legend</h2>
+		<div class="tsd-legend-group">
+			<ul class="tsd-legend">
+				<li class="tsd-kind-constructor tsd-parent-kind-class"><span class="tsd-kind-icon">Constructor</span></li>
+				<li class="tsd-kind-property tsd-parent-kind-class"><span class="tsd-kind-icon">Property</span></li>
+				<li class="tsd-kind-method tsd-parent-kind-class"><span class="tsd-kind-icon">Method</span></li>
+			</ul>
+			<ul class="tsd-legend">
+				<li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li>
+				<li class="tsd-kind-method tsd-parent-kind-interface"><span class="tsd-kind-icon">Method</span></li>
+			</ul>
+			<ul class="tsd-legend">
+				<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited property</span></li>
+				<li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited method</span></li>
+			</ul>
+			<ul class="tsd-legend">
+				<li class="tsd-kind-method tsd-parent-kind-class tsd-is-protected"><span class="tsd-kind-icon">Protected method</span></li>
+			</ul>
+			<ul class="tsd-legend">
+				<li class="tsd-kind-property tsd-parent-kind-class tsd-is-static"><span class="tsd-kind-icon">Static property</span></li>
+			</ul>
+		</div>
+	</div>
+</footer>
+<div class="overlay"></div>
+<script src="../assets/js/main.js"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/docs/classes/deltatimecalculator.html b/docs/classes/deltatimecalculator.html
new file mode 100644
index 0000000..3056059
--- /dev/null
+++ b/docs/classes/deltatimecalculator.html
@@ -0,0 +1,241 @@
+<!doctype html>
+<html class="default no-js">
+<head>
+	<meta charset="utf-8">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge">
+	<title>DeltaTimeCalculator | SDF-2D - v0.6.0</title>
+	<meta name="description" content="Documentation for SDF-2D - v0.6.0">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<link rel="stylesheet" href="../assets/css/main.css">
+	<link rel="icon" href="../favicon.ico" />
+</head>
+<body>
+<header>
+	<div class="tsd-page-toolbar">
+		<div class="container">
+			<div class="table-wrap">
+				<div class="table-cell" id="tsd-search" data-index="../assets/js/search.json" data-base="..">
+					<div class="field">
+						<label for="tsd-search-field" class="tsd-widget search no-caption">Search</label>
+						<input id="tsd-search-field" type="text" />
+					</div>
+					<ul class="results">
+						<li class="state loading">Preparing search index...</li>
+						<li class="state failure">The search index is not available</li>
+					</ul>
+					<a href="../index.html" class="title">SDF-2D - v0.6.0</a>
+				</div>
+				<div class="table-cell" id="tsd-widgets">
+					<div id="tsd-filter">
+						<a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a>
+						<div class="tsd-filter-group">
+							<div class="tsd-select" id="tsd-filter-visibility">
+								<span class="tsd-select-label">All</span>
+								<ul class="tsd-select-list">
+									<li data-value="public">Public</li>
+									<li data-value="protected">Public/Protected</li>
+									<li data-value="private" class="selected">All</li>
+								</ul>
+							</div>
+							<input type="checkbox" id="tsd-filter-inherited" checked />
+							<label class="tsd-widget" for="tsd-filter-inherited">Inherited</label>
+						</div>
+					</div>
+					<a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a>
+				</div>
+			</div>
+		</div>
+	</div>
+	<div class="tsd-page-title">
+		<div class="container">
+			<ul class="tsd-breadcrumb">
+				<li>
+					<a href="../globals.html">Globals</a>
+				</li>
+				<li>
+					<a href="deltatimecalculator.html">DeltaTimeCalculator</a>
+				</li>
+			</ul>
+			<h1>Class DeltaTimeCalculator</h1>
+		</div>
+	</div>
+</header>
+<div class="container container-main">
+	<div class="row">
+		<div class="col-8 col-content">
+			<section class="tsd-panel tsd-comment">
+				<div class="tsd-comment tsd-typography">
+					<div class="lead">
+						<p>A helper class for calculating the elapsed time between frames.</p>
+					</div>
+					<p>Handles the case, where the browser tab is not in focus and <code>requestAnimationFrame</code>
+						does not get called for performance reasons. In this case, the return deltaTime won&#39;t be
+					an unreasonably large value.</p>
+				</div>
+			</section>
+			<section class="tsd-panel tsd-hierarchy">
+				<h3>Hierarchy</h3>
+				<ul class="tsd-hierarchy">
+					<li>
+						<span class="target">DeltaTimeCalculator</span>
+					</li>
+				</ul>
+			</section>
+			<section class="tsd-panel-group tsd-index-group">
+				<h2>Index</h2>
+				<section class="tsd-panel tsd-index-panel">
+					<div class="tsd-index-content">
+						<section class="tsd-index-section ">
+							<h3>Constructors</h3>
+							<ul class="tsd-index-list">
+								<li class="tsd-kind-constructor tsd-parent-kind-class"><a href="deltatimecalculator.html#constructor" class="tsd-kind-icon">constructor</a></li>
+							</ul>
+						</section>
+						<section class="tsd-index-section ">
+							<h3>Methods</h3>
+							<ul class="tsd-index-list">
+								<li class="tsd-kind-method tsd-parent-kind-class"><a href="deltatimecalculator.html#destroy" class="tsd-kind-icon">destroy</a></li>
+								<li class="tsd-kind-method tsd-parent-kind-class"><a href="deltatimecalculator.html#getnextdeltatime" class="tsd-kind-icon">get<wbr>Next<wbr>Delta<wbr>Time</a></li>
+							</ul>
+						</section>
+					</div>
+				</section>
+			</section>
+			<section class="tsd-panel-group tsd-member-group ">
+				<h2>Constructors</h2>
+				<section class="tsd-panel tsd-member tsd-kind-constructor tsd-parent-kind-class">
+					<a name="constructor" class="tsd-anchor"></a>
+					<h3>constructor</h3>
+					<ul class="tsd-signatures tsd-kind-constructor tsd-parent-kind-class">
+						<li class="tsd-signature tsd-kind-icon">new <wbr>Delta<wbr>Time<wbr>Calculator<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="deltatimecalculator.html" class="tsd-signature-type">DeltaTimeCalculator</a></li>
+					</ul>
+					<ul class="tsd-descriptions">
+						<li class="tsd-description">
+							<aside class="tsd-sources">
+								<ul>
+									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/helper/delta-time-calculator.ts#L10">helper/delta-time-calculator.ts:10</a></li>
+								</ul>
+							</aside>
+							<h4 class="tsd-returns-title">Returns <a href="deltatimecalculator.html" class="tsd-signature-type">DeltaTimeCalculator</a></h4>
+						</li>
+					</ul>
+				</section>
+			</section>
+			<section class="tsd-panel-group tsd-member-group ">
+				<h2>Methods</h2>
+				<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class">
+					<a name="destroy" class="tsd-anchor"></a>
+					<h3>destroy</h3>
+					<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
+						<li class="tsd-signature tsd-kind-icon">destroy<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
+					</ul>
+					<ul class="tsd-descriptions">
+						<li class="tsd-description">
+							<aside class="tsd-sources">
+								<ul>
+									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/helper/delta-time-calculator.ts#L35">helper/delta-time-calculator.ts:35</a></li>
+								</ul>
+							</aside>
+							<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
+						</li>
+					</ul>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class">
+					<a name="getnextdeltatime" class="tsd-anchor"></a>
+					<h3>get<wbr>Next<wbr>Delta<wbr>Time</h3>
+					<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
+						<li class="tsd-signature tsd-kind-icon">get<wbr>Next<wbr>Delta<wbr>Time<span class="tsd-signature-symbol">(</span>currentTime<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">DOMHighResTimeStamp</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">DOMHighResTimeStamp</span></li>
+					</ul>
+					<ul class="tsd-descriptions">
+						<li class="tsd-description">
+							<aside class="tsd-sources">
+								<ul>
+									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/helper/delta-time-calculator.ts#L25">helper/delta-time-calculator.ts:25</a></li>
+								</ul>
+							</aside>
+							<div class="tsd-comment tsd-typography">
+								<div class="lead">
+									<p>Return the elapsed time in <strong>milliseconds</strong> since the previous call of this
+										method by subtracting the previously given <code>currentTime</code> argument from the
+									current <code>currentTime</code> argument.</p>
+								</div>
+								<p>Takes visibilitychange events into account.</p>
+							</div>
+							<h4 class="tsd-parameters-title">Parameters</h4>
+							<ul class="tsd-parameters">
+								<li>
+									<h5>currentTime: <span class="tsd-signature-type">DOMHighResTimeStamp</span></h5>
+									<div class="tsd-comment tsd-typography">
+										<p>Current time acquired e.g. with <code>requestAnimationFrame</code>.</p>
+									</div>
+								</li>
+							</ul>
+							<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">DOMHighResTimeStamp</span></h4>
+						</li>
+					</ul>
+				</section>
+			</section>
+		</div>
+		<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
+			<nav class="tsd-navigation primary">
+				<ul>
+					<li class="globals  ">
+						<a href="../globals.html"><em>Globals</em></a>
+					</li>
+				</ul>
+			</nav>
+			<nav class="tsd-navigation secondary menu-sticky">
+				<ul class="before-current">
+				</ul>
+				<ul class="current">
+					<li class="current tsd-kind-class">
+						<a href="deltatimecalculator.html" class="tsd-kind-icon">Delta<wbr>Time<wbr>Calculator</a>
+						<ul>
+							<li class=" tsd-kind-constructor tsd-parent-kind-class">
+								<a href="deltatimecalculator.html#constructor" class="tsd-kind-icon">constructor</a>
+							</li>
+							<li class=" tsd-kind-method tsd-parent-kind-class">
+								<a href="deltatimecalculator.html#destroy" class="tsd-kind-icon">destroy</a>
+							</li>
+							<li class=" tsd-kind-method tsd-parent-kind-class">
+								<a href="deltatimecalculator.html#getnextdeltatime" class="tsd-kind-icon">get<wbr>Next<wbr>Delta<wbr>Time</a>
+							</li>
+						</ul>
+					</li>
+				</ul>
+				<ul class="after-current">
+				</ul>
+			</nav>
+		</div>
+	</div>
+</div>
+<footer>
+	<div class="container">
+		<h2>Legend</h2>
+		<div class="tsd-legend-group">
+			<ul class="tsd-legend">
+				<li class="tsd-kind-constructor tsd-parent-kind-class"><span class="tsd-kind-icon">Constructor</span></li>
+				<li class="tsd-kind-property tsd-parent-kind-class"><span class="tsd-kind-icon">Property</span></li>
+				<li class="tsd-kind-method tsd-parent-kind-class"><span class="tsd-kind-icon">Method</span></li>
+			</ul>
+			<ul class="tsd-legend">
+				<li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li>
+				<li class="tsd-kind-method tsd-parent-kind-interface"><span class="tsd-kind-icon">Method</span></li>
+			</ul>
+			<ul class="tsd-legend">
+				<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited property</span></li>
+				<li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited method</span></li>
+			</ul>
+			<ul class="tsd-legend">
+				<li class="tsd-kind-method tsd-parent-kind-class tsd-is-protected"><span class="tsd-kind-icon">Protected method</span></li>
+			</ul>
+			<ul class="tsd-legend">
+				<li class="tsd-kind-property tsd-parent-kind-class tsd-is-static"><span class="tsd-kind-icon">Static property</span></li>
+			</ul>
+		</div>
+	</div>
+</footer>
+<div class="overlay"></div>
+<script src="../assets/js/main.js"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/docs/classes/drawable.html b/docs/classes/drawable.html
index f7b5953..988c8bc 100644
--- a/docs/classes/drawable.html
+++ b/docs/classes/drawable.html
@@ -3,8 +3,8 @@
 <head>
 	<meta charset="utf-8">
 	<meta http-equiv="X-UA-Compatible" content="IE=edge">
-	<title>Drawable | SDF-2D - v0.5.3</title>
-	<meta name="description" content="Documentation for SDF-2D - v0.5.3">
+	<title>Drawable | SDF-2D - v0.6.0</title>
+	<meta name="description" content="Documentation for SDF-2D - v0.6.0">
 	<meta name="viewport" content="width=device-width, initial-scale=1">
 	<link rel="stylesheet" href="../assets/css/main.css">
 	<link rel="icon" href="../favicon.ico" />
@@ -23,7 +23,7 @@
 						<li class="state loading">Preparing search index...</li>
 						<li class="state failure">The search index is not available</li>
 					</ul>
-					<a href="../index.html" class="title">SDF-2D - v0.5.3</a>
+					<a href="../index.html" class="title">SDF-2D - v0.6.0</a>
 				</div>
 				<div class="table-cell" id="tsd-widgets">
 					<div id="tsd-filter">
@@ -79,6 +79,11 @@
 				<ul class="tsd-hierarchy">
 					<li>
 						<span class="target">Drawable</span>
+						<ul class="tsd-hierarchy">
+							<li>
+								<a href="colorfulcircle.html" class="tsd-signature-type">ColorfulCircle</a>
+							</li>
+						</ul>
 					</li>
 				</ul>
 			</section>
@@ -110,7 +115,7 @@
 					<div class="tsd-signature tsd-kind-icon">descriptor<span class="tsd-signature-symbol">:</span> <a href="../interfaces/drawabledescriptor.html" class="tsd-signature-type">DrawableDescriptor</a></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/drawables/drawable.ts#L15">drawables/drawable.ts:15</a></li>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/drawables/drawable.ts#L15">drawables/drawable.ts:15</a></li>
 						</ul>
 					</aside>
 					<div class="tsd-comment tsd-typography">
@@ -132,7 +137,7 @@
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/drawables/drawable.ts#L34">drawables/drawable.ts:34</a></li>
+									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/drawables/drawable.ts#L34">drawables/drawable.ts:34</a></li>
 								</ul>
 							</aside>
 							<div class="tsd-comment tsd-typography">
@@ -171,7 +176,7 @@
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/drawables/drawable.ts#L24">drawables/drawable.ts:24</a></li>
+									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/drawables/drawable.ts#L24">drawables/drawable.ts:24</a></li>
 								</ul>
 							</aside>
 							<div class="tsd-comment tsd-typography">
@@ -205,18 +210,6 @@
 			</nav>
 			<nav class="tsd-navigation secondary menu-sticky">
 				<ul class="before-current">
-					<li class=" tsd-kind-enum">
-						<a href="../enums/filteringoptions.html" class="tsd-kind-icon">Filtering<wbr>Options</a>
-					</li>
-					<li class=" tsd-kind-enum">
-						<a href="../enums/wrapoptions.html" class="tsd-kind-icon">Wrap<wbr>Options</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="circlebase.html" class="tsd-kind-icon">Circle<wbr>Base</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="circlelight.html" class="tsd-kind-icon">Circle<wbr>Light</a>
-					</li>
 				</ul>
 				<ul class="current">
 					<li class="current tsd-kind-class">
@@ -235,96 +228,6 @@
 					</li>
 				</ul>
 				<ul class="after-current">
-					<li class=" tsd-kind-class">
-						<a href="dropletbase.html" class="tsd-kind-icon">Droplet<wbr>Base</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="flashlight.html" class="tsd-kind-icon">Flashlight</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="invertedtunnelbase.html" class="tsd-kind-icon">Inverted<wbr>Tunnel<wbr>Base</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="metacirclebase.html" class="tsd-kind-icon">Meta<wbr>Circle<wbr>Base</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="polygonbase.html" class="tsd-kind-icon">Polygon<wbr>Base</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="rotatedrectanglebase.html" class="tsd-kind-icon">Rotated<wbr>Rectangle<wbr>Base</a>
-					</li>
-					<li class=" tsd-kind-interface">
-						<a href="../interfaces/drawabledescriptor.html" class="tsd-kind-icon">Drawable<wbr>Descriptor</a>
-					</li>
-					<li class=" tsd-kind-interface">
-						<a href="../interfaces/noisypolygonbase.html" class="tsd-kind-icon">Noisy<wbr>Polygon<wbr>Base</a>
-					</li>
-					<li class=" tsd-kind-interface">
-						<a href="../interfaces/renderer.html" class="tsd-kind-icon">Renderer</a>
-					</li>
-					<li class=" tsd-kind-interface">
-						<a href="../interfaces/runtimesettings.html" class="tsd-kind-icon">Runtime<wbr>Settings</a>
-					</li>
-					<li class=" tsd-kind-interface">
-						<a href="../interfaces/startupsettings.html" class="tsd-kind-icon">Startup<wbr>Settings</a>
-					</li>
-					<li class=" tsd-kind-interface">
-						<a href="../interfaces/textureoptions.html" class="tsd-kind-icon">Texture<wbr>Options</a>
-					</li>
-					<li class=" tsd-kind-type-alias">
-						<a href="../globals.html#texturewithoptions" class="tsd-kind-icon">Texture<wbr>With<wbr>Options</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#circlefactory" class="tsd-kind-icon">Circle<wbr>Factory</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#dropletfactory" class="tsd-kind-icon">Droplet<wbr>Factory</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#invertedtunnelfactory" class="tsd-kind-icon">Inverted<wbr>Tunnel<wbr>Factory</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#metacirclefactory" class="tsd-kind-icon">Meta<wbr>Circle<wbr>Factory</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#noisypolygonfactory" class="tsd-kind-icon">Noisy<wbr>Polygon<wbr>Factory</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#polygonfactory" class="tsd-kind-icon">Polygon<wbr>Factory</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#rotatedrectanglefactory" class="tsd-kind-icon">Rotated<wbr>Rectangle<wbr>Factory</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#compile" class="tsd-kind-icon">compile</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#hex" class="tsd-kind-icon">hex</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#hsl" class="tsd-kind-icon">hsl</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#rendernoise" class="tsd-kind-icon">render<wbr>Noise</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#rgb" class="tsd-kind-icon">rgb</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#rgb255" class="tsd-kind-icon">rgb255</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#rgba" class="tsd-kind-icon">rgba</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#rgba255" class="tsd-kind-icon">rgba255</a>
-					</li>
-					<li class=" tsd-kind-object-literal">
-						<a href="../globals.html#defaultruntimesettings" class="tsd-kind-icon">default<wbr>Runtime<wbr>Settings</a>
-					</li>
-					<li class=" tsd-kind-object-literal">
-						<a href="../globals.html#defaultstartupsettings" class="tsd-kind-icon">default<wbr>Startup<wbr>Settings</a>
-					</li>
 				</ul>
 			</nav>
 		</div>
diff --git a/docs/classes/dropletbase.html b/docs/classes/dropletbase.html
index 3f457a1..2635ddf 100644
--- a/docs/classes/dropletbase.html
+++ b/docs/classes/dropletbase.html
@@ -3,8 +3,8 @@
 <head>
 	<meta charset="utf-8">
 	<meta http-equiv="X-UA-Compatible" content="IE=edge">
-	<title>DropletBase | SDF-2D - v0.5.3</title>
-	<meta name="description" content="Documentation for SDF-2D - v0.5.3">
+	<title>DropletBase | SDF-2D - v0.6.0</title>
+	<meta name="description" content="Documentation for SDF-2D - v0.6.0">
 	<meta name="viewport" content="width=device-width, initial-scale=1">
 	<link rel="stylesheet" href="../assets/css/main.css">
 	<link rel="icon" href="../favicon.ico" />
@@ -23,7 +23,7 @@
 						<li class="state loading">Preparing search index...</li>
 						<li class="state failure">The search index is not available</li>
 					</ul>
-					<a href="../index.html" class="title">SDF-2D - v0.5.3</a>
+					<a href="../index.html" class="title">SDF-2D - v0.6.0</a>
 				</div>
 				<div class="table-cell" id="tsd-widgets">
 					<div id="tsd-filter">
@@ -122,7 +122,7 @@
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/drawables/shapes/droplet-factory.ts#L11">drawables/shapes/droplet-factory.ts:11</a></li>
+									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/drawables/shapes/droplet-factory.ts#L11">drawables/shapes/droplet-factory.ts:11</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-parameters-title">Parameters</h4>
@@ -153,7 +153,7 @@
 					<div class="tsd-signature tsd-kind-icon">from<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">vec2</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/drawables/shapes/droplet-factory.ts#L13">drawables/shapes/droplet-factory.ts:13</a></li>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/drawables/shapes/droplet-factory.ts#L13">drawables/shapes/droplet-factory.ts:13</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -163,7 +163,7 @@
 					<div class="tsd-signature tsd-kind-icon">from<wbr>Radius<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/drawables/shapes/droplet-factory.ts#L15">drawables/shapes/droplet-factory.ts:15</a></li>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/drawables/shapes/droplet-factory.ts#L15">drawables/shapes/droplet-factory.ts:15</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -173,7 +173,7 @@
 					<div class="tsd-signature tsd-kind-icon">to<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">vec2</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/drawables/shapes/droplet-factory.ts#L14">drawables/shapes/droplet-factory.ts:14</a></li>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/drawables/shapes/droplet-factory.ts#L14">drawables/shapes/droplet-factory.ts:14</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -183,7 +183,7 @@
 					<div class="tsd-signature tsd-kind-icon">to<wbr>Radius<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/drawables/shapes/droplet-factory.ts#L16">drawables/shapes/droplet-factory.ts:16</a></li>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/drawables/shapes/droplet-factory.ts#L16">drawables/shapes/droplet-factory.ts:16</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -195,7 +195,7 @@
 						<p>Inherited from EmptyDrawable.descriptor</p>
 						<p>Overrides <a href="drawable.html">Drawable</a>.<a href="drawable.html#descriptor">descriptor</a></p>
 						<ul>
-							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/drawables/empty-drawable.ts#L9">drawables/empty-drawable.ts:9</a></li>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/drawables/empty-drawable.ts#L9">drawables/empty-drawable.ts:9</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -214,7 +214,7 @@
 								<p>Inherited from EmptyDrawable.getObjectToSerialize</p>
 								<p>Overrides <a href="drawable.html">Drawable</a>.<a href="drawable.html#getobjecttoserialize">getObjectToSerialize</a></p>
 								<ul>
-									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/drawables/empty-drawable.ts#L15">drawables/empty-drawable.ts:15</a></li>
+									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/drawables/empty-drawable.ts#L15">drawables/empty-drawable.ts:15</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-parameters-title">Parameters</h4>
@@ -242,7 +242,7 @@
 								<p>Inherited from EmptyDrawable.minDistance</p>
 								<p>Overrides <a href="drawable.html">Drawable</a>.<a href="drawable.html#mindistance">minDistance</a></p>
 								<ul>
-									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/drawables/empty-drawable.ts#L11">drawables/empty-drawable.ts:11</a></li>
+									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/drawables/empty-drawable.ts#L11">drawables/empty-drawable.ts:11</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-parameters-title">Parameters</h4>
@@ -267,21 +267,6 @@
 			</nav>
 			<nav class="tsd-navigation secondary menu-sticky">
 				<ul class="before-current">
-					<li class=" tsd-kind-enum">
-						<a href="../enums/filteringoptions.html" class="tsd-kind-icon">Filtering<wbr>Options</a>
-					</li>
-					<li class=" tsd-kind-enum">
-						<a href="../enums/wrapoptions.html" class="tsd-kind-icon">Wrap<wbr>Options</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="circlebase.html" class="tsd-kind-icon">Circle<wbr>Base</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="circlelight.html" class="tsd-kind-icon">Circle<wbr>Light</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="drawable.html" class="tsd-kind-icon">Drawable</a>
-					</li>
 				</ul>
 				<ul class="current">
 					<li class="current tsd-kind-class">
@@ -315,93 +300,6 @@
 					</li>
 				</ul>
 				<ul class="after-current">
-					<li class=" tsd-kind-class">
-						<a href="flashlight.html" class="tsd-kind-icon">Flashlight</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="invertedtunnelbase.html" class="tsd-kind-icon">Inverted<wbr>Tunnel<wbr>Base</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="metacirclebase.html" class="tsd-kind-icon">Meta<wbr>Circle<wbr>Base</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="polygonbase.html" class="tsd-kind-icon">Polygon<wbr>Base</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="rotatedrectanglebase.html" class="tsd-kind-icon">Rotated<wbr>Rectangle<wbr>Base</a>
-					</li>
-					<li class=" tsd-kind-interface">
-						<a href="../interfaces/drawabledescriptor.html" class="tsd-kind-icon">Drawable<wbr>Descriptor</a>
-					</li>
-					<li class=" tsd-kind-interface">
-						<a href="../interfaces/noisypolygonbase.html" class="tsd-kind-icon">Noisy<wbr>Polygon<wbr>Base</a>
-					</li>
-					<li class=" tsd-kind-interface">
-						<a href="../interfaces/renderer.html" class="tsd-kind-icon">Renderer</a>
-					</li>
-					<li class=" tsd-kind-interface">
-						<a href="../interfaces/runtimesettings.html" class="tsd-kind-icon">Runtime<wbr>Settings</a>
-					</li>
-					<li class=" tsd-kind-interface">
-						<a href="../interfaces/startupsettings.html" class="tsd-kind-icon">Startup<wbr>Settings</a>
-					</li>
-					<li class=" tsd-kind-interface">
-						<a href="../interfaces/textureoptions.html" class="tsd-kind-icon">Texture<wbr>Options</a>
-					</li>
-					<li class=" tsd-kind-type-alias">
-						<a href="../globals.html#texturewithoptions" class="tsd-kind-icon">Texture<wbr>With<wbr>Options</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#circlefactory" class="tsd-kind-icon">Circle<wbr>Factory</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#dropletfactory" class="tsd-kind-icon">Droplet<wbr>Factory</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#invertedtunnelfactory" class="tsd-kind-icon">Inverted<wbr>Tunnel<wbr>Factory</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#metacirclefactory" class="tsd-kind-icon">Meta<wbr>Circle<wbr>Factory</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#noisypolygonfactory" class="tsd-kind-icon">Noisy<wbr>Polygon<wbr>Factory</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#polygonfactory" class="tsd-kind-icon">Polygon<wbr>Factory</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#rotatedrectanglefactory" class="tsd-kind-icon">Rotated<wbr>Rectangle<wbr>Factory</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#compile" class="tsd-kind-icon">compile</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#hex" class="tsd-kind-icon">hex</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#hsl" class="tsd-kind-icon">hsl</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#rendernoise" class="tsd-kind-icon">render<wbr>Noise</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#rgb" class="tsd-kind-icon">rgb</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#rgb255" class="tsd-kind-icon">rgb255</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#rgba" class="tsd-kind-icon">rgba</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#rgba255" class="tsd-kind-icon">rgba255</a>
-					</li>
-					<li class=" tsd-kind-object-literal">
-						<a href="../globals.html#defaultruntimesettings" class="tsd-kind-icon">default<wbr>Runtime<wbr>Settings</a>
-					</li>
-					<li class=" tsd-kind-object-literal">
-						<a href="../globals.html#defaultstartupsettings" class="tsd-kind-icon">default<wbr>Startup<wbr>Settings</a>
-					</li>
 				</ul>
 			</nav>
 		</div>
diff --git a/docs/classes/flashlight.html b/docs/classes/flashlight.html
index 065ac71..738273a 100644
--- a/docs/classes/flashlight.html
+++ b/docs/classes/flashlight.html
@@ -3,8 +3,8 @@
 <head>
 	<meta charset="utf-8">
 	<meta http-equiv="X-UA-Compatible" content="IE=edge">
-	<title>Flashlight | SDF-2D - v0.5.3</title>
-	<meta name="description" content="Documentation for SDF-2D - v0.5.3">
+	<title>Flashlight | SDF-2D - v0.6.0</title>
+	<meta name="description" content="Documentation for SDF-2D - v0.6.0">
 	<meta name="viewport" content="width=device-width, initial-scale=1">
 	<link rel="stylesheet" href="../assets/css/main.css">
 	<link rel="icon" href="../favicon.ico" />
@@ -23,7 +23,7 @@
 						<li class="state loading">Preparing search index...</li>
 						<li class="state failure">The search index is not available</li>
 					</ul>
-					<a href="../index.html" class="title">SDF-2D - v0.5.3</a>
+					<a href="../index.html" class="title">SDF-2D - v0.6.0</a>
 				</div>
 				<div class="table-cell" id="tsd-widgets">
 					<div id="tsd-filter">
@@ -131,7 +131,7 @@
 							<aside class="tsd-sources">
 								<p>Overrides LightDrawable.__constructor</p>
 								<ul>
-									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/drawables/lights/flashlight.ts#L20">drawables/lights/flashlight.ts:20</a></li>
+									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/drawables/lights/flashlight.ts#L20">drawables/lights/flashlight.ts:20</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-parameters-title">Parameters</h4>
@@ -164,9 +164,9 @@
 					<h3>center</h3>
 					<div class="tsd-signature tsd-kind-icon">center<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">vec2</span></div>
 					<aside class="tsd-sources">
-						<p>Inherited from <a href="flashlight.html">Flashlight</a>.<a href="flashlight.html#center">center</a></p>
+						<p>Inherited from <a href="circlelight.html">CircleLight</a>.<a href="circlelight.html#center">center</a></p>
 						<ul>
-							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/drawables/lights/light-drawable.ts#L8">drawables/lights/light-drawable.ts:8</a></li>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/drawables/lights/light-drawable.ts#L8">drawables/lights/light-drawable.ts:8</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -175,9 +175,9 @@
 					<h3>color</h3>
 					<div class="tsd-signature tsd-kind-icon">color<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">vec3</span></div>
 					<aside class="tsd-sources">
-						<p>Inherited from <a href="flashlight.html">Flashlight</a>.<a href="flashlight.html#color">color</a></p>
+						<p>Inherited from <a href="circlelight.html">CircleLight</a>.<a href="circlelight.html#color">color</a></p>
 						<ul>
-							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/drawables/lights/light-drawable.ts#L8">drawables/lights/light-drawable.ts:8</a></li>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/drawables/lights/light-drawable.ts#L8">drawables/lights/light-drawable.ts:8</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -187,7 +187,7 @@
 					<div class="tsd-signature tsd-kind-icon">direction<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">vec2</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/drawables/lights/flashlight.ts#L26">drawables/lights/flashlight.ts:26</a></li>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/drawables/lights/flashlight.ts#L26">drawables/lights/flashlight.ts:26</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -196,9 +196,9 @@
 					<h3>intensity</h3>
 					<div class="tsd-signature tsd-kind-icon">intensity<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div>
 					<aside class="tsd-sources">
-						<p>Inherited from <a href="flashlight.html">Flashlight</a>.<a href="flashlight.html#intensity">intensity</a></p>
+						<p>Inherited from <a href="circlelight.html">CircleLight</a>.<a href="circlelight.html#intensity">intensity</a></p>
 						<ul>
-							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/drawables/lights/light-drawable.ts#L8">drawables/lights/light-drawable.ts:8</a></li>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/drawables/lights/light-drawable.ts#L8">drawables/lights/light-drawable.ts:8</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -207,9 +207,9 @@
 					<h3><span class="tsd-flag ts-flagProtected">Protected</span> lightness<wbr>Ratio</h3>
 					<div class="tsd-signature tsd-kind-icon">lightness<wbr>Ratio<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> = 1</span></div>
 					<aside class="tsd-sources">
-						<p>Inherited from <a href="flashlight.html">Flashlight</a>.<a href="flashlight.html#lightnessratio">lightnessRatio</a></p>
+						<p>Inherited from <a href="circlelight.html">CircleLight</a>.<a href="circlelight.html#lightnessratio">lightnessRatio</a></p>
 						<ul>
-							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/drawables/lights/light-drawable.ts#L6">drawables/lights/light-drawable.ts:6</a></li>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/drawables/lights/light-drawable.ts#L6">drawables/lights/light-drawable.ts:6</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -219,7 +219,7 @@
 					<div class="tsd-signature tsd-kind-icon">start<wbr>Cutoff<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/drawables/lights/flashlight.ts#L27">drawables/lights/flashlight.ts:27</a></li>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/drawables/lights/flashlight.ts#L27">drawables/lights/flashlight.ts:27</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -235,9 +235,9 @@
 					<ul class="tsd-descriptions">
 						<li class="tsd-description">
 							<aside class="tsd-sources">
-								<p>Overrides LightDrawable.getObjectToSerialize</p>
+								<p>Overrides <a href="circlelight.html">CircleLight</a>.<a href="circlelight.html#getobjecttoserialize">getObjectToSerialize</a></p>
 								<ul>
-									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/drawables/lights/flashlight.ts#L32">drawables/lights/flashlight.ts:32</a></li>
+									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/drawables/lights/flashlight.ts#L32">drawables/lights/flashlight.ts:32</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-parameters-title">Parameters</h4>
@@ -262,10 +262,10 @@
 					<ul class="tsd-descriptions">
 						<li class="tsd-description">
 							<aside class="tsd-sources">
-								<p>Inherited from <a href="flashlight.html">Flashlight</a>.<a href="flashlight.html#mindistance">minDistance</a></p>
+								<p>Inherited from <a href="circlelight.html">CircleLight</a>.<a href="circlelight.html#mindistance">minDistance</a></p>
 								<p>Overrides <a href="drawable.html">Drawable</a>.<a href="drawable.html#mindistance">minDistance</a></p>
 								<ul>
-									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/drawables/lights/light-drawable.ts#L16">drawables/lights/light-drawable.ts:16</a></li>
+									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/drawables/lights/light-drawable.ts#L16">drawables/lights/light-drawable.ts:16</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-parameters-title">Parameters</h4>
@@ -287,9 +287,9 @@
 					<ul class="tsd-descriptions">
 						<li class="tsd-description">
 							<aside class="tsd-sources">
-								<p>Inherited from <a href="flashlight.html">Flashlight</a>.<a href="flashlight.html#setlightnessratio">setLightnessRatio</a></p>
+								<p>Inherited from <a href="circlelight.html">CircleLight</a>.<a href="circlelight.html#setlightnessratio">setLightnessRatio</a></p>
 								<ul>
-									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/drawables/lights/light-drawable.ts#L12">drawables/lights/light-drawable.ts:12</a></li>
+									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/drawables/lights/light-drawable.ts#L12">drawables/lights/light-drawable.ts:12</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-parameters-title">Parameters</h4>
@@ -312,7 +312,7 @@
 					<aside class="tsd-sources">
 						<p>Overrides <a href="drawable.html">Drawable</a>.<a href="drawable.html#descriptor">descriptor</a></p>
 						<ul>
-							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/drawables/lights/flashlight.ts#L9">drawables/lights/flashlight.ts:9</a></li>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/drawables/lights/flashlight.ts#L9">drawables/lights/flashlight.ts:9</a></li>
 						</ul>
 					</aside>
 					<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
@@ -321,7 +321,7 @@
 						<div class="tsd-signature tsd-kind-icon">empty<span class="tsd-signature-symbol">:</span> <a href="flashlight.html" class="tsd-signature-type">Flashlight</a><span class="tsd-signature-symbol"> = new Flashlight(vec2.create(), vec3.create(), 0, vec2.create())</span></div>
 						<aside class="tsd-sources">
 							<ul>
-								<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/drawables/lights/flashlight.ts#L19">drawables/lights/flashlight.ts:19</a></li>
+								<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/drawables/lights/flashlight.ts#L19">drawables/lights/flashlight.ts:19</a></li>
 							</ul>
 						</aside>
 					</section>
@@ -331,7 +331,7 @@
 						<div class="tsd-signature tsd-kind-icon">shader<wbr>Combination<wbr>Steps<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol"> = [0, 1, 2, 4]</span></div>
 						<aside class="tsd-sources">
 							<ul>
-								<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/drawables/lights/flashlight.ts#L18">drawables/lights/flashlight.ts:18</a></li>
+								<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/drawables/lights/flashlight.ts#L18">drawables/lights/flashlight.ts:18</a></li>
 							</ul>
 						</aside>
 					</section>
@@ -341,7 +341,7 @@
 						<div class="tsd-signature tsd-kind-icon">uniform<wbr>Count<wbr>Macro<wbr>Name<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = &quot;FLASHLIGHT_COUNT&quot;</span></div>
 						<aside class="tsd-sources">
 							<ul>
-								<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/drawables/lights/flashlight.ts#L17">drawables/lights/flashlight.ts:17</a></li>
+								<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/drawables/lights/flashlight.ts#L17">drawables/lights/flashlight.ts:17</a></li>
 							</ul>
 						</aside>
 					</section>
@@ -351,7 +351,7 @@
 						<div class="tsd-signature tsd-kind-icon">property<wbr>Uniform<wbr>Mapping<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">object</span></div>
 						<aside class="tsd-sources">
 							<ul>
-								<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/drawables/lights/flashlight.ts#L10">drawables/lights/flashlight.ts:10</a></li>
+								<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/drawables/lights/flashlight.ts#L10">drawables/lights/flashlight.ts:10</a></li>
 							</ul>
 						</aside>
 						<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
@@ -360,7 +360,7 @@
 							<div class="tsd-signature tsd-kind-icon">center<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = &quot;flashlightCenters&quot;</span></div>
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/drawables/lights/flashlight.ts#L11">drawables/lights/flashlight.ts:11</a></li>
+									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/drawables/lights/flashlight.ts#L11">drawables/lights/flashlight.ts:11</a></li>
 								</ul>
 							</aside>
 						</section>
@@ -370,7 +370,7 @@
 							<div class="tsd-signature tsd-kind-icon">color<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = &quot;flashlightColors&quot;</span></div>
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/drawables/lights/flashlight.ts#L12">drawables/lights/flashlight.ts:12</a></li>
+									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/drawables/lights/flashlight.ts#L12">drawables/lights/flashlight.ts:12</a></li>
 								</ul>
 							</aside>
 						</section>
@@ -380,7 +380,7 @@
 							<div class="tsd-signature tsd-kind-icon">direction<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = &quot;flashlightDirections&quot;</span></div>
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/drawables/lights/flashlight.ts#L14">drawables/lights/flashlight.ts:14</a></li>
+									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/drawables/lights/flashlight.ts#L14">drawables/lights/flashlight.ts:14</a></li>
 								</ul>
 							</aside>
 						</section>
@@ -390,7 +390,7 @@
 							<div class="tsd-signature tsd-kind-icon">intensity<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = &quot;flashlightIntensities&quot;</span></div>
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/drawables/lights/flashlight.ts#L13">drawables/lights/flashlight.ts:13</a></li>
+									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/drawables/lights/flashlight.ts#L13">drawables/lights/flashlight.ts:13</a></li>
 								</ul>
 							</aside>
 						</section>
@@ -400,7 +400,7 @@
 							<div class="tsd-signature tsd-kind-icon">start<wbr>Cutoff<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = &quot;flashlightStartCutoffs&quot;</span></div>
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/drawables/lights/flashlight.ts#L15">drawables/lights/flashlight.ts:15</a></li>
+									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/drawables/lights/flashlight.ts#L15">drawables/lights/flashlight.ts:15</a></li>
 								</ul>
 							</aside>
 						</section>
@@ -418,24 +418,6 @@
 			</nav>
 			<nav class="tsd-navigation secondary menu-sticky">
 				<ul class="before-current">
-					<li class=" tsd-kind-enum">
-						<a href="../enums/filteringoptions.html" class="tsd-kind-icon">Filtering<wbr>Options</a>
-					</li>
-					<li class=" tsd-kind-enum">
-						<a href="../enums/wrapoptions.html" class="tsd-kind-icon">Wrap<wbr>Options</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="circlebase.html" class="tsd-kind-icon">Circle<wbr>Base</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="circlelight.html" class="tsd-kind-icon">Circle<wbr>Light</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="drawable.html" class="tsd-kind-icon">Drawable</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="dropletbase.html" class="tsd-kind-icon">Droplet<wbr>Base</a>
-					</li>
 				</ul>
 				<ul class="current">
 					<li class="current tsd-kind-class">
@@ -478,90 +460,6 @@
 					</li>
 				</ul>
 				<ul class="after-current">
-					<li class=" tsd-kind-class">
-						<a href="invertedtunnelbase.html" class="tsd-kind-icon">Inverted<wbr>Tunnel<wbr>Base</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="metacirclebase.html" class="tsd-kind-icon">Meta<wbr>Circle<wbr>Base</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="polygonbase.html" class="tsd-kind-icon">Polygon<wbr>Base</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="rotatedrectanglebase.html" class="tsd-kind-icon">Rotated<wbr>Rectangle<wbr>Base</a>
-					</li>
-					<li class=" tsd-kind-interface">
-						<a href="../interfaces/drawabledescriptor.html" class="tsd-kind-icon">Drawable<wbr>Descriptor</a>
-					</li>
-					<li class=" tsd-kind-interface">
-						<a href="../interfaces/noisypolygonbase.html" class="tsd-kind-icon">Noisy<wbr>Polygon<wbr>Base</a>
-					</li>
-					<li class=" tsd-kind-interface">
-						<a href="../interfaces/renderer.html" class="tsd-kind-icon">Renderer</a>
-					</li>
-					<li class=" tsd-kind-interface">
-						<a href="../interfaces/runtimesettings.html" class="tsd-kind-icon">Runtime<wbr>Settings</a>
-					</li>
-					<li class=" tsd-kind-interface">
-						<a href="../interfaces/startupsettings.html" class="tsd-kind-icon">Startup<wbr>Settings</a>
-					</li>
-					<li class=" tsd-kind-interface">
-						<a href="../interfaces/textureoptions.html" class="tsd-kind-icon">Texture<wbr>Options</a>
-					</li>
-					<li class=" tsd-kind-type-alias">
-						<a href="../globals.html#texturewithoptions" class="tsd-kind-icon">Texture<wbr>With<wbr>Options</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#circlefactory" class="tsd-kind-icon">Circle<wbr>Factory</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#dropletfactory" class="tsd-kind-icon">Droplet<wbr>Factory</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#invertedtunnelfactory" class="tsd-kind-icon">Inverted<wbr>Tunnel<wbr>Factory</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#metacirclefactory" class="tsd-kind-icon">Meta<wbr>Circle<wbr>Factory</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#noisypolygonfactory" class="tsd-kind-icon">Noisy<wbr>Polygon<wbr>Factory</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#polygonfactory" class="tsd-kind-icon">Polygon<wbr>Factory</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#rotatedrectanglefactory" class="tsd-kind-icon">Rotated<wbr>Rectangle<wbr>Factory</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#compile" class="tsd-kind-icon">compile</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#hex" class="tsd-kind-icon">hex</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#hsl" class="tsd-kind-icon">hsl</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#rendernoise" class="tsd-kind-icon">render<wbr>Noise</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#rgb" class="tsd-kind-icon">rgb</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#rgb255" class="tsd-kind-icon">rgb255</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#rgba" class="tsd-kind-icon">rgba</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#rgba255" class="tsd-kind-icon">rgba255</a>
-					</li>
-					<li class=" tsd-kind-object-literal">
-						<a href="../globals.html#defaultruntimesettings" class="tsd-kind-icon">default<wbr>Runtime<wbr>Settings</a>
-					</li>
-					<li class=" tsd-kind-object-literal">
-						<a href="../globals.html#defaultstartupsettings" class="tsd-kind-icon">default<wbr>Startup<wbr>Settings</a>
-					</li>
 				</ul>
 			</nav>
 		</div>
diff --git a/docs/classes/fpsqualityautoscaler.html b/docs/classes/fpsqualityautoscaler.html
new file mode 100644
index 0000000..695c769
--- /dev/null
+++ b/docs/classes/fpsqualityautoscaler.html
@@ -0,0 +1,289 @@
+<!doctype html>
+<html class="default no-js">
+<head>
+	<meta charset="utf-8">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge">
+	<title>FpsQualityAutoscaler | SDF-2D - v0.6.0</title>
+	<meta name="description" content="Documentation for SDF-2D - v0.6.0">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<link rel="stylesheet" href="../assets/css/main.css">
+	<link rel="icon" href="../favicon.ico" />
+</head>
+<body>
+<header>
+	<div class="tsd-page-toolbar">
+		<div class="container">
+			<div class="table-wrap">
+				<div class="table-cell" id="tsd-search" data-index="../assets/js/search.json" data-base="..">
+					<div class="field">
+						<label for="tsd-search-field" class="tsd-widget search no-caption">Search</label>
+						<input id="tsd-search-field" type="text" />
+					</div>
+					<ul class="results">
+						<li class="state loading">Preparing search index...</li>
+						<li class="state failure">The search index is not available</li>
+					</ul>
+					<a href="../index.html" class="title">SDF-2D - v0.6.0</a>
+				</div>
+				<div class="table-cell" id="tsd-widgets">
+					<div id="tsd-filter">
+						<a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a>
+						<div class="tsd-filter-group">
+							<div class="tsd-select" id="tsd-filter-visibility">
+								<span class="tsd-select-label">All</span>
+								<ul class="tsd-select-list">
+									<li data-value="public">Public</li>
+									<li data-value="protected">Public/Protected</li>
+									<li data-value="private" class="selected">All</li>
+								</ul>
+							</div>
+							<input type="checkbox" id="tsd-filter-inherited" checked />
+							<label class="tsd-widget" for="tsd-filter-inherited">Inherited</label>
+						</div>
+					</div>
+					<a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a>
+				</div>
+			</div>
+		</div>
+	</div>
+	<div class="tsd-page-title">
+		<div class="container">
+			<ul class="tsd-breadcrumb">
+				<li>
+					<a href="../globals.html">Globals</a>
+				</li>
+				<li>
+					<a href="fpsqualityautoscaler.html">FpsQualityAutoscaler</a>
+				</li>
+			</ul>
+			<h1>Class FpsQualityAutoscaler</h1>
+		</div>
+	</div>
+</header>
+<div class="container container-main">
+	<div class="row">
+		<div class="col-8 col-content">
+			<section class="tsd-panel tsd-comment">
+				<div class="tsd-comment tsd-typography">
+					<div class="lead">
+						<p>Set the quality of rendering based on FPS values.</p>
+					</div>
+					<p>When using this the size of the canvas must be fixed with CSS.</p>
+					<p>The <code>addDeltaTime</code> method should be called once every frame.</p>
+					<p>Usage:</p>
+					<pre><code class="language-js"> <span class="hljs-keyword">const</span> renderer = <span class="hljs-keyword">await</span> compile(...);
+ <span class="hljs-keyword">const</span> autoscaler = <span class="hljs-keyword">new</span> FpsQualityAutoscaler(renderer);</code></pre>
+				</div>
+			</section>
+			<section class="tsd-panel tsd-hierarchy">
+				<h3>Hierarchy</h3>
+				<ul class="tsd-hierarchy">
+					<li>
+						<span class="target">FpsQualityAutoscaler</span>
+					</li>
+				</ul>
+			</section>
+			<section class="tsd-panel-group tsd-index-group">
+				<h2>Index</h2>
+				<section class="tsd-panel tsd-index-panel">
+					<div class="tsd-index-content">
+						<section class="tsd-index-section ">
+							<h3>Constructors</h3>
+							<ul class="tsd-index-list">
+								<li class="tsd-kind-constructor tsd-parent-kind-class"><a href="fpsqualityautoscaler.html#constructor" class="tsd-kind-icon">constructor</a></li>
+							</ul>
+						</section>
+						<section class="tsd-index-section ">
+							<h3>Properties</h3>
+							<ul class="tsd-index-list">
+								<li class="tsd-kind-property tsd-parent-kind-class"><a href="fpsqualityautoscaler.html#fpshysteresis" class="tsd-kind-icon">fps<wbr>Hysteresis</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-class"><a href="fpsqualityautoscaler.html#fpstarget" class="tsd-kind-icon">fps<wbr>Target</a></li>
+							</ul>
+						</section>
+						<section class="tsd-index-section ">
+							<h3>Accessors</h3>
+							<ul class="tsd-index-list">
+								<li class="tsd-kind-get-signature tsd-parent-kind-class"><a href="fpsqualityautoscaler.html#fps" class="tsd-kind-icon">FPS</a></li>
+							</ul>
+						</section>
+						<section class="tsd-index-section ">
+							<h3>Methods</h3>
+							<ul class="tsd-index-list">
+								<li class="tsd-kind-method tsd-parent-kind-class"><a href="fpsqualityautoscaler.html#adddeltatime" class="tsd-kind-icon">add<wbr>Delta<wbr>Time</a></li>
+							</ul>
+						</section>
+					</div>
+				</section>
+			</section>
+			<section class="tsd-panel-group tsd-member-group ">
+				<h2>Constructors</h2>
+				<section class="tsd-panel tsd-member tsd-kind-constructor tsd-parent-kind-class">
+					<a name="constructor" class="tsd-anchor"></a>
+					<h3>constructor</h3>
+					<ul class="tsd-signatures tsd-kind-constructor tsd-parent-kind-class">
+						<li class="tsd-signature tsd-kind-icon">new <wbr>Fps<wbr>Quality<wbr>Autoscaler<span class="tsd-signature-symbol">(</span>renderer<span class="tsd-signature-symbol">: </span><a href="../interfaces/renderer.html" class="tsd-signature-type">Renderer</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="fpsqualityautoscaler.html" class="tsd-signature-type">FpsQualityAutoscaler</a></li>
+					</ul>
+					<ul class="tsd-descriptions">
+						<li class="tsd-description">
+							<aside class="tsd-sources">
+								<ul>
+									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/graphics/rendering/fps-quality-autoscaler.ts#L24">graphics/rendering/fps-quality-autoscaler.ts:24</a></li>
+								</ul>
+							</aside>
+							<h4 class="tsd-parameters-title">Parameters</h4>
+							<ul class="tsd-parameters">
+								<li>
+									<h5>renderer: <a href="../interfaces/renderer.html" class="tsd-signature-type">Renderer</a></h5>
+								</li>
+							</ul>
+							<h4 class="tsd-returns-title">Returns <a href="fpsqualityautoscaler.html" class="tsd-signature-type">FpsQualityAutoscaler</a></h4>
+						</li>
+					</ul>
+				</section>
+			</section>
+			<section class="tsd-panel-group tsd-member-group ">
+				<h2>Properties</h2>
+				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
+					<a name="fpshysteresis" class="tsd-anchor"></a>
+					<h3>fps<wbr>Hysteresis</h3>
+					<div class="tsd-signature tsd-kind-icon">fps<wbr>Hysteresis<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> = 5</span></div>
+					<aside class="tsd-sources">
+						<ul>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/graphics/rendering/fps-quality-autoscaler.ts#L24">graphics/rendering/fps-quality-autoscaler.ts:24</a></li>
+						</ul>
+					</aside>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
+					<a name="fpstarget" class="tsd-anchor"></a>
+					<h3>fps<wbr>Target</h3>
+					<div class="tsd-signature tsd-kind-icon">fps<wbr>Target<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> = 50</span></div>
+					<aside class="tsd-sources">
+						<ul>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/graphics/rendering/fps-quality-autoscaler.ts#L23">graphics/rendering/fps-quality-autoscaler.ts:23</a></li>
+						</ul>
+					</aside>
+				</section>
+			</section>
+			<section class="tsd-panel-group tsd-member-group ">
+				<h2>Accessors</h2>
+				<section class="tsd-panel tsd-member tsd-kind-get-signature tsd-parent-kind-class">
+					<a name="fps" class="tsd-anchor"></a>
+					<h3>FPS</h3>
+					<ul class="tsd-signatures tsd-kind-get-signature tsd-parent-kind-class">
+						<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">get</span> FPS<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></li>
+					</ul>
+					<ul class="tsd-descriptions">
+						<li class="tsd-description">
+							<aside class="tsd-sources">
+								<ul>
+									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/graphics/rendering/fps-quality-autoscaler.ts#L28">graphics/rendering/fps-quality-autoscaler.ts:28</a></li>
+								</ul>
+							</aside>
+							<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">number</span></h4>
+						</li>
+					</ul>
+				</section>
+			</section>
+			<section class="tsd-panel-group tsd-member-group ">
+				<h2>Methods</h2>
+				<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class">
+					<a name="adddeltatime" class="tsd-anchor"></a>
+					<h3>add<wbr>Delta<wbr>Time</h3>
+					<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
+						<li class="tsd-signature tsd-kind-icon">add<wbr>Delta<wbr>Time<span class="tsd-signature-symbol">(</span>deltaTimeInMilliseconds<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">DOMHighResTimeStamp</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
+					</ul>
+					<ul class="tsd-descriptions">
+						<li class="tsd-description">
+							<aside class="tsd-sources">
+								<ul>
+									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/graphics/rendering/fps-quality-autoscaler.ts#L39">graphics/rendering/fps-quality-autoscaler.ts:39</a></li>
+								</ul>
+							</aside>
+							<div class="tsd-comment tsd-typography">
+								<div class="lead">
+									<p>Autoscaling is also done by calling this function</p>
+								</div>
+							</div>
+							<h4 class="tsd-parameters-title">Parameters</h4>
+							<ul class="tsd-parameters">
+								<li>
+									<h5>deltaTimeInMilliseconds: <span class="tsd-signature-type">DOMHighResTimeStamp</span></h5>
+									<div class="tsd-comment tsd-typography">
+									</div>
+								</li>
+							</ul>
+							<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
+						</li>
+					</ul>
+				</section>
+			</section>
+		</div>
+		<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
+			<nav class="tsd-navigation primary">
+				<ul>
+					<li class="globals  ">
+						<a href="../globals.html"><em>Globals</em></a>
+					</li>
+				</ul>
+			</nav>
+			<nav class="tsd-navigation secondary menu-sticky">
+				<ul class="before-current">
+				</ul>
+				<ul class="current">
+					<li class="current tsd-kind-class">
+						<a href="fpsqualityautoscaler.html" class="tsd-kind-icon">Fps<wbr>Quality<wbr>Autoscaler</a>
+						<ul>
+							<li class=" tsd-kind-constructor tsd-parent-kind-class">
+								<a href="fpsqualityautoscaler.html#constructor" class="tsd-kind-icon">constructor</a>
+							</li>
+							<li class=" tsd-kind-property tsd-parent-kind-class">
+								<a href="fpsqualityautoscaler.html#fpshysteresis" class="tsd-kind-icon">fps<wbr>Hysteresis</a>
+							</li>
+							<li class=" tsd-kind-property tsd-parent-kind-class">
+								<a href="fpsqualityautoscaler.html#fpstarget" class="tsd-kind-icon">fps<wbr>Target</a>
+							</li>
+							<li class=" tsd-kind-get-signature tsd-parent-kind-class">
+								<a href="fpsqualityautoscaler.html#fps" class="tsd-kind-icon">FPS</a>
+							</li>
+							<li class=" tsd-kind-method tsd-parent-kind-class">
+								<a href="fpsqualityautoscaler.html#adddeltatime" class="tsd-kind-icon">add<wbr>Delta<wbr>Time</a>
+							</li>
+						</ul>
+					</li>
+				</ul>
+				<ul class="after-current">
+				</ul>
+			</nav>
+		</div>
+	</div>
+</div>
+<footer>
+	<div class="container">
+		<h2>Legend</h2>
+		<div class="tsd-legend-group">
+			<ul class="tsd-legend">
+				<li class="tsd-kind-constructor tsd-parent-kind-class"><span class="tsd-kind-icon">Constructor</span></li>
+				<li class="tsd-kind-property tsd-parent-kind-class"><span class="tsd-kind-icon">Property</span></li>
+				<li class="tsd-kind-method tsd-parent-kind-class"><span class="tsd-kind-icon">Method</span></li>
+			</ul>
+			<ul class="tsd-legend">
+				<li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li>
+				<li class="tsd-kind-method tsd-parent-kind-interface"><span class="tsd-kind-icon">Method</span></li>
+			</ul>
+			<ul class="tsd-legend">
+				<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited property</span></li>
+				<li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited method</span></li>
+			</ul>
+			<ul class="tsd-legend">
+				<li class="tsd-kind-method tsd-parent-kind-class tsd-is-protected"><span class="tsd-kind-icon">Protected method</span></li>
+			</ul>
+			<ul class="tsd-legend">
+				<li class="tsd-kind-property tsd-parent-kind-class tsd-is-static"><span class="tsd-kind-icon">Static property</span></li>
+			</ul>
+		</div>
+	</div>
+</footer>
+<div class="overlay"></div>
+<script src="../assets/js/main.js"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/docs/classes/invertedtunnelbase.html b/docs/classes/invertedtunnelbase.html
index df239b4..779f50a 100644
--- a/docs/classes/invertedtunnelbase.html
+++ b/docs/classes/invertedtunnelbase.html
@@ -3,8 +3,8 @@
 <head>
 	<meta charset="utf-8">
 	<meta http-equiv="X-UA-Compatible" content="IE=edge">
-	<title>InvertedTunnelBase | SDF-2D - v0.5.3</title>
-	<meta name="description" content="Documentation for SDF-2D - v0.5.3">
+	<title>InvertedTunnelBase | SDF-2D - v0.6.0</title>
+	<meta name="description" content="Documentation for SDF-2D - v0.6.0">
 	<meta name="viewport" content="width=device-width, initial-scale=1">
 	<link rel="stylesheet" href="../assets/css/main.css">
 	<link rel="icon" href="../favicon.ico" />
@@ -23,7 +23,7 @@
 						<li class="state loading">Preparing search index...</li>
 						<li class="state failure">The search index is not available</li>
 					</ul>
-					<a href="../index.html" class="title">SDF-2D - v0.5.3</a>
+					<a href="../index.html" class="title">SDF-2D - v0.6.0</a>
 				</div>
 				<div class="table-cell" id="tsd-widgets">
 					<div id="tsd-filter">
@@ -122,7 +122,7 @@
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/drawables/shapes/inverted-tunnel-factory.ts#L11">drawables/shapes/inverted-tunnel-factory.ts:11</a></li>
+									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/drawables/shapes/inverted-tunnel-factory.ts#L11">drawables/shapes/inverted-tunnel-factory.ts:11</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-parameters-title">Parameters</h4>
@@ -153,7 +153,7 @@
 					<div class="tsd-signature tsd-kind-icon">from<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">vec2</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/drawables/shapes/inverted-tunnel-factory.ts#L13">drawables/shapes/inverted-tunnel-factory.ts:13</a></li>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/drawables/shapes/inverted-tunnel-factory.ts#L13">drawables/shapes/inverted-tunnel-factory.ts:13</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -163,7 +163,7 @@
 					<div class="tsd-signature tsd-kind-icon">from<wbr>Radius<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/drawables/shapes/inverted-tunnel-factory.ts#L15">drawables/shapes/inverted-tunnel-factory.ts:15</a></li>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/drawables/shapes/inverted-tunnel-factory.ts#L15">drawables/shapes/inverted-tunnel-factory.ts:15</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -173,7 +173,7 @@
 					<div class="tsd-signature tsd-kind-icon">to<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">vec2</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/drawables/shapes/inverted-tunnel-factory.ts#L14">drawables/shapes/inverted-tunnel-factory.ts:14</a></li>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/drawables/shapes/inverted-tunnel-factory.ts#L14">drawables/shapes/inverted-tunnel-factory.ts:14</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -183,7 +183,7 @@
 					<div class="tsd-signature tsd-kind-icon">to<wbr>Radius<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/drawables/shapes/inverted-tunnel-factory.ts#L16">drawables/shapes/inverted-tunnel-factory.ts:16</a></li>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/drawables/shapes/inverted-tunnel-factory.ts#L16">drawables/shapes/inverted-tunnel-factory.ts:16</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -195,7 +195,7 @@
 						<p>Inherited from EmptyDrawable.descriptor</p>
 						<p>Overrides <a href="drawable.html">Drawable</a>.<a href="drawable.html#descriptor">descriptor</a></p>
 						<ul>
-							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/drawables/empty-drawable.ts#L9">drawables/empty-drawable.ts:9</a></li>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/drawables/empty-drawable.ts#L9">drawables/empty-drawable.ts:9</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -214,7 +214,7 @@
 								<p>Inherited from EmptyDrawable.getObjectToSerialize</p>
 								<p>Overrides <a href="drawable.html">Drawable</a>.<a href="drawable.html#getobjecttoserialize">getObjectToSerialize</a></p>
 								<ul>
-									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/drawables/empty-drawable.ts#L15">drawables/empty-drawable.ts:15</a></li>
+									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/drawables/empty-drawable.ts#L15">drawables/empty-drawable.ts:15</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-parameters-title">Parameters</h4>
@@ -242,7 +242,7 @@
 								<p>Inherited from EmptyDrawable.minDistance</p>
 								<p>Overrides <a href="drawable.html">Drawable</a>.<a href="drawable.html#mindistance">minDistance</a></p>
 								<ul>
-									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/drawables/empty-drawable.ts#L11">drawables/empty-drawable.ts:11</a></li>
+									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/drawables/empty-drawable.ts#L11">drawables/empty-drawable.ts:11</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-parameters-title">Parameters</h4>
@@ -267,27 +267,6 @@
 			</nav>
 			<nav class="tsd-navigation secondary menu-sticky">
 				<ul class="before-current">
-					<li class=" tsd-kind-enum">
-						<a href="../enums/filteringoptions.html" class="tsd-kind-icon">Filtering<wbr>Options</a>
-					</li>
-					<li class=" tsd-kind-enum">
-						<a href="../enums/wrapoptions.html" class="tsd-kind-icon">Wrap<wbr>Options</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="circlebase.html" class="tsd-kind-icon">Circle<wbr>Base</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="circlelight.html" class="tsd-kind-icon">Circle<wbr>Light</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="drawable.html" class="tsd-kind-icon">Drawable</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="dropletbase.html" class="tsd-kind-icon">Droplet<wbr>Base</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="flashlight.html" class="tsd-kind-icon">Flashlight</a>
-					</li>
 				</ul>
 				<ul class="current">
 					<li class="current tsd-kind-class">
@@ -321,87 +300,6 @@
 					</li>
 				</ul>
 				<ul class="after-current">
-					<li class=" tsd-kind-class">
-						<a href="metacirclebase.html" class="tsd-kind-icon">Meta<wbr>Circle<wbr>Base</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="polygonbase.html" class="tsd-kind-icon">Polygon<wbr>Base</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="rotatedrectanglebase.html" class="tsd-kind-icon">Rotated<wbr>Rectangle<wbr>Base</a>
-					</li>
-					<li class=" tsd-kind-interface">
-						<a href="../interfaces/drawabledescriptor.html" class="tsd-kind-icon">Drawable<wbr>Descriptor</a>
-					</li>
-					<li class=" tsd-kind-interface">
-						<a href="../interfaces/noisypolygonbase.html" class="tsd-kind-icon">Noisy<wbr>Polygon<wbr>Base</a>
-					</li>
-					<li class=" tsd-kind-interface">
-						<a href="../interfaces/renderer.html" class="tsd-kind-icon">Renderer</a>
-					</li>
-					<li class=" tsd-kind-interface">
-						<a href="../interfaces/runtimesettings.html" class="tsd-kind-icon">Runtime<wbr>Settings</a>
-					</li>
-					<li class=" tsd-kind-interface">
-						<a href="../interfaces/startupsettings.html" class="tsd-kind-icon">Startup<wbr>Settings</a>
-					</li>
-					<li class=" tsd-kind-interface">
-						<a href="../interfaces/textureoptions.html" class="tsd-kind-icon">Texture<wbr>Options</a>
-					</li>
-					<li class=" tsd-kind-type-alias">
-						<a href="../globals.html#texturewithoptions" class="tsd-kind-icon">Texture<wbr>With<wbr>Options</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#circlefactory" class="tsd-kind-icon">Circle<wbr>Factory</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#dropletfactory" class="tsd-kind-icon">Droplet<wbr>Factory</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#invertedtunnelfactory" class="tsd-kind-icon">Inverted<wbr>Tunnel<wbr>Factory</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#metacirclefactory" class="tsd-kind-icon">Meta<wbr>Circle<wbr>Factory</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#noisypolygonfactory" class="tsd-kind-icon">Noisy<wbr>Polygon<wbr>Factory</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#polygonfactory" class="tsd-kind-icon">Polygon<wbr>Factory</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#rotatedrectanglefactory" class="tsd-kind-icon">Rotated<wbr>Rectangle<wbr>Factory</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#compile" class="tsd-kind-icon">compile</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#hex" class="tsd-kind-icon">hex</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#hsl" class="tsd-kind-icon">hsl</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#rendernoise" class="tsd-kind-icon">render<wbr>Noise</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#rgb" class="tsd-kind-icon">rgb</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#rgb255" class="tsd-kind-icon">rgb255</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#rgba" class="tsd-kind-icon">rgba</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#rgba255" class="tsd-kind-icon">rgba255</a>
-					</li>
-					<li class=" tsd-kind-object-literal">
-						<a href="../globals.html#defaultruntimesettings" class="tsd-kind-icon">default<wbr>Runtime<wbr>Settings</a>
-					</li>
-					<li class=" tsd-kind-object-literal">
-						<a href="../globals.html#defaultstartupsettings" class="tsd-kind-icon">default<wbr>Startup<wbr>Settings</a>
-					</li>
 				</ul>
 			</nav>
 		</div>
diff --git a/docs/classes/metacirclebase.html b/docs/classes/metacirclebase.html
index 76ba8bc..e87c557 100644
--- a/docs/classes/metacirclebase.html
+++ b/docs/classes/metacirclebase.html
@@ -3,8 +3,8 @@
 <head>
 	<meta charset="utf-8">
 	<meta http-equiv="X-UA-Compatible" content="IE=edge">
-	<title>MetaCircleBase | SDF-2D - v0.5.3</title>
-	<meta name="description" content="Documentation for SDF-2D - v0.5.3">
+	<title>MetaCircleBase | SDF-2D - v0.6.0</title>
+	<meta name="description" content="Documentation for SDF-2D - v0.6.0">
 	<meta name="viewport" content="width=device-width, initial-scale=1">
 	<link rel="stylesheet" href="../assets/css/main.css">
 	<link rel="icon" href="../favicon.ico" />
@@ -23,7 +23,7 @@
 						<li class="state loading">Preparing search index...</li>
 						<li class="state failure">The search index is not available</li>
 					</ul>
-					<a href="../index.html" class="title">SDF-2D - v0.5.3</a>
+					<a href="../index.html" class="title">SDF-2D - v0.6.0</a>
 				</div>
 				<div class="table-cell" id="tsd-widgets">
 					<div id="tsd-filter">
@@ -120,7 +120,7 @@
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/drawables/shapes/meta-circle-factory.ts#L9">drawables/shapes/meta-circle-factory.ts:9</a></li>
+									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/drawables/shapes/meta-circle-factory.ts#L9">drawables/shapes/meta-circle-factory.ts:9</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-parameters-title">Parameters</h4>
@@ -145,7 +145,7 @@
 					<div class="tsd-signature tsd-kind-icon">center<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">vec2</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/drawables/shapes/meta-circle-factory.ts#L10">drawables/shapes/meta-circle-factory.ts:10</a></li>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/drawables/shapes/meta-circle-factory.ts#L10">drawables/shapes/meta-circle-factory.ts:10</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -155,7 +155,7 @@
 					<div class="tsd-signature tsd-kind-icon">radius<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/drawables/shapes/meta-circle-factory.ts#L10">drawables/shapes/meta-circle-factory.ts:10</a></li>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/drawables/shapes/meta-circle-factory.ts#L10">drawables/shapes/meta-circle-factory.ts:10</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -167,7 +167,7 @@
 						<p>Inherited from EmptyDrawable.descriptor</p>
 						<p>Overrides <a href="drawable.html">Drawable</a>.<a href="drawable.html#descriptor">descriptor</a></p>
 						<ul>
-							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/drawables/empty-drawable.ts#L9">drawables/empty-drawable.ts:9</a></li>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/drawables/empty-drawable.ts#L9">drawables/empty-drawable.ts:9</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -186,7 +186,7 @@
 								<p>Inherited from EmptyDrawable.getObjectToSerialize</p>
 								<p>Overrides <a href="drawable.html">Drawable</a>.<a href="drawable.html#getobjecttoserialize">getObjectToSerialize</a></p>
 								<ul>
-									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/drawables/empty-drawable.ts#L15">drawables/empty-drawable.ts:15</a></li>
+									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/drawables/empty-drawable.ts#L15">drawables/empty-drawable.ts:15</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-parameters-title">Parameters</h4>
@@ -214,7 +214,7 @@
 								<p>Inherited from EmptyDrawable.minDistance</p>
 								<p>Overrides <a href="drawable.html">Drawable</a>.<a href="drawable.html#mindistance">minDistance</a></p>
 								<ul>
-									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/drawables/empty-drawable.ts#L11">drawables/empty-drawable.ts:11</a></li>
+									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/drawables/empty-drawable.ts#L11">drawables/empty-drawable.ts:11</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-parameters-title">Parameters</h4>
@@ -239,30 +239,6 @@
 			</nav>
 			<nav class="tsd-navigation secondary menu-sticky">
 				<ul class="before-current">
-					<li class=" tsd-kind-enum">
-						<a href="../enums/filteringoptions.html" class="tsd-kind-icon">Filtering<wbr>Options</a>
-					</li>
-					<li class=" tsd-kind-enum">
-						<a href="../enums/wrapoptions.html" class="tsd-kind-icon">Wrap<wbr>Options</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="circlebase.html" class="tsd-kind-icon">Circle<wbr>Base</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="circlelight.html" class="tsd-kind-icon">Circle<wbr>Light</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="drawable.html" class="tsd-kind-icon">Drawable</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="dropletbase.html" class="tsd-kind-icon">Droplet<wbr>Base</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="flashlight.html" class="tsd-kind-icon">Flashlight</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="invertedtunnelbase.html" class="tsd-kind-icon">Inverted<wbr>Tunnel<wbr>Base</a>
-					</li>
 				</ul>
 				<ul class="current">
 					<li class="current tsd-kind-class">
@@ -290,84 +266,6 @@
 					</li>
 				</ul>
 				<ul class="after-current">
-					<li class=" tsd-kind-class">
-						<a href="polygonbase.html" class="tsd-kind-icon">Polygon<wbr>Base</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="rotatedrectanglebase.html" class="tsd-kind-icon">Rotated<wbr>Rectangle<wbr>Base</a>
-					</li>
-					<li class=" tsd-kind-interface">
-						<a href="../interfaces/drawabledescriptor.html" class="tsd-kind-icon">Drawable<wbr>Descriptor</a>
-					</li>
-					<li class=" tsd-kind-interface">
-						<a href="../interfaces/noisypolygonbase.html" class="tsd-kind-icon">Noisy<wbr>Polygon<wbr>Base</a>
-					</li>
-					<li class=" tsd-kind-interface">
-						<a href="../interfaces/renderer.html" class="tsd-kind-icon">Renderer</a>
-					</li>
-					<li class=" tsd-kind-interface">
-						<a href="../interfaces/runtimesettings.html" class="tsd-kind-icon">Runtime<wbr>Settings</a>
-					</li>
-					<li class=" tsd-kind-interface">
-						<a href="../interfaces/startupsettings.html" class="tsd-kind-icon">Startup<wbr>Settings</a>
-					</li>
-					<li class=" tsd-kind-interface">
-						<a href="../interfaces/textureoptions.html" class="tsd-kind-icon">Texture<wbr>Options</a>
-					</li>
-					<li class=" tsd-kind-type-alias">
-						<a href="../globals.html#texturewithoptions" class="tsd-kind-icon">Texture<wbr>With<wbr>Options</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#circlefactory" class="tsd-kind-icon">Circle<wbr>Factory</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#dropletfactory" class="tsd-kind-icon">Droplet<wbr>Factory</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#invertedtunnelfactory" class="tsd-kind-icon">Inverted<wbr>Tunnel<wbr>Factory</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#metacirclefactory" class="tsd-kind-icon">Meta<wbr>Circle<wbr>Factory</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#noisypolygonfactory" class="tsd-kind-icon">Noisy<wbr>Polygon<wbr>Factory</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#polygonfactory" class="tsd-kind-icon">Polygon<wbr>Factory</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#rotatedrectanglefactory" class="tsd-kind-icon">Rotated<wbr>Rectangle<wbr>Factory</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#compile" class="tsd-kind-icon">compile</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#hex" class="tsd-kind-icon">hex</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#hsl" class="tsd-kind-icon">hsl</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#rendernoise" class="tsd-kind-icon">render<wbr>Noise</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#rgb" class="tsd-kind-icon">rgb</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#rgb255" class="tsd-kind-icon">rgb255</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#rgba" class="tsd-kind-icon">rgba</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#rgba255" class="tsd-kind-icon">rgba255</a>
-					</li>
-					<li class=" tsd-kind-object-literal">
-						<a href="../globals.html#defaultruntimesettings" class="tsd-kind-icon">default<wbr>Runtime<wbr>Settings</a>
-					</li>
-					<li class=" tsd-kind-object-literal">
-						<a href="../globals.html#defaultstartupsettings" class="tsd-kind-icon">default<wbr>Startup<wbr>Settings</a>
-					</li>
 				</ul>
 			</nav>
 		</div>
diff --git a/docs/classes/polygonbase.html b/docs/classes/polygonbase.html
index 94bfce4..ef785d5 100644
--- a/docs/classes/polygonbase.html
+++ b/docs/classes/polygonbase.html
@@ -3,8 +3,8 @@
 <head>
 	<meta charset="utf-8">
 	<meta http-equiv="X-UA-Compatible" content="IE=edge">
-	<title>PolygonBase | SDF-2D - v0.5.3</title>
-	<meta name="description" content="Documentation for SDF-2D - v0.5.3">
+	<title>PolygonBase | SDF-2D - v0.6.0</title>
+	<meta name="description" content="Documentation for SDF-2D - v0.6.0">
 	<meta name="viewport" content="width=device-width, initial-scale=1">
 	<link rel="stylesheet" href="../assets/css/main.css">
 	<link rel="icon" href="../favicon.ico" />
@@ -23,7 +23,7 @@
 						<li class="state loading">Preparing search index...</li>
 						<li class="state failure">The search index is not available</li>
 					</ul>
-					<a href="../index.html" class="title">SDF-2D - v0.5.3</a>
+					<a href="../index.html" class="title">SDF-2D - v0.6.0</a>
 				</div>
 				<div class="table-cell" id="tsd-widgets">
 					<div id="tsd-filter">
@@ -118,19 +118,19 @@
 					<a name="constructor" class="tsd-anchor"></a>
 					<h3>constructor</h3>
 					<ul class="tsd-signatures tsd-kind-constructor tsd-parent-kind-class">
-						<li class="tsd-signature tsd-kind-icon">new <wbr>Polygon<wbr>Base<span class="tsd-signature-symbol">(</span>vertices<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Array</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">vec2</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="polygonbase.html" class="tsd-signature-type">PolygonBase</a></li>
+						<li class="tsd-signature tsd-kind-icon">new <wbr>Polygon<wbr>Base<span class="tsd-signature-symbol">(</span>vertices<span class="tsd-signature-symbol">: </span><a href="../interfaces/__global.array.html" class="tsd-signature-type">Array</a><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">vec2</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="polygonbase.html" class="tsd-signature-type">PolygonBase</a></li>
 					</ul>
 					<ul class="tsd-descriptions">
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/drawables/shapes/polygon-factory.ts#L11">drawables/shapes/polygon-factory.ts:11</a></li>
+									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/drawables/shapes/polygon-factory.ts#L11">drawables/shapes/polygon-factory.ts:11</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-parameters-title">Parameters</h4>
 							<ul class="tsd-parameters">
 								<li>
-									<h5>vertices: <span class="tsd-signature-type">Array</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">vec2</span><span class="tsd-signature-symbol">&gt;</span></h5>
+									<h5>vertices: <a href="../interfaces/__global.array.html" class="tsd-signature-type">Array</a><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">vec2</span><span class="tsd-signature-symbol">&gt;</span></h5>
 								</li>
 							</ul>
 							<h4 class="tsd-returns-title">Returns <a href="polygonbase.html" class="tsd-signature-type">PolygonBase</a></h4>
@@ -143,10 +143,10 @@
 				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
 					<a name="vertices" class="tsd-anchor"></a>
 					<h3>vertices</h3>
-					<div class="tsd-signature tsd-kind-icon">vertices<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Array</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">vec2</span><span class="tsd-signature-symbol">&gt;</span></div>
+					<div class="tsd-signature tsd-kind-icon">vertices<span class="tsd-signature-symbol">:</span> <a href="../interfaces/__global.array.html" class="tsd-signature-type">Array</a><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">vec2</span><span class="tsd-signature-symbol">&gt;</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/drawables/shapes/polygon-factory.ts#L12">drawables/shapes/polygon-factory.ts:12</a></li>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/drawables/shapes/polygon-factory.ts#L12">drawables/shapes/polygon-factory.ts:12</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -158,7 +158,7 @@
 						<p>Inherited from EmptyDrawable.descriptor</p>
 						<p>Overrides <a href="drawable.html">Drawable</a>.<a href="drawable.html#descriptor">descriptor</a></p>
 						<ul>
-							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/drawables/empty-drawable.ts#L9">drawables/empty-drawable.ts:9</a></li>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/drawables/empty-drawable.ts#L9">drawables/empty-drawable.ts:9</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -177,7 +177,7 @@
 								<p>Inherited from EmptyDrawable.getObjectToSerialize</p>
 								<p>Overrides <a href="drawable.html">Drawable</a>.<a href="drawable.html#getobjecttoserialize">getObjectToSerialize</a></p>
 								<ul>
-									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/drawables/empty-drawable.ts#L15">drawables/empty-drawable.ts:15</a></li>
+									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/drawables/empty-drawable.ts#L15">drawables/empty-drawable.ts:15</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-parameters-title">Parameters</h4>
@@ -205,7 +205,7 @@
 								<p>Inherited from EmptyDrawable.minDistance</p>
 								<p>Overrides <a href="drawable.html">Drawable</a>.<a href="drawable.html#mindistance">minDistance</a></p>
 								<ul>
-									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/drawables/empty-drawable.ts#L11">drawables/empty-drawable.ts:11</a></li>
+									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/drawables/empty-drawable.ts#L11">drawables/empty-drawable.ts:11</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-parameters-title">Parameters</h4>
@@ -230,33 +230,6 @@
 			</nav>
 			<nav class="tsd-navigation secondary menu-sticky">
 				<ul class="before-current">
-					<li class=" tsd-kind-enum">
-						<a href="../enums/filteringoptions.html" class="tsd-kind-icon">Filtering<wbr>Options</a>
-					</li>
-					<li class=" tsd-kind-enum">
-						<a href="../enums/wrapoptions.html" class="tsd-kind-icon">Wrap<wbr>Options</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="circlebase.html" class="tsd-kind-icon">Circle<wbr>Base</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="circlelight.html" class="tsd-kind-icon">Circle<wbr>Light</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="drawable.html" class="tsd-kind-icon">Drawable</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="dropletbase.html" class="tsd-kind-icon">Droplet<wbr>Base</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="flashlight.html" class="tsd-kind-icon">Flashlight</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="invertedtunnelbase.html" class="tsd-kind-icon">Inverted<wbr>Tunnel<wbr>Base</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="metacirclebase.html" class="tsd-kind-icon">Meta<wbr>Circle<wbr>Base</a>
-					</li>
 				</ul>
 				<ul class="current">
 					<li class="current tsd-kind-class">
@@ -281,81 +254,6 @@
 					</li>
 				</ul>
 				<ul class="after-current">
-					<li class=" tsd-kind-class">
-						<a href="rotatedrectanglebase.html" class="tsd-kind-icon">Rotated<wbr>Rectangle<wbr>Base</a>
-					</li>
-					<li class=" tsd-kind-interface">
-						<a href="../interfaces/drawabledescriptor.html" class="tsd-kind-icon">Drawable<wbr>Descriptor</a>
-					</li>
-					<li class=" tsd-kind-interface">
-						<a href="../interfaces/noisypolygonbase.html" class="tsd-kind-icon">Noisy<wbr>Polygon<wbr>Base</a>
-					</li>
-					<li class=" tsd-kind-interface">
-						<a href="../interfaces/renderer.html" class="tsd-kind-icon">Renderer</a>
-					</li>
-					<li class=" tsd-kind-interface">
-						<a href="../interfaces/runtimesettings.html" class="tsd-kind-icon">Runtime<wbr>Settings</a>
-					</li>
-					<li class=" tsd-kind-interface">
-						<a href="../interfaces/startupsettings.html" class="tsd-kind-icon">Startup<wbr>Settings</a>
-					</li>
-					<li class=" tsd-kind-interface">
-						<a href="../interfaces/textureoptions.html" class="tsd-kind-icon">Texture<wbr>Options</a>
-					</li>
-					<li class=" tsd-kind-type-alias">
-						<a href="../globals.html#texturewithoptions" class="tsd-kind-icon">Texture<wbr>With<wbr>Options</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#circlefactory" class="tsd-kind-icon">Circle<wbr>Factory</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#dropletfactory" class="tsd-kind-icon">Droplet<wbr>Factory</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#invertedtunnelfactory" class="tsd-kind-icon">Inverted<wbr>Tunnel<wbr>Factory</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#metacirclefactory" class="tsd-kind-icon">Meta<wbr>Circle<wbr>Factory</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#noisypolygonfactory" class="tsd-kind-icon">Noisy<wbr>Polygon<wbr>Factory</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#polygonfactory" class="tsd-kind-icon">Polygon<wbr>Factory</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#rotatedrectanglefactory" class="tsd-kind-icon">Rotated<wbr>Rectangle<wbr>Factory</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#compile" class="tsd-kind-icon">compile</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#hex" class="tsd-kind-icon">hex</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#hsl" class="tsd-kind-icon">hsl</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#rendernoise" class="tsd-kind-icon">render<wbr>Noise</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#rgb" class="tsd-kind-icon">rgb</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#rgb255" class="tsd-kind-icon">rgb255</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#rgba" class="tsd-kind-icon">rgba</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#rgba255" class="tsd-kind-icon">rgba255</a>
-					</li>
-					<li class=" tsd-kind-object-literal">
-						<a href="../globals.html#defaultruntimesettings" class="tsd-kind-icon">default<wbr>Runtime<wbr>Settings</a>
-					</li>
-					<li class=" tsd-kind-object-literal">
-						<a href="../globals.html#defaultstartupsettings" class="tsd-kind-icon">default<wbr>Startup<wbr>Settings</a>
-					</li>
 				</ul>
 			</nav>
 		</div>
diff --git a/docs/classes/rotatedrectanglebase.html b/docs/classes/rotatedrectanglebase.html
index 697ab04..fe383dc 100644
--- a/docs/classes/rotatedrectanglebase.html
+++ b/docs/classes/rotatedrectanglebase.html
@@ -3,8 +3,8 @@
 <head>
 	<meta charset="utf-8">
 	<meta http-equiv="X-UA-Compatible" content="IE=edge">
-	<title>RotatedRectangleBase | SDF-2D - v0.5.3</title>
-	<meta name="description" content="Documentation for SDF-2D - v0.5.3">
+	<title>RotatedRectangleBase | SDF-2D - v0.6.0</title>
+	<meta name="description" content="Documentation for SDF-2D - v0.6.0">
 	<meta name="viewport" content="width=device-width, initial-scale=1">
 	<link rel="stylesheet" href="../assets/css/main.css">
 	<link rel="icon" href="../favicon.ico" />
@@ -23,7 +23,7 @@
 						<li class="state loading">Preparing search index...</li>
 						<li class="state failure">The search index is not available</li>
 					</ul>
-					<a href="../index.html" class="title">SDF-2D - v0.5.3</a>
+					<a href="../index.html" class="title">SDF-2D - v0.6.0</a>
 				</div>
 				<div class="table-cell" id="tsd-widgets">
 					<div id="tsd-filter">
@@ -121,7 +121,7 @@
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/drawables/shapes/rotated-rectangle-factory.ts#L9">drawables/shapes/rotated-rectangle-factory.ts:9</a></li>
+									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/drawables/shapes/rotated-rectangle-factory.ts#L9">drawables/shapes/rotated-rectangle-factory.ts:9</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-parameters-title">Parameters</h4>
@@ -149,7 +149,7 @@
 					<div class="tsd-signature tsd-kind-icon">center<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">vec2</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/drawables/shapes/rotated-rectangle-factory.ts#L10">drawables/shapes/rotated-rectangle-factory.ts:10</a></li>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/drawables/shapes/rotated-rectangle-factory.ts#L10">drawables/shapes/rotated-rectangle-factory.ts:10</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -159,7 +159,7 @@
 					<div class="tsd-signature tsd-kind-icon">rotation<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/drawables/shapes/rotated-rectangle-factory.ts#L10">drawables/shapes/rotated-rectangle-factory.ts:10</a></li>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/drawables/shapes/rotated-rectangle-factory.ts#L10">drawables/shapes/rotated-rectangle-factory.ts:10</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -169,7 +169,7 @@
 					<div class="tsd-signature tsd-kind-icon">size<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">vec2</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/drawables/shapes/rotated-rectangle-factory.ts#L10">drawables/shapes/rotated-rectangle-factory.ts:10</a></li>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/drawables/shapes/rotated-rectangle-factory.ts#L10">drawables/shapes/rotated-rectangle-factory.ts:10</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -181,7 +181,7 @@
 						<p>Inherited from EmptyDrawable.descriptor</p>
 						<p>Overrides <a href="drawable.html">Drawable</a>.<a href="drawable.html#descriptor">descriptor</a></p>
 						<ul>
-							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/drawables/empty-drawable.ts#L9">drawables/empty-drawable.ts:9</a></li>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/drawables/empty-drawable.ts#L9">drawables/empty-drawable.ts:9</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -200,7 +200,7 @@
 								<p>Inherited from EmptyDrawable.getObjectToSerialize</p>
 								<p>Overrides <a href="drawable.html">Drawable</a>.<a href="drawable.html#getobjecttoserialize">getObjectToSerialize</a></p>
 								<ul>
-									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/drawables/empty-drawable.ts#L15">drawables/empty-drawable.ts:15</a></li>
+									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/drawables/empty-drawable.ts#L15">drawables/empty-drawable.ts:15</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-parameters-title">Parameters</h4>
@@ -228,7 +228,7 @@
 								<p>Inherited from EmptyDrawable.minDistance</p>
 								<p>Overrides <a href="drawable.html">Drawable</a>.<a href="drawable.html#mindistance">minDistance</a></p>
 								<ul>
-									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/drawables/empty-drawable.ts#L11">drawables/empty-drawable.ts:11</a></li>
+									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/drawables/empty-drawable.ts#L11">drawables/empty-drawable.ts:11</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-parameters-title">Parameters</h4>
@@ -253,36 +253,6 @@
 			</nav>
 			<nav class="tsd-navigation secondary menu-sticky">
 				<ul class="before-current">
-					<li class=" tsd-kind-enum">
-						<a href="../enums/filteringoptions.html" class="tsd-kind-icon">Filtering<wbr>Options</a>
-					</li>
-					<li class=" tsd-kind-enum">
-						<a href="../enums/wrapoptions.html" class="tsd-kind-icon">Wrap<wbr>Options</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="circlebase.html" class="tsd-kind-icon">Circle<wbr>Base</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="circlelight.html" class="tsd-kind-icon">Circle<wbr>Light</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="drawable.html" class="tsd-kind-icon">Drawable</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="dropletbase.html" class="tsd-kind-icon">Droplet<wbr>Base</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="flashlight.html" class="tsd-kind-icon">Flashlight</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="invertedtunnelbase.html" class="tsd-kind-icon">Inverted<wbr>Tunnel<wbr>Base</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="metacirclebase.html" class="tsd-kind-icon">Meta<wbr>Circle<wbr>Base</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="polygonbase.html" class="tsd-kind-icon">Polygon<wbr>Base</a>
-					</li>
 				</ul>
 				<ul class="current">
 					<li class="current tsd-kind-class">
@@ -313,78 +283,6 @@
 					</li>
 				</ul>
 				<ul class="after-current">
-					<li class=" tsd-kind-interface">
-						<a href="../interfaces/drawabledescriptor.html" class="tsd-kind-icon">Drawable<wbr>Descriptor</a>
-					</li>
-					<li class=" tsd-kind-interface">
-						<a href="../interfaces/noisypolygonbase.html" class="tsd-kind-icon">Noisy<wbr>Polygon<wbr>Base</a>
-					</li>
-					<li class=" tsd-kind-interface">
-						<a href="../interfaces/renderer.html" class="tsd-kind-icon">Renderer</a>
-					</li>
-					<li class=" tsd-kind-interface">
-						<a href="../interfaces/runtimesettings.html" class="tsd-kind-icon">Runtime<wbr>Settings</a>
-					</li>
-					<li class=" tsd-kind-interface">
-						<a href="../interfaces/startupsettings.html" class="tsd-kind-icon">Startup<wbr>Settings</a>
-					</li>
-					<li class=" tsd-kind-interface">
-						<a href="../interfaces/textureoptions.html" class="tsd-kind-icon">Texture<wbr>Options</a>
-					</li>
-					<li class=" tsd-kind-type-alias">
-						<a href="../globals.html#texturewithoptions" class="tsd-kind-icon">Texture<wbr>With<wbr>Options</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#circlefactory" class="tsd-kind-icon">Circle<wbr>Factory</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#dropletfactory" class="tsd-kind-icon">Droplet<wbr>Factory</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#invertedtunnelfactory" class="tsd-kind-icon">Inverted<wbr>Tunnel<wbr>Factory</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#metacirclefactory" class="tsd-kind-icon">Meta<wbr>Circle<wbr>Factory</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#noisypolygonfactory" class="tsd-kind-icon">Noisy<wbr>Polygon<wbr>Factory</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#polygonfactory" class="tsd-kind-icon">Polygon<wbr>Factory</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#rotatedrectanglefactory" class="tsd-kind-icon">Rotated<wbr>Rectangle<wbr>Factory</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#compile" class="tsd-kind-icon">compile</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#hex" class="tsd-kind-icon">hex</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#hsl" class="tsd-kind-icon">hsl</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#rendernoise" class="tsd-kind-icon">render<wbr>Noise</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#rgb" class="tsd-kind-icon">rgb</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#rgb255" class="tsd-kind-icon">rgb255</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#rgba" class="tsd-kind-icon">rgba</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#rgba255" class="tsd-kind-icon">rgba255</a>
-					</li>
-					<li class=" tsd-kind-object-literal">
-						<a href="../globals.html#defaultruntimesettings" class="tsd-kind-icon">default<wbr>Runtime<wbr>Settings</a>
-					</li>
-					<li class=" tsd-kind-object-literal">
-						<a href="../globals.html#defaultstartupsettings" class="tsd-kind-icon">default<wbr>Startup<wbr>Settings</a>
-					</li>
 				</ul>
 			</nav>
 		</div>
diff --git a/docs/enums/filteringoptions.html b/docs/enums/filteringoptions.html
index aa2ff46..e2fdbc6 100644
--- a/docs/enums/filteringoptions.html
+++ b/docs/enums/filteringoptions.html
@@ -3,8 +3,8 @@
 <head>
 	<meta charset="utf-8">
 	<meta http-equiv="X-UA-Compatible" content="IE=edge">
-	<title>FilteringOptions | SDF-2D - v0.5.3</title>
-	<meta name="description" content="Documentation for SDF-2D - v0.5.3">
+	<title>FilteringOptions | SDF-2D - v0.6.0</title>
+	<meta name="description" content="Documentation for SDF-2D - v0.6.0">
 	<meta name="viewport" content="width=device-width, initial-scale=1">
 	<link rel="stylesheet" href="../assets/css/main.css">
 	<link rel="icon" href="../favicon.ico" />
@@ -23,7 +23,7 @@
 						<li class="state loading">Preparing search index...</li>
 						<li class="state failure">The search index is not available</li>
 					</ul>
-					<a href="../index.html" class="title">SDF-2D - v0.5.3</a>
+					<a href="../index.html" class="title">SDF-2D - v0.6.0</a>
 				</div>
 				<div class="table-cell" id="tsd-widgets">
 					<div id="tsd-filter">
@@ -85,7 +85,7 @@
 					<div class="tsd-signature tsd-kind-icon">LINEAR<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol"> = &quot;LINEAR&quot;</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/graphics/graphics-library/texture/texture-options.ts#L16">graphics/graphics-library/texture/texture-options.ts:16</a></li>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/graphics/graphics-library/texture/texture-options.ts#L16">graphics/graphics-library/texture/texture-options.ts:16</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -95,7 +95,7 @@
 					<div class="tsd-signature tsd-kind-icon">NEAREST<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol"> = &quot;NEAREST&quot;</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/graphics/graphics-library/texture/texture-options.ts#L17">graphics/graphics-library/texture/texture-options.ts:17</a></li>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/graphics/graphics-library/texture/texture-options.ts#L17">graphics/graphics-library/texture/texture-options.ts:17</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -126,108 +126,6 @@
 					</li>
 				</ul>
 				<ul class="after-current">
-					<li class=" tsd-kind-enum">
-						<a href="wrapoptions.html" class="tsd-kind-icon">Wrap<wbr>Options</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="../classes/circlebase.html" class="tsd-kind-icon">Circle<wbr>Base</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="../classes/circlelight.html" class="tsd-kind-icon">Circle<wbr>Light</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="../classes/drawable.html" class="tsd-kind-icon">Drawable</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="../classes/dropletbase.html" class="tsd-kind-icon">Droplet<wbr>Base</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="../classes/flashlight.html" class="tsd-kind-icon">Flashlight</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="../classes/invertedtunnelbase.html" class="tsd-kind-icon">Inverted<wbr>Tunnel<wbr>Base</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="../classes/metacirclebase.html" class="tsd-kind-icon">Meta<wbr>Circle<wbr>Base</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="../classes/polygonbase.html" class="tsd-kind-icon">Polygon<wbr>Base</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="../classes/rotatedrectanglebase.html" class="tsd-kind-icon">Rotated<wbr>Rectangle<wbr>Base</a>
-					</li>
-					<li class=" tsd-kind-interface">
-						<a href="../interfaces/drawabledescriptor.html" class="tsd-kind-icon">Drawable<wbr>Descriptor</a>
-					</li>
-					<li class=" tsd-kind-interface">
-						<a href="../interfaces/noisypolygonbase.html" class="tsd-kind-icon">Noisy<wbr>Polygon<wbr>Base</a>
-					</li>
-					<li class=" tsd-kind-interface">
-						<a href="../interfaces/renderer.html" class="tsd-kind-icon">Renderer</a>
-					</li>
-					<li class=" tsd-kind-interface">
-						<a href="../interfaces/runtimesettings.html" class="tsd-kind-icon">Runtime<wbr>Settings</a>
-					</li>
-					<li class=" tsd-kind-interface">
-						<a href="../interfaces/startupsettings.html" class="tsd-kind-icon">Startup<wbr>Settings</a>
-					</li>
-					<li class=" tsd-kind-interface">
-						<a href="../interfaces/textureoptions.html" class="tsd-kind-icon">Texture<wbr>Options</a>
-					</li>
-					<li class=" tsd-kind-type-alias">
-						<a href="../globals.html#texturewithoptions" class="tsd-kind-icon">Texture<wbr>With<wbr>Options</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#circlefactory" class="tsd-kind-icon">Circle<wbr>Factory</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#dropletfactory" class="tsd-kind-icon">Droplet<wbr>Factory</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#invertedtunnelfactory" class="tsd-kind-icon">Inverted<wbr>Tunnel<wbr>Factory</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#metacirclefactory" class="tsd-kind-icon">Meta<wbr>Circle<wbr>Factory</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#noisypolygonfactory" class="tsd-kind-icon">Noisy<wbr>Polygon<wbr>Factory</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#polygonfactory" class="tsd-kind-icon">Polygon<wbr>Factory</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#rotatedrectanglefactory" class="tsd-kind-icon">Rotated<wbr>Rectangle<wbr>Factory</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#compile" class="tsd-kind-icon">compile</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#hex" class="tsd-kind-icon">hex</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#hsl" class="tsd-kind-icon">hsl</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#rendernoise" class="tsd-kind-icon">render<wbr>Noise</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#rgb" class="tsd-kind-icon">rgb</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#rgb255" class="tsd-kind-icon">rgb255</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#rgba" class="tsd-kind-icon">rgba</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#rgba255" class="tsd-kind-icon">rgba255</a>
-					</li>
-					<li class=" tsd-kind-object-literal">
-						<a href="../globals.html#defaultruntimesettings" class="tsd-kind-icon">default<wbr>Runtime<wbr>Settings</a>
-					</li>
-					<li class=" tsd-kind-object-literal">
-						<a href="../globals.html#defaultstartupsettings" class="tsd-kind-icon">default<wbr>Startup<wbr>Settings</a>
-					</li>
 				</ul>
 			</nav>
 		</div>
diff --git a/docs/enums/wrapoptions.html b/docs/enums/wrapoptions.html
index bdb3dd6..1adf947 100644
--- a/docs/enums/wrapoptions.html
+++ b/docs/enums/wrapoptions.html
@@ -3,8 +3,8 @@
 <head>
 	<meta charset="utf-8">
 	<meta http-equiv="X-UA-Compatible" content="IE=edge">
-	<title>WrapOptions | SDF-2D - v0.5.3</title>
-	<meta name="description" content="Documentation for SDF-2D - v0.5.3">
+	<title>WrapOptions | SDF-2D - v0.6.0</title>
+	<meta name="description" content="Documentation for SDF-2D - v0.6.0">
 	<meta name="viewport" content="width=device-width, initial-scale=1">
 	<link rel="stylesheet" href="../assets/css/main.css">
 	<link rel="icon" href="../favicon.ico" />
@@ -23,7 +23,7 @@
 						<li class="state loading">Preparing search index...</li>
 						<li class="state failure">The search index is not available</li>
 					</ul>
-					<a href="../index.html" class="title">SDF-2D - v0.5.3</a>
+					<a href="../index.html" class="title">SDF-2D - v0.6.0</a>
 				</div>
 				<div class="table-cell" id="tsd-widgets">
 					<div id="tsd-filter">
@@ -86,7 +86,7 @@
 					<div class="tsd-signature tsd-kind-icon">CLAMP_<wbr>TO_<wbr>EDGE<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol"> = &quot;CLAMP_TO_EDGE&quot;</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/graphics/graphics-library/texture/texture-options.ts#L2">graphics/graphics-library/texture/texture-options.ts:2</a></li>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/graphics/graphics-library/texture/texture-options.ts#L2">graphics/graphics-library/texture/texture-options.ts:2</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -96,7 +96,7 @@
 					<div class="tsd-signature tsd-kind-icon">MIRRORED_<wbr>REPEAT<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol"> = &quot;MIRRORED_REPEAT&quot;</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/graphics/graphics-library/texture/texture-options.ts#L12">graphics/graphics-library/texture/texture-options.ts:12</a></li>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/graphics/graphics-library/texture/texture-options.ts#L12">graphics/graphics-library/texture/texture-options.ts:12</a></li>
 						</ul>
 					</aside>
 					<div class="tsd-comment tsd-typography">
@@ -111,7 +111,7 @@
 					<div class="tsd-signature tsd-kind-icon">REPEAT<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol"> = &quot;REPEAT&quot;</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/graphics/graphics-library/texture/texture-options.ts#L7">graphics/graphics-library/texture/texture-options.ts:7</a></li>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/graphics/graphics-library/texture/texture-options.ts#L7">graphics/graphics-library/texture/texture-options.ts:7</a></li>
 						</ul>
 					</aside>
 					<div class="tsd-comment tsd-typography">
@@ -132,9 +132,6 @@
 			</nav>
 			<nav class="tsd-navigation secondary menu-sticky">
 				<ul class="before-current">
-					<li class=" tsd-kind-enum">
-						<a href="filteringoptions.html" class="tsd-kind-icon">Filtering<wbr>Options</a>
-					</li>
 				</ul>
 				<ul class="current">
 					<li class="current tsd-kind-enum">
@@ -153,105 +150,6 @@
 					</li>
 				</ul>
 				<ul class="after-current">
-					<li class=" tsd-kind-class">
-						<a href="../classes/circlebase.html" class="tsd-kind-icon">Circle<wbr>Base</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="../classes/circlelight.html" class="tsd-kind-icon">Circle<wbr>Light</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="../classes/drawable.html" class="tsd-kind-icon">Drawable</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="../classes/dropletbase.html" class="tsd-kind-icon">Droplet<wbr>Base</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="../classes/flashlight.html" class="tsd-kind-icon">Flashlight</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="../classes/invertedtunnelbase.html" class="tsd-kind-icon">Inverted<wbr>Tunnel<wbr>Base</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="../classes/metacirclebase.html" class="tsd-kind-icon">Meta<wbr>Circle<wbr>Base</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="../classes/polygonbase.html" class="tsd-kind-icon">Polygon<wbr>Base</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="../classes/rotatedrectanglebase.html" class="tsd-kind-icon">Rotated<wbr>Rectangle<wbr>Base</a>
-					</li>
-					<li class=" tsd-kind-interface">
-						<a href="../interfaces/drawabledescriptor.html" class="tsd-kind-icon">Drawable<wbr>Descriptor</a>
-					</li>
-					<li class=" tsd-kind-interface">
-						<a href="../interfaces/noisypolygonbase.html" class="tsd-kind-icon">Noisy<wbr>Polygon<wbr>Base</a>
-					</li>
-					<li class=" tsd-kind-interface">
-						<a href="../interfaces/renderer.html" class="tsd-kind-icon">Renderer</a>
-					</li>
-					<li class=" tsd-kind-interface">
-						<a href="../interfaces/runtimesettings.html" class="tsd-kind-icon">Runtime<wbr>Settings</a>
-					</li>
-					<li class=" tsd-kind-interface">
-						<a href="../interfaces/startupsettings.html" class="tsd-kind-icon">Startup<wbr>Settings</a>
-					</li>
-					<li class=" tsd-kind-interface">
-						<a href="../interfaces/textureoptions.html" class="tsd-kind-icon">Texture<wbr>Options</a>
-					</li>
-					<li class=" tsd-kind-type-alias">
-						<a href="../globals.html#texturewithoptions" class="tsd-kind-icon">Texture<wbr>With<wbr>Options</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#circlefactory" class="tsd-kind-icon">Circle<wbr>Factory</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#dropletfactory" class="tsd-kind-icon">Droplet<wbr>Factory</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#invertedtunnelfactory" class="tsd-kind-icon">Inverted<wbr>Tunnel<wbr>Factory</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#metacirclefactory" class="tsd-kind-icon">Meta<wbr>Circle<wbr>Factory</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#noisypolygonfactory" class="tsd-kind-icon">Noisy<wbr>Polygon<wbr>Factory</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#polygonfactory" class="tsd-kind-icon">Polygon<wbr>Factory</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#rotatedrectanglefactory" class="tsd-kind-icon">Rotated<wbr>Rectangle<wbr>Factory</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#compile" class="tsd-kind-icon">compile</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#hex" class="tsd-kind-icon">hex</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#hsl" class="tsd-kind-icon">hsl</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#rendernoise" class="tsd-kind-icon">render<wbr>Noise</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#rgb" class="tsd-kind-icon">rgb</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#rgb255" class="tsd-kind-icon">rgb255</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#rgba" class="tsd-kind-icon">rgba</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#rgba255" class="tsd-kind-icon">rgba255</a>
-					</li>
-					<li class=" tsd-kind-object-literal">
-						<a href="../globals.html#defaultruntimesettings" class="tsd-kind-icon">default<wbr>Runtime<wbr>Settings</a>
-					</li>
-					<li class=" tsd-kind-object-literal">
-						<a href="../globals.html#defaultstartupsettings" class="tsd-kind-icon">default<wbr>Startup<wbr>Settings</a>
-					</li>
 				</ul>
 			</nav>
 		</div>
diff --git a/docs/globals.html b/docs/globals.html
index 4cc08b1..a3992d0 100644
--- a/docs/globals.html
+++ b/docs/globals.html
@@ -3,8 +3,8 @@
 <head>
 	<meta charset="utf-8">
 	<meta http-equiv="X-UA-Compatible" content="IE=edge">
-	<title>SDF-2D - v0.5.3</title>
-	<meta name="description" content="Documentation for SDF-2D - v0.5.3">
+	<title>SDF-2D - v0.6.0</title>
+	<meta name="description" content="Documentation for SDF-2D - v0.6.0">
 	<meta name="viewport" content="width=device-width, initial-scale=1">
 	<link rel="stylesheet" href="assets/css/main.css">
 	<link rel="icon" href="favicon.ico" />
@@ -23,7 +23,7 @@
 						<li class="state loading">Preparing search index...</li>
 						<li class="state failure">The search index is not available</li>
 					</ul>
-					<a href="index.html" class="title">SDF-2D - v0.5.3</a>
+					<a href="index.html" class="title">SDF-2D - v0.6.0</a>
 				</div>
 				<div class="table-cell" id="tsd-widgets">
 					<div id="tsd-filter">
@@ -53,7 +53,7 @@
 					<a href="globals.html">Globals</a>
 				</li>
 			</ul>
-			<h1>SDF-2D - v0.5.3</h1>
+			<h1>SDF-2D - v0.6.0</h1>
 		</div>
 	</div>
 </header>
@@ -64,6 +64,12 @@
 				<h2>Index</h2>
 				<section class="tsd-panel tsd-index-panel">
 					<div class="tsd-index-content">
+						<section class="tsd-index-section ">
+							<h3>Namespaces</h3>
+							<ul class="tsd-index-list">
+								<li class="tsd-kind-namespace"><a href="modules/__global.html" class="tsd-kind-icon">__global</a></li>
+							</ul>
+						</section>
 						<section class="tsd-index-section ">
 							<h3>Enumerations</h3>
 							<ul class="tsd-index-list">
@@ -85,7 +91,10 @@
 							</ul>
 							<h3>Other Classes</h3>
 							<ul class="tsd-index-list">
+								<li class="tsd-kind-class"><a href="classes/colorfulcircle.html" class="tsd-kind-icon">Colorful<wbr>Circle</a></li>
+								<li class="tsd-kind-class"><a href="classes/deltatimecalculator.html" class="tsd-kind-icon">Delta<wbr>Time<wbr>Calculator</a></li>
 								<li class="tsd-kind-class"><a href="classes/drawable.html" class="tsd-kind-icon">Drawable</a></li>
+								<li class="tsd-kind-class"><a href="classes/fpsqualityautoscaler.html" class="tsd-kind-icon">Fps<wbr>Quality<wbr>Autoscaler</a></li>
 							</ul>
 						</section>
 						<section class="tsd-index-section ">
@@ -94,6 +103,7 @@
 								<li class="tsd-kind-interface"><a href="interfaces/drawabledescriptor.html" class="tsd-kind-icon">Drawable<wbr>Descriptor</a></li>
 								<li class="tsd-kind-interface"><a href="interfaces/noisypolygonbase.html" class="tsd-kind-icon">Noisy<wbr>Polygon<wbr>Base</a></li>
 								<li class="tsd-kind-interface"><a href="interfaces/renderer.html" class="tsd-kind-icon">Renderer</a></li>
+								<li class="tsd-kind-interface"><a href="interfaces/rendererinfo.html" class="tsd-kind-icon">Renderer<wbr>Info</a></li>
 								<li class="tsd-kind-interface"><a href="interfaces/runtimesettings.html" class="tsd-kind-icon">Runtime<wbr>Settings</a></li>
 								<li class="tsd-kind-interface"><a href="interfaces/startupsettings.html" class="tsd-kind-icon">Startup<wbr>Settings</a></li>
 								<li class="tsd-kind-interface"><a href="interfaces/textureoptions.html" class="tsd-kind-icon">Texture<wbr>Options</a></li>
@@ -129,6 +139,7 @@
 							<ul class="tsd-index-list">
 								<li class="tsd-kind-function"><a href="globals.html#compile" class="tsd-kind-icon">compile</a></li>
 								<li class="tsd-kind-function"><a href="globals.html#rendernoise" class="tsd-kind-icon">render<wbr>Noise</a></li>
+								<li class="tsd-kind-function"><a href="globals.html#runanimation" class="tsd-kind-icon">run<wbr>Animation</a></li>
 							</ul>
 						</section>
 						<section class="tsd-index-section ">
@@ -149,7 +160,7 @@
 					<div class="tsd-signature tsd-kind-icon">Texture<wbr>With<wbr>Options<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">{ </span>overrides<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Partial</span><span class="tsd-signature-symbol">&lt;</span><a href="interfaces/textureoptions.html" class="tsd-signature-type">TextureOptions</a><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">; </span>source<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">TexImageSource</span><span class="tsd-signature-symbol"> }</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/graphics/graphics-library/texture/texture-options.ts#L27">graphics/graphics-library/texture/texture-options.ts:27</a></li>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/graphics/graphics-library/texture/texture-options.ts#L27">graphics/graphics-library/texture/texture-options.ts:27</a></li>
 						</ul>
 					</aside>
 					<div class="tsd-type-declaration">
@@ -177,7 +188,7 @@
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/helper/colors/hex.ts#L14">helper/colors/hex.ts:14</a></li>
+									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/helper/colors/hex.ts#L14">helper/colors/hex.ts:14</a></li>
 								</ul>
 							</aside>
 							<div class="tsd-comment tsd-typography">
@@ -208,7 +219,7 @@
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/helper/colors/hsl.ts#L15">helper/colors/hsl.ts:15</a></li>
+									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/helper/colors/hsl.ts#L15">helper/colors/hsl.ts:15</a></li>
 								</ul>
 							</aside>
 							<div class="tsd-comment tsd-typography">
@@ -258,7 +269,7 @@
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/helper/colors/rgb.ts#L12">helper/colors/rgb.ts:12</a></li>
+									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/helper/colors/rgb.ts#L12">helper/colors/rgb.ts:12</a></li>
 								</ul>
 							</aside>
 							<div class="tsd-comment tsd-typography">
@@ -307,7 +318,7 @@
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/helper/colors/rgb255.ts#L12">helper/colors/rgb255.ts:12</a></li>
+									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/helper/colors/rgb255.ts#L12">helper/colors/rgb255.ts:12</a></li>
 								</ul>
 							</aside>
 							<div class="tsd-comment tsd-typography">
@@ -356,7 +367,7 @@
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/helper/colors/rgba.ts#L13">helper/colors/rgba.ts:13</a></li>
+									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/helper/colors/rgba.ts#L13">helper/colors/rgba.ts:13</a></li>
 								</ul>
 							</aside>
 							<div class="tsd-comment tsd-typography">
@@ -413,7 +424,7 @@
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/helper/colors/rgba255.ts#L13">helper/colors/rgba255.ts:13</a></li>
+									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/helper/colors/rgba255.ts#L13">helper/colors/rgba255.ts:13</a></li>
 								</ul>
 							</aside>
 							<div class="tsd-comment tsd-typography">
@@ -473,7 +484,7 @@
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/drawables/shapes/circle-factory.ts#L18">drawables/shapes/circle-factory.ts:18</a></li>
+									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/drawables/shapes/circle-factory.ts#L18">drawables/shapes/circle-factory.ts:18</a></li>
 								</ul>
 							</aside>
 							<div class="tsd-comment tsd-typography">
@@ -498,7 +509,7 @@
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/drawables/shapes/droplet-factory.ts#L25">drawables/shapes/droplet-factory.ts:25</a></li>
+									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/drawables/shapes/droplet-factory.ts#L25">drawables/shapes/droplet-factory.ts:25</a></li>
 								</ul>
 							</aside>
 							<div class="tsd-comment tsd-typography">
@@ -523,7 +534,7 @@
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/drawables/shapes/inverted-tunnel-factory.ts#L27">drawables/shapes/inverted-tunnel-factory.ts:27</a></li>
+									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/drawables/shapes/inverted-tunnel-factory.ts#L27">drawables/shapes/inverted-tunnel-factory.ts:27</a></li>
 								</ul>
 							</aside>
 							<div class="tsd-comment tsd-typography">
@@ -551,7 +562,7 @@
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/drawables/shapes/meta-circle-factory.ts#L18">drawables/shapes/meta-circle-factory.ts:18</a></li>
+									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/drawables/shapes/meta-circle-factory.ts#L18">drawables/shapes/meta-circle-factory.ts:18</a></li>
 								</ul>
 							</aside>
 							<div class="tsd-comment tsd-typography">
@@ -576,7 +587,7 @@
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/drawables/shapes/noisy-polygon-factory.ts#L13">drawables/shapes/noisy-polygon-factory.ts:13</a></li>
+									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/drawables/shapes/noisy-polygon-factory.ts#L14">drawables/shapes/noisy-polygon-factory.ts:14</a></li>
 								</ul>
 							</aside>
 							<div class="tsd-comment tsd-typography">
@@ -604,7 +615,7 @@
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/drawables/shapes/polygon-factory.ts#L20">drawables/shapes/polygon-factory.ts:20</a></li>
+									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/drawables/shapes/polygon-factory.ts#L20">drawables/shapes/polygon-factory.ts:20</a></li>
 								</ul>
 							</aside>
 							<div class="tsd-comment tsd-typography">
@@ -632,7 +643,7 @@
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/drawables/shapes/rotated-rectangle-factory.ts#L18">drawables/shapes/rotated-rectangle-factory.ts:18</a></li>
+									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/drawables/shapes/rotated-rectangle-factory.ts#L18">drawables/shapes/rotated-rectangle-factory.ts:18</a></li>
 								</ul>
 							</aside>
 							<div class="tsd-comment tsd-typography">
@@ -654,13 +665,13 @@
 					<a name="compile" class="tsd-anchor"></a>
 					<h3>compile</h3>
 					<ul class="tsd-signatures tsd-kind-function">
-						<li class="tsd-signature tsd-kind-icon">compile<span class="tsd-signature-symbol">(</span>canvas<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">HTMLCanvasElement</span>, descriptors<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Array</span><span class="tsd-signature-symbol">&lt;</span><a href="interfaces/drawabledescriptor.html" class="tsd-signature-type">DrawableDescriptor</a><span class="tsd-signature-symbol">&gt;</span>, settingsOverrides<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">Partial</span><span class="tsd-signature-symbol">&lt;</span><a href="interfaces/startupsettings.html" class="tsd-signature-type">StartupSettings</a><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Promise</span><span class="tsd-signature-symbol">&lt;</span><a href="interfaces/renderer.html" class="tsd-signature-type">Renderer</a><span class="tsd-signature-symbol">&gt;</span></li>
+						<li class="tsd-signature tsd-kind-icon">compile<span class="tsd-signature-symbol">(</span>canvas<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">HTMLCanvasElement</span>, descriptors<span class="tsd-signature-symbol">: </span><a href="interfaces/__global.array.html" class="tsd-signature-type">Array</a><span class="tsd-signature-symbol">&lt;</span><a href="interfaces/drawabledescriptor.html" class="tsd-signature-type">DrawableDescriptor</a><span class="tsd-signature-symbol">&gt;</span>, settingsOverrides<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">Partial</span><span class="tsd-signature-symbol">&lt;</span><a href="interfaces/startupsettings.html" class="tsd-signature-type">StartupSettings</a><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Promise</span><span class="tsd-signature-symbol">&lt;</span><a href="interfaces/renderer.html" class="tsd-signature-type">Renderer</a><span class="tsd-signature-symbol">&gt;</span></li>
 					</ul>
 					<ul class="tsd-descriptions">
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/main.ts#L55">main.ts:55</a></li>
+									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/compile.ts#L29">compile.ts:29</a></li>
 								</ul>
 							</aside>
 							<div class="tsd-comment tsd-typography">
@@ -690,7 +701,7 @@
 									</div>
 								</li>
 								<li>
-									<h5>descriptors: <span class="tsd-signature-type">Array</span><span class="tsd-signature-symbol">&lt;</span><a href="interfaces/drawabledescriptor.html" class="tsd-signature-type">DrawableDescriptor</a><span class="tsd-signature-symbol">&gt;</span></h5>
+									<h5>descriptors: <a href="interfaces/__global.array.html" class="tsd-signature-type">Array</a><span class="tsd-signature-symbol">&lt;</span><a href="interfaces/drawabledescriptor.html" class="tsd-signature-type">DrawableDescriptor</a><span class="tsd-signature-symbol">&gt;</span></h5>
 									<div class="tsd-comment tsd-typography">
 										<p>The descriptor of every single object (and light) that
 										ever needs to be drawn by this renderer has to be given before compiling.</p>
@@ -717,7 +728,7 @@
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/graphics/rendering/renderer/noise-renderer.ts#L20">graphics/rendering/renderer/noise-renderer.ts:20</a></li>
+									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/graphics/rendering/renderer/noise-renderer.ts#L20">graphics/rendering/renderer/noise-renderer.ts:20</a></li>
 								</ul>
 							</aside>
 							<div class="tsd-comment tsd-typography">
@@ -766,6 +777,108 @@
 						</li>
 					</ul>
 				</section>
+				<section class="tsd-panel tsd-member tsd-kind-function">
+					<a name="runanimation" class="tsd-anchor"></a>
+					<h3>run<wbr>Animation</h3>
+					<ul class="tsd-signatures tsd-kind-function">
+						<li class="tsd-signature tsd-kind-icon">run<wbr>Animation<span class="tsd-signature-symbol">(</span>canvas<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">HTMLCanvasElement</span>, descriptors<span class="tsd-signature-symbol">: </span><a href="interfaces/__global.array.html" class="tsd-signature-type">Array</a><span class="tsd-signature-symbol">&lt;</span><a href="interfaces/drawabledescriptor.html" class="tsd-signature-type">DrawableDescriptor</a><span class="tsd-signature-symbol">&gt;</span>, animate<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span>renderer<span class="tsd-signature-symbol">: </span><a href="interfaces/renderer.html" class="tsd-signature-type">Renderer</a>, currentTimeInMilliseconds<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">DOMHighResTimeStamp</span>, deltaTimeInMilliseconds<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">DOMHighResTimeStamp</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">boolean</span>, startupSettingOverrides<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">Partial</span><span class="tsd-signature-symbol">&lt;</span><a href="interfaces/startupsettings.html" class="tsd-signature-type">StartupSettings</a><span class="tsd-signature-symbol">&gt;</span>, initialRuntimeSettingOverrides<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">Partial</span><span class="tsd-signature-symbol">&lt;</span><a href="interfaces/runtimesettings.html" class="tsd-signature-type">RuntimeSettings</a><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Promise</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">&gt;</span></li>
+					</ul>
+					<ul class="tsd-descriptions">
+						<li class="tsd-description">
+							<aside class="tsd-sources">
+								<ul>
+									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/run-animation.ts#L45">run-animation.ts:45</a></li>
+								</ul>
+							</aside>
+							<div class="tsd-comment tsd-typography">
+								<div class="lead">
+									<p>Implements the boilerplate code required to run real-time animations
+										in the browser. An FPS based autoscaler is also used. This creates an additional <code>fps</code>
+									key in the renderers <code>insights</code> property.</p>
+								</div>
+								<p>Example usage:</p>
+								<pre><code class="language-html">  <span class="hljs-tag">&lt;<span class="hljs-name">canvas</span> <span class="hljs-attr">id</span>=<span class="hljs-string">&quot;main&quot;</span> <span class="hljs-attr">style</span>=<span class="hljs-string">&quot;width: 300px; height: 150px&quot;</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">canvas</span>&gt;</span></code></pre>
+								<blockquote>
+									<p>The canvas needs to have a fixed size specified by CSS.</p>
+								</blockquote>
+								<pre><code class="language-js"><span class="hljs-keyword">import</span> { CircleFactory, CircleLight, hsl, runAnimation } <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;sdf-2d&#x27;</span>;
+
+<span class="hljs-keyword">const</span> canvas = <span class="hljs-built_in">document</span>.querySelector(<span class="hljs-string">&#x27;canvas&#x27;</span>);
+<span class="hljs-keyword">const</span> Circle = CircleFactory(hsl(<span class="hljs-number">180</span>, <span class="hljs-number">100</span>, <span class="hljs-number">40</span>));
+
+runAnimation(canvas, [Circle.descriptor, CircleLight.descriptor], <span class="hljs-function">(<span class="hljs-params">renderer, time</span>) =&gt;</span> {
+  renderer.addDrawable(
+    <span class="hljs-keyword">new</span> Circle([<span class="hljs-number">150</span> + <span class="hljs-number">50</span> * <span class="hljs-built_in">Math</span>.cos(time / <span class="hljs-number">1000</span>), <span class="hljs-number">75</span> + <span class="hljs-number">50</span> * <span class="hljs-built_in">Math</span>.sin(time / <span class="hljs-number">1000</span>)], <span class="hljs-number">25</span>)
+  );
+  renderer.addDrawable(<span class="hljs-keyword">new</span> CircleLight([<span class="hljs-number">150</span>, <span class="hljs-number">75</span>], hsl(<span class="hljs-number">270</span>, <span class="hljs-number">100</span>, <span class="hljs-number">40</span>), <span class="hljs-number">0.1</span>));
+  <span class="hljs-keyword">return</span> <span class="hljs-literal">true</span>;
+});</code></pre>
+							</div>
+							<h4 class="tsd-parameters-title">Parameters</h4>
+							<ul class="tsd-parameters">
+								<li>
+									<h5>canvas: <span class="tsd-signature-type">HTMLCanvasElement</span></h5>
+									<div class="tsd-comment tsd-typography">
+										<p>The returned renderer will only be able to draw to this canvas.</p>
+									</div>
+								</li>
+								<li>
+									<h5>descriptors: <a href="interfaces/__global.array.html" class="tsd-signature-type">Array</a><span class="tsd-signature-symbol">&lt;</span><a href="interfaces/drawabledescriptor.html" class="tsd-signature-type">DrawableDescriptor</a><span class="tsd-signature-symbol">&gt;</span></h5>
+									<div class="tsd-comment tsd-typography">
+										<p>The descriptor of every single object (and light) that
+										ever needs to be drawn by this renderer has to be given before compiling.</p>
+									</div>
+								</li>
+								<li>
+									<h5>animate: <span class="tsd-signature-symbol">(</span>renderer<span class="tsd-signature-symbol">: </span><a href="interfaces/renderer.html" class="tsd-signature-type">Renderer</a>, currentTimeInMilliseconds<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">DOMHighResTimeStamp</span>, deltaTimeInMilliseconds<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">DOMHighResTimeStamp</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">boolean</span></h5>
+									<div class="tsd-comment tsd-typography">
+										<p>This function will be called before rendering each frame.
+											<code>renderDrawables</code> must not be called by the animate function. It should return <code>true</code>
+											if the animation should be continued. To break out of the animation loop, a <code>false</code> (falsy)
+										return value must be given.</p>
+									</div>
+									<ul class="tsd-parameters">
+										<li class="tsd-parameter-signature">
+											<ul class="tsd-signatures tsd-kind-type-literal">
+												<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span>renderer<span class="tsd-signature-symbol">: </span><a href="interfaces/renderer.html" class="tsd-signature-type">Renderer</a>, currentTimeInMilliseconds<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">DOMHighResTimeStamp</span>, deltaTimeInMilliseconds<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">DOMHighResTimeStamp</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span></li>
+											</ul>
+											<ul class="tsd-descriptions">
+												<li class="tsd-description">
+													<h4 class="tsd-parameters-title">Parameters</h4>
+													<ul class="tsd-parameters">
+														<li>
+															<h5>renderer: <a href="interfaces/renderer.html" class="tsd-signature-type">Renderer</a></h5>
+														</li>
+														<li>
+															<h5>currentTimeInMilliseconds: <span class="tsd-signature-type">DOMHighResTimeStamp</span></h5>
+														</li>
+														<li>
+															<h5>deltaTimeInMilliseconds: <span class="tsd-signature-type">DOMHighResTimeStamp</span></h5>
+														</li>
+													</ul>
+													<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4>
+												</li>
+											</ul>
+										</li>
+									</ul>
+								</li>
+								<li>
+									<h5><span class="tsd-flag ts-flagDefault value">Default value</span> startupSettingOverrides: <span class="tsd-signature-type">Partial</span><span class="tsd-signature-symbol">&lt;</span><a href="interfaces/startupsettings.html" class="tsd-signature-type">StartupSettings</a><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> = {}</span></h5>
+									<div class="tsd-comment tsd-typography">
+										<p>Sensible defaults are provided, but these can be overridden.</p>
+									</div>
+								</li>
+								<li>
+									<h5><span class="tsd-flag ts-flagDefault value">Default value</span> initialRuntimeSettingOverrides: <span class="tsd-signature-type">Partial</span><span class="tsd-signature-symbol">&lt;</span><a href="interfaces/runtimesettings.html" class="tsd-signature-type">RuntimeSettings</a><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> = {}</span></h5>
+									<div class="tsd-comment tsd-typography">
+										<p>Sensible defaults are provided, but these can be overridden.</p>
+									</div>
+								</li>
+							</ul>
+							<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Promise</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">&gt;</span></h4>
+						</li>
+					</ul>
+				</section>
 			</section>
 			<section class="tsd-panel-group tsd-member-group ">
 				<h2>Object literals</h2>
@@ -775,7 +888,7 @@
 					<div class="tsd-signature tsd-kind-icon">default<wbr>Runtime<wbr>Settings<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">object</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/graphics/rendering/settings/default-runtime-settings.ts#L7">graphics/rendering/settings/default-runtime-settings.ts:7</a></li>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/graphics/rendering/settings/default-runtime-settings.ts#L7">graphics/rendering/settings/default-runtime-settings.ts:7</a></li>
 						</ul>
 					</aside>
 					<div class="tsd-comment tsd-typography">
@@ -789,7 +902,7 @@
 						<div class="tsd-signature tsd-kind-icon">ambient<wbr>Light<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">vec3</span><span class="tsd-signature-symbol"> = vec3.fromValues(0.25, 0.15, 0.25)</span></div>
 						<aside class="tsd-sources">
 							<ul>
-								<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/graphics/rendering/settings/default-runtime-settings.ts#L13">graphics/rendering/settings/default-runtime-settings.ts:13</a></li>
+								<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/graphics/rendering/settings/default-runtime-settings.ts#L15">graphics/rendering/settings/default-runtime-settings.ts:15</a></li>
 							</ul>
 						</aside>
 					</section>
@@ -799,7 +912,17 @@
 						<div class="tsd-signature tsd-kind-icon">color<wbr>Palette<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">never</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol"> = []</span></div>
 						<aside class="tsd-sources">
 							<ul>
-								<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/graphics/rendering/settings/default-runtime-settings.ts#L12">graphics/rendering/settings/default-runtime-settings.ts:12</a></li>
+								<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/graphics/rendering/settings/default-runtime-settings.ts#L14">graphics/rendering/settings/default-runtime-settings.ts:14</a></li>
+							</ul>
+						</aside>
+					</section>
+					<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
+						<a name="defaultruntimesettings.distancerenderscale" class="tsd-anchor"></a>
+						<h3>distance<wbr>Render<wbr>Scale</h3>
+						<div class="tsd-signature tsd-kind-icon">distance<wbr>Render<wbr>Scale<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> = 0.5</span></div>
+						<aside class="tsd-sources">
+							<ul>
+								<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/graphics/rendering/settings/default-runtime-settings.ts#L12">graphics/rendering/settings/default-runtime-settings.ts:12</a></li>
 							</ul>
 						</aside>
 					</section>
@@ -809,7 +932,7 @@
 						<div class="tsd-signature tsd-kind-icon">enable<wbr>High<wbr>Dpi<wbr>Rendering<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">false</span><span class="tsd-signature-symbol"> = false</span></div>
 						<aside class="tsd-sources">
 							<ul>
-								<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/graphics/rendering/settings/default-runtime-settings.ts#L8">graphics/rendering/settings/default-runtime-settings.ts:8</a></li>
+								<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/graphics/rendering/settings/default-runtime-settings.ts#L8">graphics/rendering/settings/default-runtime-settings.ts:8</a></li>
 							</ul>
 						</aside>
 					</section>
@@ -819,7 +942,7 @@
 						<div class="tsd-signature tsd-kind-icon">is<wbr>World<wbr>Inverted<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">false</span><span class="tsd-signature-symbol"> = false</span></div>
 						<aside class="tsd-sources">
 							<ul>
-								<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/graphics/rendering/settings/default-runtime-settings.ts#L10">graphics/rendering/settings/default-runtime-settings.ts:10</a></li>
+								<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/graphics/rendering/settings/default-runtime-settings.ts#L10">graphics/rendering/settings/default-runtime-settings.ts:10</a></li>
 							</ul>
 						</aside>
 					</section>
@@ -829,7 +952,17 @@
 						<div class="tsd-signature tsd-kind-icon">light<wbr>Cutoff<wbr>Distance<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> = 400</span></div>
 						<aside class="tsd-sources">
 							<ul>
-								<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/graphics/rendering/settings/default-runtime-settings.ts#L11">graphics/rendering/settings/default-runtime-settings.ts:11</a></li>
+								<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/graphics/rendering/settings/default-runtime-settings.ts#L11">graphics/rendering/settings/default-runtime-settings.ts:11</a></li>
+							</ul>
+						</aside>
+					</section>
+					<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
+						<a name="defaultruntimesettings.lightsrenderscale" class="tsd-anchor"></a>
+						<h3>lights<wbr>Render<wbr>Scale</h3>
+						<div class="tsd-signature tsd-kind-icon">lights<wbr>Render<wbr>Scale<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> = 1</span></div>
+						<aside class="tsd-sources">
+							<ul>
+								<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/graphics/rendering/settings/default-runtime-settings.ts#L13">graphics/rendering/settings/default-runtime-settings.ts:13</a></li>
 							</ul>
 						</aside>
 					</section>
@@ -839,7 +972,7 @@
 						<div class="tsd-signature tsd-kind-icon">textures<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">{}</span></div>
 						<aside class="tsd-sources">
 							<ul>
-								<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/graphics/rendering/settings/default-runtime-settings.ts#L14">graphics/rendering/settings/default-runtime-settings.ts:14</a></li>
+								<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/graphics/rendering/settings/default-runtime-settings.ts#L16">graphics/rendering/settings/default-runtime-settings.ts:16</a></li>
 							</ul>
 						</aside>
 						<div class="tsd-type-declaration">
@@ -854,7 +987,7 @@
 						<div class="tsd-signature tsd-kind-icon">tile<wbr>Multiplier<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> = 8</span></div>
 						<aside class="tsd-sources">
 							<ul>
-								<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/graphics/rendering/settings/default-runtime-settings.ts#L9">graphics/rendering/settings/default-runtime-settings.ts:9</a></li>
+								<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/graphics/rendering/settings/default-runtime-settings.ts#L9">graphics/rendering/settings/default-runtime-settings.ts:9</a></li>
 							</ul>
 						</aside>
 					</section>
@@ -865,7 +998,7 @@
 					<div class="tsd-signature tsd-kind-icon">default<wbr>Startup<wbr>Settings<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">object</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/graphics/rendering/settings/default-startup-settings.ts#L7">graphics/rendering/settings/default-startup-settings.ts:7</a></li>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/graphics/rendering/settings/default-startup-settings.ts#L7">graphics/rendering/settings/default-startup-settings.ts:7</a></li>
 						</ul>
 					</aside>
 					<div class="tsd-comment tsd-typography">
@@ -879,7 +1012,7 @@
 						<div class="tsd-signature tsd-kind-icon">background<wbr>Color<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">vec4</span><span class="tsd-signature-symbol"> = vec4.fromValues(1, 1, 1, 1)</span></div>
 						<aside class="tsd-sources">
 							<ul>
-								<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/graphics/rendering/settings/default-startup-settings.ts#L11">graphics/rendering/settings/default-startup-settings.ts:11</a></li>
+								<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/graphics/rendering/settings/default-startup-settings.ts#L11">graphics/rendering/settings/default-startup-settings.ts:11</a></li>
 							</ul>
 						</aside>
 					</section>
@@ -889,7 +1022,7 @@
 						<div class="tsd-signature tsd-kind-icon">enable<wbr>Stopwatch<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">false</span><span class="tsd-signature-symbol"> = false</span></div>
 						<aside class="tsd-sources">
 							<ul>
-								<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/graphics/rendering/settings/default-startup-settings.ts#L12">graphics/rendering/settings/default-startup-settings.ts:12</a></li>
+								<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/graphics/rendering/settings/default-startup-settings.ts#L13">graphics/rendering/settings/default-startup-settings.ts:13</a></li>
 							</ul>
 						</aside>
 					</section>
@@ -899,7 +1032,17 @@
 						<div class="tsd-signature tsd-kind-icon">ignore<wbr>WebGL2<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">false</span><span class="tsd-signature-symbol"> = false</span></div>
 						<aside class="tsd-sources">
 							<ul>
-								<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/graphics/rendering/settings/default-startup-settings.ts#L10">graphics/rendering/settings/default-startup-settings.ts:10</a></li>
+								<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/graphics/rendering/settings/default-startup-settings.ts#L10">graphics/rendering/settings/default-startup-settings.ts:10</a></li>
+							</ul>
+						</aside>
+					</section>
+					<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
+						<a name="defaultstartupsettings.lightpenetrationratio" class="tsd-anchor"></a>
+						<h3>light<wbr>Penetration<wbr>Ratio</h3>
+						<div class="tsd-signature tsd-kind-icon">light<wbr>Penetration<wbr>Ratio<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> = 0.75</span></div>
+						<aside class="tsd-sources">
+							<ul>
+								<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/graphics/rendering/settings/default-startup-settings.ts#L12">graphics/rendering/settings/default-startup-settings.ts:12</a></li>
 							</ul>
 						</aside>
 					</section>
@@ -909,7 +1052,7 @@
 						<div class="tsd-signature tsd-kind-icon">palette<wbr>Size<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> = 256</span></div>
 						<aside class="tsd-sources">
 							<ul>
-								<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/graphics/rendering/settings/default-startup-settings.ts#L9">graphics/rendering/settings/default-startup-settings.ts:9</a></li>
+								<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/graphics/rendering/settings/default-startup-settings.ts#L9">graphics/rendering/settings/default-startup-settings.ts:9</a></li>
 							</ul>
 						</aside>
 					</section>
@@ -919,7 +1062,7 @@
 						<div class="tsd-signature tsd-kind-icon">shadow<wbr>Trace<wbr>Count<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> = 16</span></div>
 						<aside class="tsd-sources">
 							<ul>
-								<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/graphics/rendering/settings/default-startup-settings.ts#L8">graphics/rendering/settings/default-startup-settings.ts:8</a></li>
+								<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/graphics/rendering/settings/default-startup-settings.ts#L8">graphics/rendering/settings/default-startup-settings.ts:8</a></li>
 							</ul>
 						</aside>
 					</section>
@@ -932,6 +1075,9 @@
 					<li class="globals current ">
 						<a href="globals.html"><em>Globals</em></a>
 					</li>
+					<li class=" tsd-kind-namespace">
+						<a href="modules/__global.html">__global</a>
+					</li>
 				</ul>
 			</nav>
 			<nav class="tsd-navigation secondary menu-sticky">
@@ -948,6 +1094,12 @@
 					<li class=" tsd-kind-class">
 						<a href="classes/circlelight.html" class="tsd-kind-icon">Circle<wbr>Light</a>
 					</li>
+					<li class=" tsd-kind-class">
+						<a href="classes/colorfulcircle.html" class="tsd-kind-icon">Colorful<wbr>Circle</a>
+					</li>
+					<li class=" tsd-kind-class">
+						<a href="classes/deltatimecalculator.html" class="tsd-kind-icon">Delta<wbr>Time<wbr>Calculator</a>
+					</li>
 					<li class=" tsd-kind-class">
 						<a href="classes/drawable.html" class="tsd-kind-icon">Drawable</a>
 					</li>
@@ -957,6 +1109,9 @@
 					<li class=" tsd-kind-class">
 						<a href="classes/flashlight.html" class="tsd-kind-icon">Flashlight</a>
 					</li>
+					<li class=" tsd-kind-class">
+						<a href="classes/fpsqualityautoscaler.html" class="tsd-kind-icon">Fps<wbr>Quality<wbr>Autoscaler</a>
+					</li>
 					<li class=" tsd-kind-class">
 						<a href="classes/invertedtunnelbase.html" class="tsd-kind-icon">Inverted<wbr>Tunnel<wbr>Base</a>
 					</li>
@@ -978,6 +1133,9 @@
 					<li class=" tsd-kind-interface">
 						<a href="interfaces/renderer.html" class="tsd-kind-icon">Renderer</a>
 					</li>
+					<li class=" tsd-kind-interface">
+						<a href="interfaces/rendererinfo.html" class="tsd-kind-icon">Renderer<wbr>Info</a>
+					</li>
 					<li class=" tsd-kind-interface">
 						<a href="interfaces/runtimesettings.html" class="tsd-kind-icon">Runtime<wbr>Settings</a>
 					</li>
@@ -1035,6 +1193,9 @@
 					<li class=" tsd-kind-function">
 						<a href="globals.html#rgba255" class="tsd-kind-icon">rgba255</a>
 					</li>
+					<li class=" tsd-kind-function">
+						<a href="globals.html#runanimation" class="tsd-kind-icon">run<wbr>Animation</a>
+					</li>
 					<li class=" tsd-kind-object-literal">
 						<a href="globals.html#defaultruntimesettings" class="tsd-kind-icon">default<wbr>Runtime<wbr>Settings</a>
 					</li>
diff --git a/docs/index.html b/docs/index.html
index c560b69..ad365ac 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -3,8 +3,8 @@
 <head>
 	<meta charset="utf-8">
 	<meta http-equiv="X-UA-Compatible" content="IE=edge">
-	<title>SDF-2D - v0.5.3</title>
-	<meta name="description" content="Documentation for SDF-2D - v0.5.3">
+	<title>SDF-2D - v0.6.0</title>
+	<meta name="description" content="Documentation for SDF-2D - v0.6.0">
 	<meta name="viewport" content="width=device-width, initial-scale=1">
 	<link rel="stylesheet" href="assets/css/main.css">
 	<link rel="icon" href="favicon.ico" />
@@ -23,7 +23,7 @@
 						<li class="state loading">Preparing search index...</li>
 						<li class="state failure">The search index is not available</li>
 					</ul>
-					<a href="index.html" class="title">SDF-2D - v0.5.3</a>
+					<a href="index.html" class="title">SDF-2D - v0.6.0</a>
 				</div>
 				<div class="table-cell" id="tsd-widgets">
 					<div id="tsd-filter">
@@ -53,7 +53,7 @@
 					<a href="globals.html">Globals</a>
 				</li>
 			</ul>
-			<h1>SDF-2D - v0.5.3</h1>
+			<h1>SDF-2D - v0.6.0</h1>
 		</div>
 	</div>
 </header>
@@ -75,8 +75,8 @@
 					<li><a href="https://github.com/schmelczerandras/sdf-2d-more-complex-example">More complex example</a></li>
 					<li><a href="https://github.com/schmelczerandras/sdf-2d-demo">Source code of the demo</a></li>
 				</ul>
-				<a href="#usage" id="usage" style="color: inherit; text-decoration: none;">
-					<h2>Usage</h2>
+				<a href="#usage-1st-option" id="usage-1st-option" style="color: inherit; text-decoration: none;">
+					<h2>Usage (1st option)</h2>
 				</a>
 				<ul>
 					<li>To start using cutting-edge 2D graphics, first you have get a renderer instance. This is possible by calling the <a href="globals.html#compile">compile function</a>.<ul>
@@ -86,6 +86,11 @@
 					</li>
 					<li>After acquiring a renderer, the drawing of objects can be started through the <a href="interfaces/renderer.html">Renderer</a> interface.</li>
 				</ul>
+				<a href="#usage-2nd-option" id="usage-2nd-option" style="color: inherit; text-decoration: none;">
+					<h2>Usage (2nd option)</h2>
+				</a>
+				<p>If you&#39;re planning on creating animated content, use the <a href="globals.html#runanimation">runAnimation function</a> to spare yourself from writing boilerplate code.
+				Further documentation on its usage is available in its <a href="globals.html#runanimation">documentation</a>.</p>
 				<a href="#extending-drawables" id="extending-drawables" style="color: inherit; text-decoration: none;">
 					<h2>Extending drawables</h2>
 				</a>
@@ -138,6 +143,9 @@
 					<li class="globals  ">
 						<a href="globals.html"><em>Globals</em></a>
 					</li>
+					<li class=" tsd-kind-namespace">
+						<a href="modules/__global.html">__global</a>
+					</li>
 				</ul>
 			</nav>
 			<nav class="tsd-navigation secondary menu-sticky">
@@ -154,6 +162,12 @@
 					<li class=" tsd-kind-class">
 						<a href="classes/circlelight.html" class="tsd-kind-icon">Circle<wbr>Light</a>
 					</li>
+					<li class=" tsd-kind-class">
+						<a href="classes/colorfulcircle.html" class="tsd-kind-icon">Colorful<wbr>Circle</a>
+					</li>
+					<li class=" tsd-kind-class">
+						<a href="classes/deltatimecalculator.html" class="tsd-kind-icon">Delta<wbr>Time<wbr>Calculator</a>
+					</li>
 					<li class=" tsd-kind-class">
 						<a href="classes/drawable.html" class="tsd-kind-icon">Drawable</a>
 					</li>
@@ -163,6 +177,9 @@
 					<li class=" tsd-kind-class">
 						<a href="classes/flashlight.html" class="tsd-kind-icon">Flashlight</a>
 					</li>
+					<li class=" tsd-kind-class">
+						<a href="classes/fpsqualityautoscaler.html" class="tsd-kind-icon">Fps<wbr>Quality<wbr>Autoscaler</a>
+					</li>
 					<li class=" tsd-kind-class">
 						<a href="classes/invertedtunnelbase.html" class="tsd-kind-icon">Inverted<wbr>Tunnel<wbr>Base</a>
 					</li>
@@ -184,6 +201,9 @@
 					<li class=" tsd-kind-interface">
 						<a href="interfaces/renderer.html" class="tsd-kind-icon">Renderer</a>
 					</li>
+					<li class=" tsd-kind-interface">
+						<a href="interfaces/rendererinfo.html" class="tsd-kind-icon">Renderer<wbr>Info</a>
+					</li>
 					<li class=" tsd-kind-interface">
 						<a href="interfaces/runtimesettings.html" class="tsd-kind-icon">Runtime<wbr>Settings</a>
 					</li>
@@ -241,6 +261,9 @@
 					<li class=" tsd-kind-function">
 						<a href="globals.html#rgba255" class="tsd-kind-icon">rgba255</a>
 					</li>
+					<li class=" tsd-kind-function">
+						<a href="globals.html#runanimation" class="tsd-kind-icon">run<wbr>Animation</a>
+					</li>
 					<li class=" tsd-kind-object-literal">
 						<a href="globals.html#defaultruntimesettings" class="tsd-kind-icon">default<wbr>Runtime<wbr>Settings</a>
 					</li>
diff --git a/docs/interfaces/__global.array.html b/docs/interfaces/__global.array.html
new file mode 100644
index 0000000..a3727b2
--- /dev/null
+++ b/docs/interfaces/__global.array.html
@@ -0,0 +1,188 @@
+<!doctype html>
+<html class="default no-js">
+<head>
+	<meta charset="utf-8">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge">
+	<title>Array | SDF-2D - v0.6.0</title>
+	<meta name="description" content="Documentation for SDF-2D - v0.6.0">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<link rel="stylesheet" href="../assets/css/main.css">
+	<link rel="icon" href="../favicon.ico" />
+</head>
+<body>
+<header>
+	<div class="tsd-page-toolbar">
+		<div class="container">
+			<div class="table-wrap">
+				<div class="table-cell" id="tsd-search" data-index="../assets/js/search.json" data-base="..">
+					<div class="field">
+						<label for="tsd-search-field" class="tsd-widget search no-caption">Search</label>
+						<input id="tsd-search-field" type="text" />
+					</div>
+					<ul class="results">
+						<li class="state loading">Preparing search index...</li>
+						<li class="state failure">The search index is not available</li>
+					</ul>
+					<a href="../index.html" class="title">SDF-2D - v0.6.0</a>
+				</div>
+				<div class="table-cell" id="tsd-widgets">
+					<div id="tsd-filter">
+						<a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a>
+						<div class="tsd-filter-group">
+							<div class="tsd-select" id="tsd-filter-visibility">
+								<span class="tsd-select-label">All</span>
+								<ul class="tsd-select-list">
+									<li data-value="public">Public</li>
+									<li data-value="protected">Public/Protected</li>
+									<li data-value="private" class="selected">All</li>
+								</ul>
+							</div>
+							<input type="checkbox" id="tsd-filter-inherited" checked />
+							<label class="tsd-widget" for="tsd-filter-inherited">Inherited</label>
+						</div>
+					</div>
+					<a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a>
+				</div>
+			</div>
+		</div>
+	</div>
+	<div class="tsd-page-title">
+		<div class="container">
+			<ul class="tsd-breadcrumb">
+				<li>
+					<a href="../globals.html">Globals</a>
+				</li>
+				<li>
+					<a href="../modules/__global.html">__global</a>
+				</li>
+				<li>
+					<a href="__global.array.html">Array</a>
+				</li>
+			</ul>
+			<h1>Interface Array&lt;T&gt;</h1>
+		</div>
+	</div>
+</header>
+<div class="container container-main">
+	<div class="row">
+		<div class="col-8 col-content">
+			<section class="tsd-panel tsd-type-parameters">
+				<h3>Type parameters</h3>
+				<ul class="tsd-type-parameters">
+					<li>
+						<h4>T</h4>
+					</li>
+				</ul>
+			</section>
+			<section class="tsd-panel tsd-hierarchy">
+				<h3>Hierarchy</h3>
+				<ul class="tsd-hierarchy">
+					<li>
+						<span class="target">Array</span>
+					</li>
+				</ul>
+			</section>
+			<section class="tsd-panel-group tsd-index-group">
+				<h2>Index</h2>
+				<section class="tsd-panel tsd-index-panel">
+					<div class="tsd-index-content">
+						<section class="tsd-index-section ">
+							<h3>Properties</h3>
+							<ul class="tsd-index-list">
+								<li class="tsd-kind-property tsd-parent-kind-interface"><a href="__global.array.html#x" class="tsd-kind-icon">x</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-interface"><a href="__global.array.html#y" class="tsd-kind-icon">y</a></li>
+							</ul>
+						</section>
+					</div>
+				</section>
+			</section>
+			<section class="tsd-panel-group tsd-member-group ">
+				<h2>Properties</h2>
+				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
+					<a name="x" class="tsd-anchor"></a>
+					<h3>x</h3>
+					<div class="tsd-signature tsd-kind-icon">x<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">T</span></div>
+					<aside class="tsd-sources">
+						<ul>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/main.ts#L13">main.ts:13</a></li>
+						</ul>
+					</aside>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
+					<a name="y" class="tsd-anchor"></a>
+					<h3>y</h3>
+					<div class="tsd-signature tsd-kind-icon">y<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">T</span></div>
+					<aside class="tsd-sources">
+						<ul>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/main.ts#L14">main.ts:14</a></li>
+						</ul>
+					</aside>
+				</section>
+			</section>
+		</div>
+		<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
+			<nav class="tsd-navigation primary">
+				<ul>
+					<li class="globals  ">
+						<a href="../globals.html"><em>Globals</em></a>
+					</li>
+					<li class="current tsd-kind-namespace">
+						<a href="../modules/__global.html">__global</a>
+					</li>
+				</ul>
+			</nav>
+			<nav class="tsd-navigation secondary menu-sticky">
+				<ul class="before-current">
+				</ul>
+				<ul class="current">
+					<li class="current tsd-kind-interface tsd-parent-kind-namespace tsd-has-type-parameter">
+						<a href="__global.array.html" class="tsd-kind-icon">Array</a>
+						<ul>
+							<li class=" tsd-kind-property tsd-parent-kind-interface">
+								<a href="__global.array.html#x" class="tsd-kind-icon">x</a>
+							</li>
+							<li class=" tsd-kind-property tsd-parent-kind-interface">
+								<a href="__global.array.html#y" class="tsd-kind-icon">y</a>
+							</li>
+						</ul>
+					</li>
+				</ul>
+				<ul class="after-current">
+					<li class=" tsd-kind-interface tsd-parent-kind-namespace">
+						<a href="__global.float32array.html" class="tsd-kind-icon">Float32<wbr>Array</a>
+					</li>
+				</ul>
+			</nav>
+		</div>
+	</div>
+</div>
+<footer>
+	<div class="container">
+		<h2>Legend</h2>
+		<div class="tsd-legend-group">
+			<ul class="tsd-legend">
+				<li class="tsd-kind-constructor tsd-parent-kind-class"><span class="tsd-kind-icon">Constructor</span></li>
+				<li class="tsd-kind-property tsd-parent-kind-class"><span class="tsd-kind-icon">Property</span></li>
+				<li class="tsd-kind-method tsd-parent-kind-class"><span class="tsd-kind-icon">Method</span></li>
+			</ul>
+			<ul class="tsd-legend">
+				<li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li>
+				<li class="tsd-kind-method tsd-parent-kind-interface"><span class="tsd-kind-icon">Method</span></li>
+			</ul>
+			<ul class="tsd-legend">
+				<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited property</span></li>
+				<li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited method</span></li>
+			</ul>
+			<ul class="tsd-legend">
+				<li class="tsd-kind-method tsd-parent-kind-class tsd-is-protected"><span class="tsd-kind-icon">Protected method</span></li>
+			</ul>
+			<ul class="tsd-legend">
+				<li class="tsd-kind-property tsd-parent-kind-class tsd-is-static"><span class="tsd-kind-icon">Static property</span></li>
+			</ul>
+		</div>
+	</div>
+</footer>
+<div class="overlay"></div>
+<script src="../assets/js/main.js"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/docs/interfaces/__global.float32array.html b/docs/interfaces/__global.float32array.html
new file mode 100644
index 0000000..6fb16f2
--- /dev/null
+++ b/docs/interfaces/__global.float32array.html
@@ -0,0 +1,180 @@
+<!doctype html>
+<html class="default no-js">
+<head>
+	<meta charset="utf-8">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge">
+	<title>Float32Array | SDF-2D - v0.6.0</title>
+	<meta name="description" content="Documentation for SDF-2D - v0.6.0">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<link rel="stylesheet" href="../assets/css/main.css">
+	<link rel="icon" href="../favicon.ico" />
+</head>
+<body>
+<header>
+	<div class="tsd-page-toolbar">
+		<div class="container">
+			<div class="table-wrap">
+				<div class="table-cell" id="tsd-search" data-index="../assets/js/search.json" data-base="..">
+					<div class="field">
+						<label for="tsd-search-field" class="tsd-widget search no-caption">Search</label>
+						<input id="tsd-search-field" type="text" />
+					</div>
+					<ul class="results">
+						<li class="state loading">Preparing search index...</li>
+						<li class="state failure">The search index is not available</li>
+					</ul>
+					<a href="../index.html" class="title">SDF-2D - v0.6.0</a>
+				</div>
+				<div class="table-cell" id="tsd-widgets">
+					<div id="tsd-filter">
+						<a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a>
+						<div class="tsd-filter-group">
+							<div class="tsd-select" id="tsd-filter-visibility">
+								<span class="tsd-select-label">All</span>
+								<ul class="tsd-select-list">
+									<li data-value="public">Public</li>
+									<li data-value="protected">Public/Protected</li>
+									<li data-value="private" class="selected">All</li>
+								</ul>
+							</div>
+							<input type="checkbox" id="tsd-filter-inherited" checked />
+							<label class="tsd-widget" for="tsd-filter-inherited">Inherited</label>
+						</div>
+					</div>
+					<a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a>
+				</div>
+			</div>
+		</div>
+	</div>
+	<div class="tsd-page-title">
+		<div class="container">
+			<ul class="tsd-breadcrumb">
+				<li>
+					<a href="../globals.html">Globals</a>
+				</li>
+				<li>
+					<a href="../modules/__global.html">__global</a>
+				</li>
+				<li>
+					<a href="__global.float32array.html">Float32Array</a>
+				</li>
+			</ul>
+			<h1>Interface Float32Array</h1>
+		</div>
+	</div>
+</header>
+<div class="container container-main">
+	<div class="row">
+		<div class="col-8 col-content">
+			<section class="tsd-panel tsd-hierarchy">
+				<h3>Hierarchy</h3>
+				<ul class="tsd-hierarchy">
+					<li>
+						<span class="target">Float32Array</span>
+					</li>
+				</ul>
+			</section>
+			<section class="tsd-panel-group tsd-index-group">
+				<h2>Index</h2>
+				<section class="tsd-panel tsd-index-panel">
+					<div class="tsd-index-content">
+						<section class="tsd-index-section ">
+							<h3>Properties</h3>
+							<ul class="tsd-index-list">
+								<li class="tsd-kind-property tsd-parent-kind-interface"><a href="__global.float32array.html#x" class="tsd-kind-icon">x</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-interface"><a href="__global.float32array.html#y" class="tsd-kind-icon">y</a></li>
+							</ul>
+						</section>
+					</div>
+				</section>
+			</section>
+			<section class="tsd-panel-group tsd-member-group ">
+				<h2>Properties</h2>
+				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
+					<a name="x" class="tsd-anchor"></a>
+					<h3>x</h3>
+					<div class="tsd-signature tsd-kind-icon">x<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div>
+					<aside class="tsd-sources">
+						<ul>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/main.ts#L18">main.ts:18</a></li>
+						</ul>
+					</aside>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
+					<a name="y" class="tsd-anchor"></a>
+					<h3>y</h3>
+					<div class="tsd-signature tsd-kind-icon">y<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div>
+					<aside class="tsd-sources">
+						<ul>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/main.ts#L19">main.ts:19</a></li>
+						</ul>
+					</aside>
+				</section>
+			</section>
+		</div>
+		<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
+			<nav class="tsd-navigation primary">
+				<ul>
+					<li class="globals  ">
+						<a href="../globals.html"><em>Globals</em></a>
+					</li>
+					<li class="current tsd-kind-namespace">
+						<a href="../modules/__global.html">__global</a>
+					</li>
+				</ul>
+			</nav>
+			<nav class="tsd-navigation secondary menu-sticky">
+				<ul class="before-current">
+					<li class=" tsd-kind-interface tsd-parent-kind-namespace tsd-has-type-parameter">
+						<a href="__global.array.html" class="tsd-kind-icon">Array</a>
+					</li>
+				</ul>
+				<ul class="current">
+					<li class="current tsd-kind-interface tsd-parent-kind-namespace">
+						<a href="__global.float32array.html" class="tsd-kind-icon">Float32<wbr>Array</a>
+						<ul>
+							<li class=" tsd-kind-property tsd-parent-kind-interface">
+								<a href="__global.float32array.html#x" class="tsd-kind-icon">x</a>
+							</li>
+							<li class=" tsd-kind-property tsd-parent-kind-interface">
+								<a href="__global.float32array.html#y" class="tsd-kind-icon">y</a>
+							</li>
+						</ul>
+					</li>
+				</ul>
+				<ul class="after-current">
+				</ul>
+			</nav>
+		</div>
+	</div>
+</div>
+<footer>
+	<div class="container">
+		<h2>Legend</h2>
+		<div class="tsd-legend-group">
+			<ul class="tsd-legend">
+				<li class="tsd-kind-constructor tsd-parent-kind-class"><span class="tsd-kind-icon">Constructor</span></li>
+				<li class="tsd-kind-property tsd-parent-kind-class"><span class="tsd-kind-icon">Property</span></li>
+				<li class="tsd-kind-method tsd-parent-kind-class"><span class="tsd-kind-icon">Method</span></li>
+			</ul>
+			<ul class="tsd-legend">
+				<li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li>
+				<li class="tsd-kind-method tsd-parent-kind-interface"><span class="tsd-kind-icon">Method</span></li>
+			</ul>
+			<ul class="tsd-legend">
+				<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited property</span></li>
+				<li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited method</span></li>
+			</ul>
+			<ul class="tsd-legend">
+				<li class="tsd-kind-method tsd-parent-kind-class tsd-is-protected"><span class="tsd-kind-icon">Protected method</span></li>
+			</ul>
+			<ul class="tsd-legend">
+				<li class="tsd-kind-property tsd-parent-kind-class tsd-is-static"><span class="tsd-kind-icon">Static property</span></li>
+			</ul>
+		</div>
+	</div>
+</footer>
+<div class="overlay"></div>
+<script src="../assets/js/main.js"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/docs/interfaces/drawabledescriptor.html b/docs/interfaces/drawabledescriptor.html
index be1cff1..d456643 100644
--- a/docs/interfaces/drawabledescriptor.html
+++ b/docs/interfaces/drawabledescriptor.html
@@ -3,8 +3,8 @@
 <head>
 	<meta charset="utf-8">
 	<meta http-equiv="X-UA-Compatible" content="IE=edge">
-	<title>DrawableDescriptor | SDF-2D - v0.5.3</title>
-	<meta name="description" content="Documentation for SDF-2D - v0.5.3">
+	<title>DrawableDescriptor | SDF-2D - v0.6.0</title>
+	<meta name="description" content="Documentation for SDF-2D - v0.6.0">
 	<meta name="viewport" content="width=device-width, initial-scale=1">
 	<link rel="stylesheet" href="../assets/css/main.css">
 	<link rel="icon" href="../favicon.ico" />
@@ -23,7 +23,7 @@
 						<li class="state loading">Preparing search index...</li>
 						<li class="state failure">The search index is not available</li>
 					</ul>
-					<a href="../index.html" class="title">SDF-2D - v0.5.3</a>
+					<a href="../index.html" class="title">SDF-2D - v0.6.0</a>
 				</div>
 				<div class="table-cell" id="tsd-widgets">
 					<div id="tsd-filter">
@@ -108,7 +108,7 @@
 					<div class="tsd-signature tsd-kind-icon">empty<span class="tsd-signature-symbol">:</span> <a href="../classes/drawable.html" class="tsd-signature-type">Drawable</a></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/drawables/drawable-descriptor.ts#L73">drawables/drawable-descriptor.ts:73</a></li>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/drawables/drawable-descriptor.ts#L73">drawables/drawable-descriptor.ts:73</a></li>
 						</ul>
 					</aside>
 					<div class="tsd-comment tsd-typography">
@@ -124,7 +124,7 @@
 					<div class="tsd-signature tsd-kind-icon">object<wbr>Count<wbr>Scaler<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/drawables/drawable-descriptor.ts#L57">drawables/drawable-descriptor.ts:57</a></li>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/drawables/drawable-descriptor.ts#L57">drawables/drawable-descriptor.ts:57</a></li>
 						</ul>
 					</aside>
 					<div class="tsd-comment tsd-typography">
@@ -141,7 +141,7 @@
 					<div class="tsd-signature tsd-kind-icon">property<wbr>Uniform<wbr>Mapping<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">{}</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/drawables/drawable-descriptor.ts#L17">drawables/drawable-descriptor.ts:17</a></li>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/drawables/drawable-descriptor.ts#L17">drawables/drawable-descriptor.ts:17</a></li>
 						</ul>
 					</aside>
 					<div class="tsd-comment tsd-typography">
@@ -165,7 +165,7 @@
 					<div class="tsd-signature tsd-kind-icon">sdf<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">{ </span>distanceFunctionName<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span>isInverted<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">false</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">true</span><span class="tsd-signature-symbol">; </span>shader<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> }</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/drawables/drawable-descriptor.ts#L28">drawables/drawable-descriptor.ts:28</a></li>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/drawables/drawable-descriptor.ts#L28">drawables/drawable-descriptor.ts:28</a></li>
 						</ul>
 					</aside>
 					<div class="tsd-comment tsd-typography">
@@ -177,10 +177,10 @@
 				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
 					<a name="shadercombinationsteps" class="tsd-anchor"></a>
 					<h3>shader<wbr>Combination<wbr>Steps</h3>
-					<div class="tsd-signature tsd-kind-icon">shader<wbr>Combination<wbr>Steps<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Array</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">&gt;</span></div>
+					<div class="tsd-signature tsd-kind-icon">shader<wbr>Combination<wbr>Steps<span class="tsd-signature-symbol">:</span> <a href="__global.array.html" class="tsd-signature-type">Array</a><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">&gt;</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/drawables/drawable-descriptor.ts#L67">drawables/drawable-descriptor.ts:67</a></li>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/drawables/drawable-descriptor.ts#L67">drawables/drawable-descriptor.ts:67</a></li>
 						</ul>
 					</aside>
 					<div class="tsd-comment tsd-typography">
@@ -198,7 +198,7 @@
 					<div class="tsd-signature tsd-kind-icon">uniform<wbr>Count<wbr>Macro<wbr>Name<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/drawables/drawable-descriptor.ts#L23">drawables/drawable-descriptor.ts:23</a></li>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/drawables/drawable-descriptor.ts#L23">drawables/drawable-descriptor.ts:23</a></li>
 						</ul>
 					</aside>
 					<div class="tsd-comment tsd-typography">
@@ -220,39 +220,6 @@
 			</nav>
 			<nav class="tsd-navigation secondary menu-sticky">
 				<ul class="before-current">
-					<li class=" tsd-kind-enum">
-						<a href="../enums/filteringoptions.html" class="tsd-kind-icon">Filtering<wbr>Options</a>
-					</li>
-					<li class=" tsd-kind-enum">
-						<a href="../enums/wrapoptions.html" class="tsd-kind-icon">Wrap<wbr>Options</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="../classes/circlebase.html" class="tsd-kind-icon">Circle<wbr>Base</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="../classes/circlelight.html" class="tsd-kind-icon">Circle<wbr>Light</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="../classes/drawable.html" class="tsd-kind-icon">Drawable</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="../classes/dropletbase.html" class="tsd-kind-icon">Droplet<wbr>Base</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="../classes/flashlight.html" class="tsd-kind-icon">Flashlight</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="../classes/invertedtunnelbase.html" class="tsd-kind-icon">Inverted<wbr>Tunnel<wbr>Base</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="../classes/metacirclebase.html" class="tsd-kind-icon">Meta<wbr>Circle<wbr>Base</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="../classes/polygonbase.html" class="tsd-kind-icon">Polygon<wbr>Base</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="../classes/rotatedrectanglebase.html" class="tsd-kind-icon">Rotated<wbr>Rectangle<wbr>Base</a>
-					</li>
 				</ul>
 				<ul class="current">
 					<li class="current tsd-kind-interface">
@@ -280,75 +247,6 @@
 					</li>
 				</ul>
 				<ul class="after-current">
-					<li class=" tsd-kind-interface">
-						<a href="noisypolygonbase.html" class="tsd-kind-icon">Noisy<wbr>Polygon<wbr>Base</a>
-					</li>
-					<li class=" tsd-kind-interface">
-						<a href="renderer.html" class="tsd-kind-icon">Renderer</a>
-					</li>
-					<li class=" tsd-kind-interface">
-						<a href="runtimesettings.html" class="tsd-kind-icon">Runtime<wbr>Settings</a>
-					</li>
-					<li class=" tsd-kind-interface">
-						<a href="startupsettings.html" class="tsd-kind-icon">Startup<wbr>Settings</a>
-					</li>
-					<li class=" tsd-kind-interface">
-						<a href="textureoptions.html" class="tsd-kind-icon">Texture<wbr>Options</a>
-					</li>
-					<li class=" tsd-kind-type-alias">
-						<a href="../globals.html#texturewithoptions" class="tsd-kind-icon">Texture<wbr>With<wbr>Options</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#circlefactory" class="tsd-kind-icon">Circle<wbr>Factory</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#dropletfactory" class="tsd-kind-icon">Droplet<wbr>Factory</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#invertedtunnelfactory" class="tsd-kind-icon">Inverted<wbr>Tunnel<wbr>Factory</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#metacirclefactory" class="tsd-kind-icon">Meta<wbr>Circle<wbr>Factory</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#noisypolygonfactory" class="tsd-kind-icon">Noisy<wbr>Polygon<wbr>Factory</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#polygonfactory" class="tsd-kind-icon">Polygon<wbr>Factory</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#rotatedrectanglefactory" class="tsd-kind-icon">Rotated<wbr>Rectangle<wbr>Factory</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#compile" class="tsd-kind-icon">compile</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#hex" class="tsd-kind-icon">hex</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#hsl" class="tsd-kind-icon">hsl</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#rendernoise" class="tsd-kind-icon">render<wbr>Noise</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#rgb" class="tsd-kind-icon">rgb</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#rgb255" class="tsd-kind-icon">rgb255</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#rgba" class="tsd-kind-icon">rgba</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#rgba255" class="tsd-kind-icon">rgba255</a>
-					</li>
-					<li class=" tsd-kind-object-literal">
-						<a href="../globals.html#defaultruntimesettings" class="tsd-kind-icon">default<wbr>Runtime<wbr>Settings</a>
-					</li>
-					<li class=" tsd-kind-object-literal">
-						<a href="../globals.html#defaultstartupsettings" class="tsd-kind-icon">default<wbr>Startup<wbr>Settings</a>
-					</li>
 				</ul>
 			</nav>
 		</div>
diff --git a/docs/interfaces/noisypolygonbase.html b/docs/interfaces/noisypolygonbase.html
index b184212..ce54807 100644
--- a/docs/interfaces/noisypolygonbase.html
+++ b/docs/interfaces/noisypolygonbase.html
@@ -3,8 +3,8 @@
 <head>
 	<meta charset="utf-8">
 	<meta http-equiv="X-UA-Compatible" content="IE=edge">
-	<title>NoisyPolygonBase | SDF-2D - v0.5.3</title>
-	<meta name="description" content="Documentation for SDF-2D - v0.5.3">
+	<title>NoisyPolygonBase | SDF-2D - v0.6.0</title>
+	<meta name="description" content="Documentation for SDF-2D - v0.6.0">
 	<meta name="viewport" content="width=device-width, initial-scale=1">
 	<link rel="stylesheet" href="../assets/css/main.css">
 	<link rel="icon" href="../favicon.ico" />
@@ -23,7 +23,7 @@
 						<li class="state loading">Preparing search index...</li>
 						<li class="state failure">The search index is not available</li>
 					</ul>
-					<a href="../index.html" class="title">SDF-2D - v0.5.3</a>
+					<a href="../index.html" class="title">SDF-2D - v0.6.0</a>
 				</div>
 				<div class="table-cell" id="tsd-widgets">
 					<div id="tsd-filter">
@@ -110,20 +110,20 @@
 					<a name="constructor" class="tsd-anchor"></a>
 					<h3>constructor</h3>
 					<ul class="tsd-signatures tsd-kind-constructor tsd-parent-kind-interface tsd-is-inherited">
-						<li class="tsd-signature tsd-kind-icon">new <wbr>Noisy<wbr>Polygon<wbr>Base<span class="tsd-signature-symbol">(</span>vertices<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Array</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">vec2</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="noisypolygonbase.html" class="tsd-signature-type">NoisyPolygonBase</a></li>
+						<li class="tsd-signature tsd-kind-icon">new <wbr>Noisy<wbr>Polygon<wbr>Base<span class="tsd-signature-symbol">(</span>vertices<span class="tsd-signature-symbol">: </span><a href="__global.array.html" class="tsd-signature-type">Array</a><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">vec2</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="noisypolygonbase.html" class="tsd-signature-type">NoisyPolygonBase</a></li>
 					</ul>
 					<ul class="tsd-descriptions">
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<p>Inherited from <a href="../classes/polygonbase.html">PolygonBase</a>.<a href="../classes/polygonbase.html#constructor">constructor</a></p>
 								<ul>
-									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/drawables/shapes/polygon-factory.ts#L11">drawables/shapes/polygon-factory.ts:11</a></li>
+									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/drawables/shapes/polygon-factory.ts#L11">drawables/shapes/polygon-factory.ts:11</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-parameters-title">Parameters</h4>
 							<ul class="tsd-parameters">
 								<li>
-									<h5>vertices: <span class="tsd-signature-type">Array</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">vec2</span><span class="tsd-signature-symbol">&gt;</span></h5>
+									<h5>vertices: <a href="__global.array.html" class="tsd-signature-type">Array</a><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">vec2</span><span class="tsd-signature-symbol">&gt;</span></h5>
 								</li>
 							</ul>
 							<h4 class="tsd-returns-title">Returns <a href="noisypolygonbase.html" class="tsd-signature-type">NoisyPolygonBase</a></h4>
@@ -139,17 +139,17 @@
 					<div class="tsd-signature tsd-kind-icon">random<wbr>Offset<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/drawables/shapes/noisy-polygon-factory.ts#L8">drawables/shapes/noisy-polygon-factory.ts:8</a></li>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/drawables/shapes/noisy-polygon-factory.ts#L8">drawables/shapes/noisy-polygon-factory.ts:8</a></li>
 						</ul>
 					</aside>
 				</section>
 				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
 					<a name="vertices" class="tsd-anchor"></a>
 					<h3>vertices</h3>
-					<div class="tsd-signature tsd-kind-icon">vertices<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Array</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">vec2</span><span class="tsd-signature-symbol">&gt;</span></div>
+					<div class="tsd-signature tsd-kind-icon">vertices<span class="tsd-signature-symbol">:</span> <a href="__global.array.html" class="tsd-signature-type">Array</a><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">vec2</span><span class="tsd-signature-symbol">&gt;</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/drawables/shapes/polygon-factory.ts#L12">drawables/shapes/polygon-factory.ts:12</a></li>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/drawables/shapes/polygon-factory.ts#L12">drawables/shapes/polygon-factory.ts:12</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -161,7 +161,7 @@
 						<p>Inherited from EmptyDrawable.descriptor</p>
 						<p>Overrides <a href="../classes/drawable.html">Drawable</a>.<a href="../classes/drawable.html#descriptor">descriptor</a></p>
 						<ul>
-							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/drawables/empty-drawable.ts#L9">drawables/empty-drawable.ts:9</a></li>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/drawables/empty-drawable.ts#L9">drawables/empty-drawable.ts:9</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -180,7 +180,7 @@
 								<p>Inherited from EmptyDrawable.getObjectToSerialize</p>
 								<p>Overrides <a href="../classes/drawable.html">Drawable</a>.<a href="../classes/drawable.html#getobjecttoserialize">getObjectToSerialize</a></p>
 								<ul>
-									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/drawables/empty-drawable.ts#L15">drawables/empty-drawable.ts:15</a></li>
+									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/drawables/empty-drawable.ts#L15">drawables/empty-drawable.ts:15</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-parameters-title">Parameters</h4>
@@ -208,7 +208,7 @@
 								<p>Inherited from EmptyDrawable.minDistance</p>
 								<p>Overrides <a href="../classes/drawable.html">Drawable</a>.<a href="../classes/drawable.html#mindistance">minDistance</a></p>
 								<ul>
-									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/drawables/empty-drawable.ts#L11">drawables/empty-drawable.ts:11</a></li>
+									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/drawables/empty-drawable.ts#L11">drawables/empty-drawable.ts:11</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-parameters-title">Parameters</h4>
@@ -233,42 +233,6 @@
 			</nav>
 			<nav class="tsd-navigation secondary menu-sticky">
 				<ul class="before-current">
-					<li class=" tsd-kind-enum">
-						<a href="../enums/filteringoptions.html" class="tsd-kind-icon">Filtering<wbr>Options</a>
-					</li>
-					<li class=" tsd-kind-enum">
-						<a href="../enums/wrapoptions.html" class="tsd-kind-icon">Wrap<wbr>Options</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="../classes/circlebase.html" class="tsd-kind-icon">Circle<wbr>Base</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="../classes/circlelight.html" class="tsd-kind-icon">Circle<wbr>Light</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="../classes/drawable.html" class="tsd-kind-icon">Drawable</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="../classes/dropletbase.html" class="tsd-kind-icon">Droplet<wbr>Base</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="../classes/flashlight.html" class="tsd-kind-icon">Flashlight</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="../classes/invertedtunnelbase.html" class="tsd-kind-icon">Inverted<wbr>Tunnel<wbr>Base</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="../classes/metacirclebase.html" class="tsd-kind-icon">Meta<wbr>Circle<wbr>Base</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="../classes/polygonbase.html" class="tsd-kind-icon">Polygon<wbr>Base</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="../classes/rotatedrectanglebase.html" class="tsd-kind-icon">Rotated<wbr>Rectangle<wbr>Base</a>
-					</li>
-					<li class=" tsd-kind-interface">
-						<a href="drawabledescriptor.html" class="tsd-kind-icon">Drawable<wbr>Descriptor</a>
-					</li>
 				</ul>
 				<ul class="current">
 					<li class="current tsd-kind-interface">
@@ -296,72 +260,6 @@
 					</li>
 				</ul>
 				<ul class="after-current">
-					<li class=" tsd-kind-interface">
-						<a href="renderer.html" class="tsd-kind-icon">Renderer</a>
-					</li>
-					<li class=" tsd-kind-interface">
-						<a href="runtimesettings.html" class="tsd-kind-icon">Runtime<wbr>Settings</a>
-					</li>
-					<li class=" tsd-kind-interface">
-						<a href="startupsettings.html" class="tsd-kind-icon">Startup<wbr>Settings</a>
-					</li>
-					<li class=" tsd-kind-interface">
-						<a href="textureoptions.html" class="tsd-kind-icon">Texture<wbr>Options</a>
-					</li>
-					<li class=" tsd-kind-type-alias">
-						<a href="../globals.html#texturewithoptions" class="tsd-kind-icon">Texture<wbr>With<wbr>Options</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#circlefactory" class="tsd-kind-icon">Circle<wbr>Factory</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#dropletfactory" class="tsd-kind-icon">Droplet<wbr>Factory</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#invertedtunnelfactory" class="tsd-kind-icon">Inverted<wbr>Tunnel<wbr>Factory</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#metacirclefactory" class="tsd-kind-icon">Meta<wbr>Circle<wbr>Factory</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#noisypolygonfactory" class="tsd-kind-icon">Noisy<wbr>Polygon<wbr>Factory</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#polygonfactory" class="tsd-kind-icon">Polygon<wbr>Factory</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#rotatedrectanglefactory" class="tsd-kind-icon">Rotated<wbr>Rectangle<wbr>Factory</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#compile" class="tsd-kind-icon">compile</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#hex" class="tsd-kind-icon">hex</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#hsl" class="tsd-kind-icon">hsl</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#rendernoise" class="tsd-kind-icon">render<wbr>Noise</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#rgb" class="tsd-kind-icon">rgb</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#rgb255" class="tsd-kind-icon">rgb255</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#rgba" class="tsd-kind-icon">rgba</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#rgba255" class="tsd-kind-icon">rgba255</a>
-					</li>
-					<li class=" tsd-kind-object-literal">
-						<a href="../globals.html#defaultruntimesettings" class="tsd-kind-icon">default<wbr>Runtime<wbr>Settings</a>
-					</li>
-					<li class=" tsd-kind-object-literal">
-						<a href="../globals.html#defaultstartupsettings" class="tsd-kind-icon">default<wbr>Startup<wbr>Settings</a>
-					</li>
 				</ul>
 			</nav>
 		</div>
diff --git a/docs/interfaces/renderer.html b/docs/interfaces/renderer.html
index 502e599..b7b0636 100644
--- a/docs/interfaces/renderer.html
+++ b/docs/interfaces/renderer.html
@@ -3,8 +3,8 @@
 <head>
 	<meta charset="utf-8">
 	<meta http-equiv="X-UA-Compatible" content="IE=edge">
-	<title>Renderer | SDF-2D - v0.5.3</title>
-	<meta name="description" content="Documentation for SDF-2D - v0.5.3">
+	<title>Renderer | SDF-2D - v0.6.0</title>
+	<meta name="description" content="Documentation for SDF-2D - v0.6.0">
 	<meta name="viewport" content="width=device-width, initial-scale=1">
 	<link rel="stylesheet" href="../assets/css/main.css">
 	<link rel="icon" href="../favicon.ico" />
@@ -23,7 +23,7 @@
 						<li class="state loading">Preparing search index...</li>
 						<li class="state failure">The search index is not available</li>
 					</ul>
-					<a href="../index.html" class="title">SDF-2D - v0.5.3</a>
+					<a href="../index.html" class="title">SDF-2D - v0.6.0</a>
 				</div>
 				<div class="table-cell" id="tsd-widgets">
 					<div id="tsd-filter">
@@ -95,12 +95,12 @@
 							<h3>Methods</h3>
 							<ul class="tsd-index-list">
 								<li class="tsd-kind-method tsd-parent-kind-interface tsd-has-type-parameter"><a href="renderer.html#adddrawable" class="tsd-kind-icon">add<wbr>Drawable</a></li>
-								<li class="tsd-kind-method tsd-parent-kind-interface"><a href="renderer.html#autoscalequality" class="tsd-kind-icon">autoscale<wbr>Quality</a></li>
 								<li class="tsd-kind-method tsd-parent-kind-interface"><a href="renderer.html#destroy" class="tsd-kind-icon">destroy</a></li>
 								<li class="tsd-kind-method tsd-parent-kind-interface"><a href="renderer.html#displaytoworldcoordinates" class="tsd-kind-icon">display<wbr>ToWorld<wbr>Coordinates</a></li>
 								<li class="tsd-kind-method tsd-parent-kind-interface"><a href="renderer.html#renderdrawables" class="tsd-kind-icon">render<wbr>Drawables</a></li>
 								<li class="tsd-kind-method tsd-parent-kind-interface"><a href="renderer.html#setruntimesettings" class="tsd-kind-icon">set<wbr>Runtime<wbr>Settings</a></li>
 								<li class="tsd-kind-method tsd-parent-kind-interface"><a href="renderer.html#setviewarea" class="tsd-kind-icon">set<wbr>View<wbr>Area</a></li>
+								<li class="tsd-kind-method tsd-parent-kind-interface"><a href="renderer.html#worldtodisplaycoordinates" class="tsd-kind-icon">world<wbr>ToDisplay<wbr>Coordinates</a></li>
 							</ul>
 						</section>
 					</div>
@@ -114,7 +114,7 @@
 					<div class="tsd-signature tsd-kind-icon">canvas<wbr>Size<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">vec2</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/graphics/rendering/renderer/renderer.ts#L14">graphics/rendering/renderer/renderer.ts:14</a></li>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/graphics/rendering/renderer/renderer.ts#L15">graphics/rendering/renderer/renderer.ts:15</a></li>
 						</ul>
 					</aside>
 					<div class="tsd-comment tsd-typography">
@@ -126,20 +126,18 @@
 				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
 					<a name="insights" class="tsd-anchor"></a>
 					<h3><span class="tsd-flag ts-flagReadonly">Readonly</span> insights</h3>
-					<div class="tsd-signature tsd-kind-icon">insights<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span></div>
+					<div class="tsd-signature tsd-kind-icon">insights<span class="tsd-signature-symbol">:</span> <a href="rendererinfo.html" class="tsd-signature-type">RendererInfo</a><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">null</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/graphics/rendering/renderer/renderer.ts#L81">graphics/rendering/renderer/renderer.ts:81</a></li>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/graphics/rendering/renderer/renderer.ts#L95">graphics/rendering/renderer/renderer.ts:95</a></li>
 						</ul>
 					</aside>
 					<div class="tsd-comment tsd-typography">
-						<dl class="tsd-comment-tags">
-							<dt>experimental</dt>
-							<dd><p>Debug information updated on each <code>renderDrawables</code> call.
-									Its scheme is not yet defined. The main purpose of this is
-								human debugging.</p>
-							</dd>
-						</dl>
+						<div class="lead">
+							<p>Get useful information about the hardware and the SDF2D renderer.</p>
+						</div>
+						<p>Its sheme is subject to change.</p>
+						<p>During context lost it might be null.</p>
 					</div>
 				</section>
 				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
@@ -148,7 +146,7 @@
 					<div class="tsd-signature tsd-kind-icon">view<wbr>Area<wbr>Size<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">vec2</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/graphics/rendering/renderer/renderer.ts#L21">graphics/rendering/renderer/renderer.ts:21</a></li>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/graphics/rendering/renderer/renderer.ts#L22">graphics/rendering/renderer/renderer.ts:22</a></li>
 						</ul>
 					</aside>
 					<div class="tsd-comment tsd-typography">
@@ -171,7 +169,7 @@
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/graphics/rendering/renderer/renderer.ts#L56">graphics/rendering/renderer/renderer.ts:56</a></li>
+									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/graphics/rendering/renderer/renderer.ts#L69">graphics/rendering/renderer/renderer.ts:69</a></li>
 								</ul>
 							</aside>
 							<div class="tsd-comment tsd-typography">
@@ -199,40 +197,6 @@
 						</li>
 					</ul>
 				</section>
-				<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface">
-					<a name="autoscalequality" class="tsd-anchor"></a>
-					<h3>autoscale<wbr>Quality</h3>
-					<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface">
-						<li class="tsd-signature tsd-kind-icon">autoscale<wbr>Quality<span class="tsd-signature-symbol">(</span>deltaTime<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">DOMHighResTimeStamp</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
-					</ul>
-					<ul class="tsd-descriptions">
-						<li class="tsd-description">
-							<aside class="tsd-sources">
-								<ul>
-									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/graphics/rendering/renderer/renderer.ts#L91">graphics/rendering/renderer/renderer.ts:91</a></li>
-								</ul>
-							</aside>
-							<div class="tsd-comment tsd-typography">
-								<dl class="tsd-comment-tags">
-									<dt>experimental</dt>
-									<dd><p>Scale the render scale for both the canvas and the SDF memoization based
-										on the current and historical FPS values.</p>
-									</dd>
-								</dl>
-							</div>
-							<h4 class="tsd-parameters-title">Parameters</h4>
-							<ul class="tsd-parameters">
-								<li>
-									<h5>deltaTime: <span class="tsd-signature-type">DOMHighResTimeStamp</span></h5>
-									<div class="tsd-comment tsd-typography">
-										<p>since the last frame, in milliseconds.</p>
-									</div>
-								</li>
-							</ul>
-							<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
-						</li>
-					</ul>
-				</section>
 				<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface">
 					<a name="destroy" class="tsd-anchor"></a>
 					<h3>destroy</h3>
@@ -243,7 +207,7 @@
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/graphics/rendering/renderer/renderer.ts#L72">graphics/rendering/renderer/renderer.ts:72</a></li>
+									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/graphics/rendering/renderer/renderer.ts#L85">graphics/rendering/renderer/renderer.ts:85</a></li>
 								</ul>
 							</aside>
 							<div class="tsd-comment tsd-typography">
@@ -267,12 +231,13 @@
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/graphics/rendering/renderer/renderer.ts#L42">graphics/rendering/renderer/renderer.ts:42</a></li>
+									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/graphics/rendering/renderer/renderer.ts#L44">graphics/rendering/renderer/renderer.ts:44</a></li>
 								</ul>
 							</aside>
 							<div class="tsd-comment tsd-typography">
 								<div class="lead">
-									<p>Return the world coordinates from a pixel&#39;s position.</p>
+									<p>The inverse of <code>worldToDisplayCoordinates</code>, returns the world coordinates
+									from a pixel&#39;s position.</p>
 								</div>
 								<p>The view area coordinates are also given in world coordinates.</p>
 								<p>Useful for picking.</p>
@@ -301,7 +266,7 @@
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/graphics/rendering/renderer/renderer.ts#L64">graphics/rendering/renderer/renderer.ts:64</a></li>
+									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/graphics/rendering/renderer/renderer.ts#L77">graphics/rendering/renderer/renderer.ts:77</a></li>
 								</ul>
 							</aside>
 							<div class="tsd-comment tsd-typography">
@@ -325,7 +290,7 @@
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/graphics/rendering/renderer/renderer.ts#L48">graphics/rendering/renderer/renderer.ts:48</a></li>
+									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/graphics/rendering/renderer/renderer.ts#L61">graphics/rendering/renderer/renderer.ts:61</a></li>
 								</ul>
 							</aside>
 							<div class="tsd-comment tsd-typography">
@@ -355,7 +320,7 @@
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/graphics/rendering/renderer/renderer.ts#L30">graphics/rendering/renderer/renderer.ts:30</a></li>
+									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/graphics/rendering/renderer/renderer.ts#L31">graphics/rendering/renderer/renderer.ts:31</a></li>
 								</ul>
 							</aside>
 							<div class="tsd-comment tsd-typography">
@@ -383,6 +348,40 @@
 						</li>
 					</ul>
 				</section>
+				<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface">
+					<a name="worldtodisplaycoordinates" class="tsd-anchor"></a>
+					<h3>world<wbr>ToDisplay<wbr>Coordinates</h3>
+					<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface">
+						<li class="tsd-signature tsd-kind-icon">world<wbr>ToDisplay<wbr>Coordinates<span class="tsd-signature-symbol">(</span>worldCoordinates<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">vec2</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">vec2</span></li>
+					</ul>
+					<ul class="tsd-descriptions">
+						<li class="tsd-description">
+							<aside class="tsd-sources">
+								<ul>
+									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/graphics/rendering/renderer/renderer.ts#L55">graphics/rendering/renderer/renderer.ts:55</a></li>
+								</ul>
+							</aside>
+							<div class="tsd-comment tsd-typography">
+								<div class="lead">
+									<p>The inverse of <code>displayToWorldCoordinates</code>, returns the screen space position
+									of a point given in world space cooridnates.</p>
+								</div>
+								<p>While the origin for worldCoordinates resides in the bottom-left corner,
+								the origin of the returned display coordinates is placed in the top left.</p>
+							</div>
+							<h4 class="tsd-parameters-title">Parameters</h4>
+							<ul class="tsd-parameters">
+								<li>
+									<h5>worldCoordinates: <span class="tsd-signature-type">vec2</span></h5>
+									<div class="tsd-comment tsd-typography">
+										<p>Coordinates used when drawing objects.</p>
+									</div>
+								</li>
+							</ul>
+							<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">vec2</span></h4>
+						</li>
+					</ul>
+				</section>
 			</section>
 		</div>
 		<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
@@ -395,45 +394,6 @@
 			</nav>
 			<nav class="tsd-navigation secondary menu-sticky">
 				<ul class="before-current">
-					<li class=" tsd-kind-enum">
-						<a href="../enums/filteringoptions.html" class="tsd-kind-icon">Filtering<wbr>Options</a>
-					</li>
-					<li class=" tsd-kind-enum">
-						<a href="../enums/wrapoptions.html" class="tsd-kind-icon">Wrap<wbr>Options</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="../classes/circlebase.html" class="tsd-kind-icon">Circle<wbr>Base</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="../classes/circlelight.html" class="tsd-kind-icon">Circle<wbr>Light</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="../classes/drawable.html" class="tsd-kind-icon">Drawable</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="../classes/dropletbase.html" class="tsd-kind-icon">Droplet<wbr>Base</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="../classes/flashlight.html" class="tsd-kind-icon">Flashlight</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="../classes/invertedtunnelbase.html" class="tsd-kind-icon">Inverted<wbr>Tunnel<wbr>Base</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="../classes/metacirclebase.html" class="tsd-kind-icon">Meta<wbr>Circle<wbr>Base</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="../classes/polygonbase.html" class="tsd-kind-icon">Polygon<wbr>Base</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="../classes/rotatedrectanglebase.html" class="tsd-kind-icon">Rotated<wbr>Rectangle<wbr>Base</a>
-					</li>
-					<li class=" tsd-kind-interface">
-						<a href="drawabledescriptor.html" class="tsd-kind-icon">Drawable<wbr>Descriptor</a>
-					</li>
-					<li class=" tsd-kind-interface">
-						<a href="noisypolygonbase.html" class="tsd-kind-icon">Noisy<wbr>Polygon<wbr>Base</a>
-					</li>
 				</ul>
 				<ul class="current">
 					<li class="current tsd-kind-interface">
@@ -451,9 +411,6 @@
 							<li class=" tsd-kind-method tsd-parent-kind-interface tsd-has-type-parameter">
 								<a href="renderer.html#adddrawable" class="tsd-kind-icon">add<wbr>Drawable</a>
 							</li>
-							<li class=" tsd-kind-method tsd-parent-kind-interface">
-								<a href="renderer.html#autoscalequality" class="tsd-kind-icon">autoscale<wbr>Quality</a>
-							</li>
 							<li class=" tsd-kind-method tsd-parent-kind-interface">
 								<a href="renderer.html#destroy" class="tsd-kind-icon">destroy</a>
 							</li>
@@ -469,73 +426,13 @@
 							<li class=" tsd-kind-method tsd-parent-kind-interface">
 								<a href="renderer.html#setviewarea" class="tsd-kind-icon">set<wbr>View<wbr>Area</a>
 							</li>
+							<li class=" tsd-kind-method tsd-parent-kind-interface">
+								<a href="renderer.html#worldtodisplaycoordinates" class="tsd-kind-icon">world<wbr>ToDisplay<wbr>Coordinates</a>
+							</li>
 						</ul>
 					</li>
 				</ul>
 				<ul class="after-current">
-					<li class=" tsd-kind-interface">
-						<a href="runtimesettings.html" class="tsd-kind-icon">Runtime<wbr>Settings</a>
-					</li>
-					<li class=" tsd-kind-interface">
-						<a href="startupsettings.html" class="tsd-kind-icon">Startup<wbr>Settings</a>
-					</li>
-					<li class=" tsd-kind-interface">
-						<a href="textureoptions.html" class="tsd-kind-icon">Texture<wbr>Options</a>
-					</li>
-					<li class=" tsd-kind-type-alias">
-						<a href="../globals.html#texturewithoptions" class="tsd-kind-icon">Texture<wbr>With<wbr>Options</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#circlefactory" class="tsd-kind-icon">Circle<wbr>Factory</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#dropletfactory" class="tsd-kind-icon">Droplet<wbr>Factory</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#invertedtunnelfactory" class="tsd-kind-icon">Inverted<wbr>Tunnel<wbr>Factory</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#metacirclefactory" class="tsd-kind-icon">Meta<wbr>Circle<wbr>Factory</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#noisypolygonfactory" class="tsd-kind-icon">Noisy<wbr>Polygon<wbr>Factory</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#polygonfactory" class="tsd-kind-icon">Polygon<wbr>Factory</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#rotatedrectanglefactory" class="tsd-kind-icon">Rotated<wbr>Rectangle<wbr>Factory</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#compile" class="tsd-kind-icon">compile</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#hex" class="tsd-kind-icon">hex</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#hsl" class="tsd-kind-icon">hsl</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#rendernoise" class="tsd-kind-icon">render<wbr>Noise</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#rgb" class="tsd-kind-icon">rgb</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#rgb255" class="tsd-kind-icon">rgb255</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#rgba" class="tsd-kind-icon">rgba</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#rgba255" class="tsd-kind-icon">rgba255</a>
-					</li>
-					<li class=" tsd-kind-object-literal">
-						<a href="../globals.html#defaultruntimesettings" class="tsd-kind-icon">default<wbr>Runtime<wbr>Settings</a>
-					</li>
-					<li class=" tsd-kind-object-literal">
-						<a href="../globals.html#defaultstartupsettings" class="tsd-kind-icon">default<wbr>Startup<wbr>Settings</a>
-					</li>
 				</ul>
 			</nav>
 		</div>
diff --git a/docs/interfaces/rendererinfo.html b/docs/interfaces/rendererinfo.html
new file mode 100644
index 0000000..6f23530
--- /dev/null
+++ b/docs/interfaces/rendererinfo.html
@@ -0,0 +1,300 @@
+<!doctype html>
+<html class="default no-js">
+<head>
+	<meta charset="utf-8">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge">
+	<title>RendererInfo | SDF-2D - v0.6.0</title>
+	<meta name="description" content="Documentation for SDF-2D - v0.6.0">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<link rel="stylesheet" href="../assets/css/main.css">
+	<link rel="icon" href="../favicon.ico" />
+</head>
+<body>
+<header>
+	<div class="tsd-page-toolbar">
+		<div class="container">
+			<div class="table-wrap">
+				<div class="table-cell" id="tsd-search" data-index="../assets/js/search.json" data-base="..">
+					<div class="field">
+						<label for="tsd-search-field" class="tsd-widget search no-caption">Search</label>
+						<input id="tsd-search-field" type="text" />
+					</div>
+					<ul class="results">
+						<li class="state loading">Preparing search index...</li>
+						<li class="state failure">The search index is not available</li>
+					</ul>
+					<a href="../index.html" class="title">SDF-2D - v0.6.0</a>
+				</div>
+				<div class="table-cell" id="tsd-widgets">
+					<div id="tsd-filter">
+						<a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a>
+						<div class="tsd-filter-group">
+							<div class="tsd-select" id="tsd-filter-visibility">
+								<span class="tsd-select-label">All</span>
+								<ul class="tsd-select-list">
+									<li data-value="public">Public</li>
+									<li data-value="protected">Public/Protected</li>
+									<li data-value="private" class="selected">All</li>
+								</ul>
+							</div>
+							<input type="checkbox" id="tsd-filter-inherited" checked />
+							<label class="tsd-widget" for="tsd-filter-inherited">Inherited</label>
+						</div>
+					</div>
+					<a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a>
+				</div>
+			</div>
+		</div>
+	</div>
+	<div class="tsd-page-title">
+		<div class="container">
+			<ul class="tsd-breadcrumb">
+				<li>
+					<a href="../globals.html">Globals</a>
+				</li>
+				<li>
+					<a href="rendererinfo.html">RendererInfo</a>
+				</li>
+			</ul>
+			<h1>Interface RendererInfo</h1>
+		</div>
+	</div>
+</header>
+<div class="container container-main">
+	<div class="row">
+		<div class="col-8 col-content">
+			<section class="tsd-panel tsd-hierarchy">
+				<h3>Hierarchy</h3>
+				<ul class="tsd-hierarchy">
+					<li>
+						<span class="target">RendererInfo</span>
+					</li>
+				</ul>
+			</section>
+			<section class="tsd-panel tsd-kind-interface">
+				<h3 class="tsd-before-signature">Indexable</h3>
+				<div class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">[</span>k: <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">]: </span><span class="tsd-signature-type">any</span></div>
+			</section>
+			<section class="tsd-panel-group tsd-index-group">
+				<h2>Index</h2>
+				<section class="tsd-panel tsd-index-panel">
+					<div class="tsd-index-content">
+						<section class="tsd-index-section ">
+							<h3>Properties</h3>
+							<ul class="tsd-index-list">
+								<li class="tsd-kind-property tsd-parent-kind-interface"><a href="rendererinfo.html#extensions" class="tsd-kind-icon">extensions</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-interface"><a href="rendererinfo.html#floatinterpolationenabled" class="tsd-kind-icon">float<wbr>Interpolation<wbr>Enabled</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-interface"><a href="rendererinfo.html#iswebgl2" class="tsd-kind-icon">is<wbr>WebGL2</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-interface"><a href="rendererinfo.html#programcount" class="tsd-kind-icon">program<wbr>Count</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-interface"><a href="rendererinfo.html#renderpasses" class="tsd-kind-icon">render<wbr>Passes</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-interface"><a href="rendererinfo.html#renderer" class="tsd-kind-icon">renderer</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-interface"><a href="rendererinfo.html#startuptimeinmilliseconds" class="tsd-kind-icon">startup<wbr>Time<wbr>InMilliseconds</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-interface"><a href="rendererinfo.html#vendor" class="tsd-kind-icon">vendor</a></li>
+							</ul>
+						</section>
+					</div>
+				</section>
+			</section>
+			<section class="tsd-panel-group tsd-member-group ">
+				<h2>Properties</h2>
+				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
+					<a name="extensions" class="tsd-anchor"></a>
+					<h3>extensions</h3>
+					<div class="tsd-signature tsd-kind-icon">extensions<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">{}</span></div>
+					<aside class="tsd-sources">
+						<ul>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/graphics/rendering/renderer/renderer-info.ts#L5">graphics/rendering/renderer/renderer-info.ts:5</a></li>
+						</ul>
+					</aside>
+					<div class="tsd-type-declaration">
+						<h4>Type declaration</h4>
+						<ul class="tsd-parameters">
+							<li class="tsd-parameter-index-signature">
+								<h5><span class="tsd-signature-symbol">[</span>name: <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">]: </span><span class="tsd-signature-type">boolean</span></h5>
+							</li>
+						</ul>
+					</div>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
+					<a name="floatinterpolationenabled" class="tsd-anchor"></a>
+					<h3><span class="tsd-flag ts-flagOptional">Optional</span> float<wbr>Interpolation<wbr>Enabled</h3>
+					<div class="tsd-signature tsd-kind-icon">float<wbr>Interpolation<wbr>Enabled<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">false</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">true</span></div>
+					<aside class="tsd-sources">
+						<ul>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/graphics/rendering/renderer/renderer-info.ts#L6">graphics/rendering/renderer/renderer-info.ts:6</a></li>
+						</ul>
+					</aside>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
+					<a name="iswebgl2" class="tsd-anchor"></a>
+					<h3>is<wbr>WebGL2</h3>
+					<div class="tsd-signature tsd-kind-icon">is<wbr>WebGL2<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span></div>
+					<aside class="tsd-sources">
+						<ul>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/graphics/rendering/renderer/renderer-info.ts#L2">graphics/rendering/renderer/renderer-info.ts:2</a></li>
+						</ul>
+					</aside>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
+					<a name="programcount" class="tsd-anchor"></a>
+					<h3><span class="tsd-flag ts-flagOptional">Optional</span> program<wbr>Count</h3>
+					<div class="tsd-signature tsd-kind-icon">program<wbr>Count<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span></div>
+					<aside class="tsd-sources">
+						<ul>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/graphics/rendering/renderer/renderer-info.ts#L7">graphics/rendering/renderer/renderer-info.ts:7</a></li>
+						</ul>
+					</aside>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
+					<a name="renderpasses" class="tsd-anchor"></a>
+					<h3>render<wbr>Passes</h3>
+					<div class="tsd-signature tsd-kind-icon">render<wbr>Passes<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">{ </span>distance<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">{ </span>drawableCount<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">; </span>drawnDrawableCount<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">; </span>renderScale<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">; </span>tileCount<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol">; </span>lights<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">{ </span>drawnDrawableCount<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">; </span>renderScale<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol"> }</span></div>
+					<aside class="tsd-sources">
+						<ul>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/graphics/rendering/renderer/renderer-info.ts#L8">graphics/rendering/renderer/renderer-info.ts:8</a></li>
+						</ul>
+					</aside>
+					<div class="tsd-type-declaration">
+						<h4>Type declaration</h4>
+						<ul class="tsd-parameters">
+							<li class="tsd-parameter">
+								<h5>distance<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">{ </span>drawableCount<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">; </span>drawnDrawableCount<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">; </span>renderScale<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">; </span>tileCount<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> }</span></h5>
+								<ul class="tsd-parameters">
+									<li class="tsd-parameter">
+										<h5><span class="tsd-flag ts-flagOptional">Optional</span> drawable<wbr>Count<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span></h5>
+									</li>
+									<li class="tsd-parameter">
+										<h5><span class="tsd-flag ts-flagOptional">Optional</span> drawn<wbr>Drawable<wbr>Count<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span></h5>
+									</li>
+									<li class="tsd-parameter">
+										<h5><span class="tsd-flag ts-flagOptional">Optional</span> render<wbr>Scale<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span></h5>
+									</li>
+									<li class="tsd-parameter">
+										<h5><span class="tsd-flag ts-flagOptional">Optional</span> tile<wbr>Count<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span></h5>
+									</li>
+								</ul>
+							</li>
+							<li class="tsd-parameter">
+								<h5>lights<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">{ </span>drawnDrawableCount<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">; </span>renderScale<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> }</span></h5>
+								<ul class="tsd-parameters">
+									<li class="tsd-parameter">
+										<h5><span class="tsd-flag ts-flagOptional">Optional</span> drawn<wbr>Drawable<wbr>Count<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span></h5>
+									</li>
+									<li class="tsd-parameter">
+										<h5><span class="tsd-flag ts-flagOptional">Optional</span> render<wbr>Scale<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span></h5>
+									</li>
+								</ul>
+							</li>
+						</ul>
+					</div>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
+					<a name="renderer" class="tsd-anchor"></a>
+					<h3><span class="tsd-flag ts-flagOptional">Optional</span> renderer</h3>
+					<div class="tsd-signature tsd-kind-icon">renderer<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">string</span></div>
+					<aside class="tsd-sources">
+						<ul>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/graphics/rendering/renderer/renderer-info.ts#L4">graphics/rendering/renderer/renderer-info.ts:4</a></li>
+						</ul>
+					</aside>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
+					<a name="startuptimeinmilliseconds" class="tsd-anchor"></a>
+					<h3><span class="tsd-flag ts-flagOptional">Optional</span> startup<wbr>Time<wbr>InMilliseconds</h3>
+					<div class="tsd-signature tsd-kind-icon">startup<wbr>Time<wbr>InMilliseconds<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span></div>
+					<aside class="tsd-sources">
+						<ul>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/graphics/rendering/renderer/renderer-info.ts#L20">graphics/rendering/renderer/renderer-info.ts:20</a></li>
+						</ul>
+					</aside>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
+					<a name="vendor" class="tsd-anchor"></a>
+					<h3><span class="tsd-flag ts-flagOptional">Optional</span> vendor</h3>
+					<div class="tsd-signature tsd-kind-icon">vendor<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">string</span></div>
+					<aside class="tsd-sources">
+						<ul>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/graphics/rendering/renderer/renderer-info.ts#L3">graphics/rendering/renderer/renderer-info.ts:3</a></li>
+						</ul>
+					</aside>
+				</section>
+			</section>
+		</div>
+		<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
+			<nav class="tsd-navigation primary">
+				<ul>
+					<li class="globals  ">
+						<a href="../globals.html"><em>Globals</em></a>
+					</li>
+				</ul>
+			</nav>
+			<nav class="tsd-navigation secondary menu-sticky">
+				<ul class="before-current">
+				</ul>
+				<ul class="current">
+					<li class="current tsd-kind-interface">
+						<a href="rendererinfo.html" class="tsd-kind-icon">Renderer<wbr>Info</a>
+						<ul>
+							<li class=" tsd-kind-property tsd-parent-kind-interface">
+								<a href="rendererinfo.html#extensions" class="tsd-kind-icon">extensions</a>
+							</li>
+							<li class=" tsd-kind-property tsd-parent-kind-interface">
+								<a href="rendererinfo.html#floatinterpolationenabled" class="tsd-kind-icon">float<wbr>Interpolation<wbr>Enabled</a>
+							</li>
+							<li class=" tsd-kind-property tsd-parent-kind-interface">
+								<a href="rendererinfo.html#iswebgl2" class="tsd-kind-icon">is<wbr>WebGL2</a>
+							</li>
+							<li class=" tsd-kind-property tsd-parent-kind-interface">
+								<a href="rendererinfo.html#programcount" class="tsd-kind-icon">program<wbr>Count</a>
+							</li>
+							<li class=" tsd-kind-property tsd-parent-kind-interface">
+								<a href="rendererinfo.html#renderpasses" class="tsd-kind-icon">render<wbr>Passes</a>
+							</li>
+							<li class=" tsd-kind-property tsd-parent-kind-interface">
+								<a href="rendererinfo.html#renderer" class="tsd-kind-icon">renderer</a>
+							</li>
+							<li class=" tsd-kind-property tsd-parent-kind-interface">
+								<a href="rendererinfo.html#startuptimeinmilliseconds" class="tsd-kind-icon">startup<wbr>Time<wbr>InMilliseconds</a>
+							</li>
+							<li class=" tsd-kind-property tsd-parent-kind-interface">
+								<a href="rendererinfo.html#vendor" class="tsd-kind-icon">vendor</a>
+							</li>
+						</ul>
+					</li>
+				</ul>
+				<ul class="after-current">
+				</ul>
+			</nav>
+		</div>
+	</div>
+</div>
+<footer>
+	<div class="container">
+		<h2>Legend</h2>
+		<div class="tsd-legend-group">
+			<ul class="tsd-legend">
+				<li class="tsd-kind-constructor tsd-parent-kind-class"><span class="tsd-kind-icon">Constructor</span></li>
+				<li class="tsd-kind-property tsd-parent-kind-class"><span class="tsd-kind-icon">Property</span></li>
+				<li class="tsd-kind-method tsd-parent-kind-class"><span class="tsd-kind-icon">Method</span></li>
+			</ul>
+			<ul class="tsd-legend">
+				<li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li>
+				<li class="tsd-kind-method tsd-parent-kind-interface"><span class="tsd-kind-icon">Method</span></li>
+			</ul>
+			<ul class="tsd-legend">
+				<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited property</span></li>
+				<li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited method</span></li>
+			</ul>
+			<ul class="tsd-legend">
+				<li class="tsd-kind-method tsd-parent-kind-class tsd-is-protected"><span class="tsd-kind-icon">Protected method</span></li>
+			</ul>
+			<ul class="tsd-legend">
+				<li class="tsd-kind-property tsd-parent-kind-class tsd-is-static"><span class="tsd-kind-icon">Static property</span></li>
+			</ul>
+		</div>
+	</div>
+</footer>
+<div class="overlay"></div>
+<script src="../assets/js/main.js"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/docs/interfaces/runtimesettings.html b/docs/interfaces/runtimesettings.html
index 9d4860b..9b4f195 100644
--- a/docs/interfaces/runtimesettings.html
+++ b/docs/interfaces/runtimesettings.html
@@ -3,8 +3,8 @@
 <head>
 	<meta charset="utf-8">
 	<meta http-equiv="X-UA-Compatible" content="IE=edge">
-	<title>RuntimeSettings | SDF-2D - v0.5.3</title>
-	<meta name="description" content="Documentation for SDF-2D - v0.5.3">
+	<title>RuntimeSettings | SDF-2D - v0.6.0</title>
+	<meta name="description" content="Documentation for SDF-2D - v0.6.0">
 	<meta name="viewport" content="width=device-width, initial-scale=1">
 	<link rel="stylesheet" href="../assets/css/main.css">
 	<link rel="icon" href="../favicon.ico" />
@@ -23,7 +23,7 @@
 						<li class="state loading">Preparing search index...</li>
 						<li class="state failure">The search index is not available</li>
 					</ul>
-					<a href="../index.html" class="title">SDF-2D - v0.5.3</a>
+					<a href="../index.html" class="title">SDF-2D - v0.6.0</a>
 				</div>
 				<div class="table-cell" id="tsd-widgets">
 					<div id="tsd-filter">
@@ -89,9 +89,11 @@
 							<ul class="tsd-index-list">
 								<li class="tsd-kind-property tsd-parent-kind-interface"><a href="runtimesettings.html#ambientlight" class="tsd-kind-icon">ambient<wbr>Light</a></li>
 								<li class="tsd-kind-property tsd-parent-kind-interface"><a href="runtimesettings.html#colorpalette" class="tsd-kind-icon">color<wbr>Palette</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-interface"><a href="runtimesettings.html#distancerenderscale" class="tsd-kind-icon">distance<wbr>Render<wbr>Scale</a></li>
 								<li class="tsd-kind-property tsd-parent-kind-interface"><a href="runtimesettings.html#enablehighdpirendering" class="tsd-kind-icon">enable<wbr>High<wbr>Dpi<wbr>Rendering</a></li>
 								<li class="tsd-kind-property tsd-parent-kind-interface"><a href="runtimesettings.html#isworldinverted" class="tsd-kind-icon">is<wbr>World<wbr>Inverted</a></li>
 								<li class="tsd-kind-property tsd-parent-kind-interface"><a href="runtimesettings.html#lightcutoffdistance" class="tsd-kind-icon">light<wbr>Cutoff<wbr>Distance</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-interface"><a href="runtimesettings.html#lightsrenderscale" class="tsd-kind-icon">lights<wbr>Render<wbr>Scale</a></li>
 								<li class="tsd-kind-property tsd-parent-kind-interface"><a href="runtimesettings.html#textures" class="tsd-kind-icon">textures</a></li>
 								<li class="tsd-kind-property tsd-parent-kind-interface"><a href="runtimesettings.html#tilemultiplier" class="tsd-kind-icon">tile<wbr>Multiplier</a></li>
 							</ul>
@@ -107,7 +109,7 @@
 					<div class="tsd-signature tsd-kind-icon">ambient<wbr>Light<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">vec3</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/graphics/rendering/settings/runtime-settings.ts#L66">graphics/rendering/settings/runtime-settings.ts:66</a></li>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/graphics/rendering/settings/runtime-settings.ts#L83">graphics/rendering/settings/runtime-settings.ts:83</a></li>
 						</ul>
 					</aside>
 					<div class="tsd-comment tsd-typography">
@@ -119,10 +121,10 @@
 				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
 					<a name="colorpalette" class="tsd-anchor"></a>
 					<h3>color<wbr>Palette</h3>
-					<div class="tsd-signature tsd-kind-icon">color<wbr>Palette<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Array</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">vec3</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">vec4</span><span class="tsd-signature-symbol">&gt;</span></div>
+					<div class="tsd-signature tsd-kind-icon">color<wbr>Palette<span class="tsd-signature-symbol">:</span> <a href="__global.array.html" class="tsd-signature-type">Array</a><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">vec3</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">vec4</span><span class="tsd-signature-symbol">&gt;</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/graphics/rendering/settings/runtime-settings.ts#L49">graphics/rendering/settings/runtime-settings.ts:49</a></li>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/graphics/rendering/settings/runtime-settings.ts#L49">graphics/rendering/settings/runtime-settings.ts:49</a></li>
 						</ul>
 					</aside>
 					<div class="tsd-comment tsd-typography">
@@ -134,13 +136,31 @@
 						<p>Can have transparency, but only if WebGL2 support is enabled.</p>
 					</div>
 				</section>
+				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
+					<a name="distancerenderscale" class="tsd-anchor"></a>
+					<h3>distance<wbr>Render<wbr>Scale</h3>
+					<div class="tsd-signature tsd-kind-icon">distance<wbr>Render<wbr>Scale<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div>
+					<aside class="tsd-sources">
+						<ul>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/graphics/rendering/settings/runtime-settings.ts#L59">graphics/rendering/settings/runtime-settings.ts:59</a></li>
+						</ul>
+					</aside>
+					<div class="tsd-comment tsd-typography">
+						<div class="lead">
+							<p>The resolution of the distance field rendering will be scaled up or down with this value.</p>
+						</div>
+						<p>Because of interpolation, this can be set much lower than the <code>lightsRenderScale</code>, while
+						maintaining closely the same perceived quality.</p>
+						<p>Setting this is a great way to balance quality and performance.</p>
+					</div>
+				</section>
 				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
 					<a name="enablehighdpirendering" class="tsd-anchor"></a>
 					<h3>enable<wbr>High<wbr>Dpi<wbr>Rendering</h3>
 					<div class="tsd-signature tsd-kind-icon">enable<wbr>High<wbr>Dpi<wbr>Rendering<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/graphics/rendering/settings/runtime-settings.ts#L14">graphics/rendering/settings/runtime-settings.ts:14</a></li>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/graphics/rendering/settings/runtime-settings.ts#L14">graphics/rendering/settings/runtime-settings.ts:14</a></li>
 						</ul>
 					</aside>
 					<div class="tsd-comment tsd-typography">
@@ -155,7 +175,7 @@
 					<div class="tsd-signature tsd-kind-icon">is<wbr>World<wbr>Inverted<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/graphics/rendering/settings/runtime-settings.ts#L33">graphics/rendering/settings/runtime-settings.ts:33</a></li>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/graphics/rendering/settings/runtime-settings.ts#L33">graphics/rendering/settings/runtime-settings.ts:33</a></li>
 						</ul>
 					</aside>
 					<div class="tsd-comment tsd-typography">
@@ -172,7 +192,7 @@
 					<div class="tsd-signature tsd-kind-icon">light<wbr>Cutoff<wbr>Distance<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/graphics/rendering/settings/runtime-settings.ts#L39">graphics/rendering/settings/runtime-settings.ts:39</a></li>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/graphics/rendering/settings/runtime-settings.ts#L39">graphics/rendering/settings/runtime-settings.ts:39</a></li>
 						</ul>
 					</aside>
 					<div class="tsd-comment tsd-typography">
@@ -182,13 +202,29 @@
 						</div>
 					</div>
 				</section>
+				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
+					<a name="lightsrenderscale" class="tsd-anchor"></a>
+					<h3>lights<wbr>Render<wbr>Scale</h3>
+					<div class="tsd-signature tsd-kind-icon">lights<wbr>Render<wbr>Scale<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div>
+					<aside class="tsd-sources">
+						<ul>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/graphics/rendering/settings/runtime-settings.ts#L66">graphics/rendering/settings/runtime-settings.ts:66</a></li>
+						</ul>
+					</aside>
+					<div class="tsd-comment tsd-typography">
+						<div class="lead">
+							<p>The resolution of the final frame will be scaled by this value.</p>
+						</div>
+						<p>Setting this is a great way to balance quality and performance.</p>
+					</div>
+				</section>
 				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
 					<a name="textures" class="tsd-anchor"></a>
 					<h3>textures</h3>
 					<div class="tsd-signature tsd-kind-icon">textures<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">{}</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/graphics/rendering/settings/runtime-settings.ts#L59">graphics/rendering/settings/runtime-settings.ts:59</a></li>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/graphics/rendering/settings/runtime-settings.ts#L76">graphics/rendering/settings/runtime-settings.ts:76</a></li>
 						</ul>
 					</aside>
 					<div class="tsd-comment tsd-typography">
@@ -215,7 +251,7 @@
 					<div class="tsd-signature tsd-kind-icon">tile<wbr>Multiplier<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/graphics/rendering/settings/runtime-settings.ts#L26">graphics/rendering/settings/runtime-settings.ts:26</a></li>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/graphics/rendering/settings/runtime-settings.ts#L26">graphics/rendering/settings/runtime-settings.ts:26</a></li>
 						</ul>
 					</aside>
 					<div class="tsd-comment tsd-typography">
@@ -242,48 +278,6 @@
 			</nav>
 			<nav class="tsd-navigation secondary menu-sticky">
 				<ul class="before-current">
-					<li class=" tsd-kind-enum">
-						<a href="../enums/filteringoptions.html" class="tsd-kind-icon">Filtering<wbr>Options</a>
-					</li>
-					<li class=" tsd-kind-enum">
-						<a href="../enums/wrapoptions.html" class="tsd-kind-icon">Wrap<wbr>Options</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="../classes/circlebase.html" class="tsd-kind-icon">Circle<wbr>Base</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="../classes/circlelight.html" class="tsd-kind-icon">Circle<wbr>Light</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="../classes/drawable.html" class="tsd-kind-icon">Drawable</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="../classes/dropletbase.html" class="tsd-kind-icon">Droplet<wbr>Base</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="../classes/flashlight.html" class="tsd-kind-icon">Flashlight</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="../classes/invertedtunnelbase.html" class="tsd-kind-icon">Inverted<wbr>Tunnel<wbr>Base</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="../classes/metacirclebase.html" class="tsd-kind-icon">Meta<wbr>Circle<wbr>Base</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="../classes/polygonbase.html" class="tsd-kind-icon">Polygon<wbr>Base</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="../classes/rotatedrectanglebase.html" class="tsd-kind-icon">Rotated<wbr>Rectangle<wbr>Base</a>
-					</li>
-					<li class=" tsd-kind-interface">
-						<a href="drawabledescriptor.html" class="tsd-kind-icon">Drawable<wbr>Descriptor</a>
-					</li>
-					<li class=" tsd-kind-interface">
-						<a href="noisypolygonbase.html" class="tsd-kind-icon">Noisy<wbr>Polygon<wbr>Base</a>
-					</li>
-					<li class=" tsd-kind-interface">
-						<a href="renderer.html" class="tsd-kind-icon">Renderer</a>
-					</li>
 				</ul>
 				<ul class="current">
 					<li class="current tsd-kind-interface">
@@ -295,6 +289,9 @@
 							<li class=" tsd-kind-property tsd-parent-kind-interface">
 								<a href="runtimesettings.html#colorpalette" class="tsd-kind-icon">color<wbr>Palette</a>
 							</li>
+							<li class=" tsd-kind-property tsd-parent-kind-interface">
+								<a href="runtimesettings.html#distancerenderscale" class="tsd-kind-icon">distance<wbr>Render<wbr>Scale</a>
+							</li>
 							<li class=" tsd-kind-property tsd-parent-kind-interface">
 								<a href="runtimesettings.html#enablehighdpirendering" class="tsd-kind-icon">enable<wbr>High<wbr>Dpi<wbr>Rendering</a>
 							</li>
@@ -304,6 +301,9 @@
 							<li class=" tsd-kind-property tsd-parent-kind-interface">
 								<a href="runtimesettings.html#lightcutoffdistance" class="tsd-kind-icon">light<wbr>Cutoff<wbr>Distance</a>
 							</li>
+							<li class=" tsd-kind-property tsd-parent-kind-interface">
+								<a href="runtimesettings.html#lightsrenderscale" class="tsd-kind-icon">lights<wbr>Render<wbr>Scale</a>
+							</li>
 							<li class=" tsd-kind-property tsd-parent-kind-interface">
 								<a href="runtimesettings.html#textures" class="tsd-kind-icon">textures</a>
 							</li>
@@ -314,66 +314,6 @@
 					</li>
 				</ul>
 				<ul class="after-current">
-					<li class=" tsd-kind-interface">
-						<a href="startupsettings.html" class="tsd-kind-icon">Startup<wbr>Settings</a>
-					</li>
-					<li class=" tsd-kind-interface">
-						<a href="textureoptions.html" class="tsd-kind-icon">Texture<wbr>Options</a>
-					</li>
-					<li class=" tsd-kind-type-alias">
-						<a href="../globals.html#texturewithoptions" class="tsd-kind-icon">Texture<wbr>With<wbr>Options</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#circlefactory" class="tsd-kind-icon">Circle<wbr>Factory</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#dropletfactory" class="tsd-kind-icon">Droplet<wbr>Factory</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#invertedtunnelfactory" class="tsd-kind-icon">Inverted<wbr>Tunnel<wbr>Factory</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#metacirclefactory" class="tsd-kind-icon">Meta<wbr>Circle<wbr>Factory</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#noisypolygonfactory" class="tsd-kind-icon">Noisy<wbr>Polygon<wbr>Factory</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#polygonfactory" class="tsd-kind-icon">Polygon<wbr>Factory</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#rotatedrectanglefactory" class="tsd-kind-icon">Rotated<wbr>Rectangle<wbr>Factory</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#compile" class="tsd-kind-icon">compile</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#hex" class="tsd-kind-icon">hex</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#hsl" class="tsd-kind-icon">hsl</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#rendernoise" class="tsd-kind-icon">render<wbr>Noise</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#rgb" class="tsd-kind-icon">rgb</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#rgb255" class="tsd-kind-icon">rgb255</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#rgba" class="tsd-kind-icon">rgba</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#rgba255" class="tsd-kind-icon">rgba255</a>
-					</li>
-					<li class=" tsd-kind-object-literal">
-						<a href="../globals.html#defaultruntimesettings" class="tsd-kind-icon">default<wbr>Runtime<wbr>Settings</a>
-					</li>
-					<li class=" tsd-kind-object-literal">
-						<a href="../globals.html#defaultstartupsettings" class="tsd-kind-icon">default<wbr>Startup<wbr>Settings</a>
-					</li>
 				</ul>
 			</nav>
 		</div>
diff --git a/docs/interfaces/startupsettings.html b/docs/interfaces/startupsettings.html
index f452dfe..5252663 100644
--- a/docs/interfaces/startupsettings.html
+++ b/docs/interfaces/startupsettings.html
@@ -3,8 +3,8 @@
 <head>
 	<meta charset="utf-8">
 	<meta http-equiv="X-UA-Compatible" content="IE=edge">
-	<title>StartupSettings | SDF-2D - v0.5.3</title>
-	<meta name="description" content="Documentation for SDF-2D - v0.5.3">
+	<title>StartupSettings | SDF-2D - v0.6.0</title>
+	<meta name="description" content="Documentation for SDF-2D - v0.6.0">
 	<meta name="viewport" content="width=device-width, initial-scale=1">
 	<link rel="stylesheet" href="../assets/css/main.css">
 	<link rel="icon" href="../favicon.ico" />
@@ -23,7 +23,7 @@
 						<li class="state loading">Preparing search index...</li>
 						<li class="state failure">The search index is not available</li>
 					</ul>
-					<a href="../index.html" class="title">SDF-2D - v0.5.3</a>
+					<a href="../index.html" class="title">SDF-2D - v0.6.0</a>
 				</div>
 				<div class="table-cell" id="tsd-widgets">
 					<div id="tsd-filter">
@@ -90,6 +90,7 @@
 								<li class="tsd-kind-property tsd-parent-kind-interface"><a href="startupsettings.html#backgroundcolor" class="tsd-kind-icon">background<wbr>Color</a></li>
 								<li class="tsd-kind-property tsd-parent-kind-interface"><a href="startupsettings.html#enablestopwatch" class="tsd-kind-icon">enable<wbr>Stopwatch</a></li>
 								<li class="tsd-kind-property tsd-parent-kind-interface"><a href="startupsettings.html#ignorewebgl2" class="tsd-kind-icon">ignore<wbr>WebGL2</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-interface"><a href="startupsettings.html#lightpenetrationratio" class="tsd-kind-icon">light<wbr>Penetration<wbr>Ratio</a></li>
 								<li class="tsd-kind-property tsd-parent-kind-interface"><a href="startupsettings.html#palettesize" class="tsd-kind-icon">palette<wbr>Size</a></li>
 								<li class="tsd-kind-property tsd-parent-kind-interface"><a href="startupsettings.html#shadowtracecount" class="tsd-kind-icon">shadow<wbr>Trace<wbr>Count</a></li>
 							</ul>
@@ -105,7 +106,7 @@
 					<div class="tsd-signature tsd-kind-icon">background<wbr>Color<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">vec3</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">vec4</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/graphics/rendering/settings/startup-settings.ts#L39">graphics/rendering/settings/startup-settings.ts:39</a></li>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/graphics/rendering/settings/startup-settings.ts#L47">graphics/rendering/settings/startup-settings.ts:47</a></li>
 						</ul>
 					</aside>
 					<div class="tsd-comment tsd-typography">
@@ -120,7 +121,7 @@
 					<div class="tsd-signature tsd-kind-icon">enable<wbr>Stopwatch<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/graphics/rendering/settings/startup-settings.ts#L16">graphics/rendering/settings/startup-settings.ts:16</a></li>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/graphics/rendering/settings/startup-settings.ts#L16">graphics/rendering/settings/startup-settings.ts:16</a></li>
 						</ul>
 					</aside>
 					<div class="tsd-comment tsd-typography">
@@ -137,7 +138,7 @@
 					<div class="tsd-signature tsd-kind-icon">ignore<wbr>WebGL2<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/graphics/rendering/settings/startup-settings.ts#L47">graphics/rendering/settings/startup-settings.ts:47</a></li>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/graphics/rendering/settings/startup-settings.ts#L55">graphics/rendering/settings/startup-settings.ts:55</a></li>
 						</ul>
 					</aside>
 					<div class="tsd-comment tsd-typography">
@@ -148,13 +149,30 @@
 						<p>Useful for testing compatibility.</p>
 					</div>
 				</section>
+				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
+					<a name="lightpenetrationratio" class="tsd-anchor"></a>
+					<h3>light<wbr>Penetration<wbr>Ratio</h3>
+					<div class="tsd-signature tsd-kind-icon">light<wbr>Penetration<wbr>Ratio<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div>
+					<aside class="tsd-sources">
+						<ul>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/graphics/rendering/settings/startup-settings.ts#L33">graphics/rendering/settings/startup-settings.ts:33</a></li>
+						</ul>
+					</aside>
+					<div class="tsd-comment tsd-typography">
+						<div class="lead">
+							<p>The illumination is multiplied by this constant where
+							the distance field is negative (i.e. inside objects).</p>
+						</div>
+						<p>Should be between 0 and 1, but other values are also permitted.</p>
+					</div>
+				</section>
 				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
 					<a name="palettesize" class="tsd-anchor"></a>
 					<h3>palette<wbr>Size</h3>
 					<div class="tsd-signature tsd-kind-icon">palette<wbr>Size<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/graphics/rendering/settings/startup-settings.ts#L34">graphics/rendering/settings/startup-settings.ts:34</a></li>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/graphics/rendering/settings/startup-settings.ts#L42">graphics/rendering/settings/startup-settings.ts:42</a></li>
 						</ul>
 					</aside>
 					<div class="tsd-comment tsd-typography">
@@ -172,7 +190,7 @@
 					<div class="tsd-signature tsd-kind-icon">shadow<wbr>Trace<wbr>Count<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/graphics/rendering/settings/startup-settings.ts#L25">graphics/rendering/settings/startup-settings.ts:25</a></li>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/graphics/rendering/settings/startup-settings.ts#L25">graphics/rendering/settings/startup-settings.ts:25</a></li>
 						</ul>
 					</aside>
 					<div class="tsd-comment tsd-typography">
@@ -196,51 +214,6 @@
 			</nav>
 			<nav class="tsd-navigation secondary menu-sticky">
 				<ul class="before-current">
-					<li class=" tsd-kind-enum">
-						<a href="../enums/filteringoptions.html" class="tsd-kind-icon">Filtering<wbr>Options</a>
-					</li>
-					<li class=" tsd-kind-enum">
-						<a href="../enums/wrapoptions.html" class="tsd-kind-icon">Wrap<wbr>Options</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="../classes/circlebase.html" class="tsd-kind-icon">Circle<wbr>Base</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="../classes/circlelight.html" class="tsd-kind-icon">Circle<wbr>Light</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="../classes/drawable.html" class="tsd-kind-icon">Drawable</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="../classes/dropletbase.html" class="tsd-kind-icon">Droplet<wbr>Base</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="../classes/flashlight.html" class="tsd-kind-icon">Flashlight</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="../classes/invertedtunnelbase.html" class="tsd-kind-icon">Inverted<wbr>Tunnel<wbr>Base</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="../classes/metacirclebase.html" class="tsd-kind-icon">Meta<wbr>Circle<wbr>Base</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="../classes/polygonbase.html" class="tsd-kind-icon">Polygon<wbr>Base</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="../classes/rotatedrectanglebase.html" class="tsd-kind-icon">Rotated<wbr>Rectangle<wbr>Base</a>
-					</li>
-					<li class=" tsd-kind-interface">
-						<a href="drawabledescriptor.html" class="tsd-kind-icon">Drawable<wbr>Descriptor</a>
-					</li>
-					<li class=" tsd-kind-interface">
-						<a href="noisypolygonbase.html" class="tsd-kind-icon">Noisy<wbr>Polygon<wbr>Base</a>
-					</li>
-					<li class=" tsd-kind-interface">
-						<a href="renderer.html" class="tsd-kind-icon">Renderer</a>
-					</li>
-					<li class=" tsd-kind-interface">
-						<a href="runtimesettings.html" class="tsd-kind-icon">Runtime<wbr>Settings</a>
-					</li>
 				</ul>
 				<ul class="current">
 					<li class="current tsd-kind-interface">
@@ -255,6 +228,9 @@
 							<li class=" tsd-kind-property tsd-parent-kind-interface">
 								<a href="startupsettings.html#ignorewebgl2" class="tsd-kind-icon">ignore<wbr>WebGL2</a>
 							</li>
+							<li class=" tsd-kind-property tsd-parent-kind-interface">
+								<a href="startupsettings.html#lightpenetrationratio" class="tsd-kind-icon">light<wbr>Penetration<wbr>Ratio</a>
+							</li>
 							<li class=" tsd-kind-property tsd-parent-kind-interface">
 								<a href="startupsettings.html#palettesize" class="tsd-kind-icon">palette<wbr>Size</a>
 							</li>
@@ -265,63 +241,6 @@
 					</li>
 				</ul>
 				<ul class="after-current">
-					<li class=" tsd-kind-interface">
-						<a href="textureoptions.html" class="tsd-kind-icon">Texture<wbr>Options</a>
-					</li>
-					<li class=" tsd-kind-type-alias">
-						<a href="../globals.html#texturewithoptions" class="tsd-kind-icon">Texture<wbr>With<wbr>Options</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#circlefactory" class="tsd-kind-icon">Circle<wbr>Factory</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#dropletfactory" class="tsd-kind-icon">Droplet<wbr>Factory</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#invertedtunnelfactory" class="tsd-kind-icon">Inverted<wbr>Tunnel<wbr>Factory</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#metacirclefactory" class="tsd-kind-icon">Meta<wbr>Circle<wbr>Factory</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#noisypolygonfactory" class="tsd-kind-icon">Noisy<wbr>Polygon<wbr>Factory</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#polygonfactory" class="tsd-kind-icon">Polygon<wbr>Factory</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#rotatedrectanglefactory" class="tsd-kind-icon">Rotated<wbr>Rectangle<wbr>Factory</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#compile" class="tsd-kind-icon">compile</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#hex" class="tsd-kind-icon">hex</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#hsl" class="tsd-kind-icon">hsl</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#rendernoise" class="tsd-kind-icon">render<wbr>Noise</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#rgb" class="tsd-kind-icon">rgb</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#rgb255" class="tsd-kind-icon">rgb255</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#rgba" class="tsd-kind-icon">rgba</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#rgba255" class="tsd-kind-icon">rgba255</a>
-					</li>
-					<li class=" tsd-kind-object-literal">
-						<a href="../globals.html#defaultruntimesettings" class="tsd-kind-icon">default<wbr>Runtime<wbr>Settings</a>
-					</li>
-					<li class=" tsd-kind-object-literal">
-						<a href="../globals.html#defaultstartupsettings" class="tsd-kind-icon">default<wbr>Startup<wbr>Settings</a>
-					</li>
 				</ul>
 			</nav>
 		</div>
diff --git a/docs/interfaces/textureoptions.html b/docs/interfaces/textureoptions.html
index 5135ebc..ba45681 100644
--- a/docs/interfaces/textureoptions.html
+++ b/docs/interfaces/textureoptions.html
@@ -3,8 +3,8 @@
 <head>
 	<meta charset="utf-8">
 	<meta http-equiv="X-UA-Compatible" content="IE=edge">
-	<title>TextureOptions | SDF-2D - v0.5.3</title>
-	<meta name="description" content="Documentation for SDF-2D - v0.5.3">
+	<title>TextureOptions | SDF-2D - v0.6.0</title>
+	<meta name="description" content="Documentation for SDF-2D - v0.6.0">
 	<meta name="viewport" content="width=device-width, initial-scale=1">
 	<link rel="stylesheet" href="../assets/css/main.css">
 	<link rel="icon" href="../favicon.ico" />
@@ -23,7 +23,7 @@
 						<li class="state loading">Preparing search index...</li>
 						<li class="state failure">The search index is not available</li>
 					</ul>
-					<a href="../index.html" class="title">SDF-2D - v0.5.3</a>
+					<a href="../index.html" class="title">SDF-2D - v0.6.0</a>
 				</div>
 				<div class="table-cell" id="tsd-widgets">
 					<div id="tsd-filter">
@@ -95,7 +95,7 @@
 					<div class="tsd-signature tsd-kind-icon">max<wbr>Filter<span class="tsd-signature-symbol">:</span> <a href="../enums/filteringoptions.html" class="tsd-signature-type">FilteringOptions</a></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/graphics/graphics-library/texture/texture-options.ts#L24">graphics/graphics-library/texture/texture-options.ts:24</a></li>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/graphics/graphics-library/texture/texture-options.ts#L24">graphics/graphics-library/texture/texture-options.ts:24</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -105,7 +105,7 @@
 					<div class="tsd-signature tsd-kind-icon">min<wbr>Filter<span class="tsd-signature-symbol">:</span> <a href="../enums/filteringoptions.html" class="tsd-signature-type">FilteringOptions</a></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/graphics/graphics-library/texture/texture-options.ts#L23">graphics/graphics-library/texture/texture-options.ts:23</a></li>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/graphics/graphics-library/texture/texture-options.ts#L23">graphics/graphics-library/texture/texture-options.ts:23</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -115,7 +115,7 @@
 					<div class="tsd-signature tsd-kind-icon">wrapS<span class="tsd-signature-symbol">:</span> <a href="../enums/wrapoptions.html" class="tsd-signature-type">WrapOptions</a></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/graphics/graphics-library/texture/texture-options.ts#L21">graphics/graphics-library/texture/texture-options.ts:21</a></li>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/graphics/graphics-library/texture/texture-options.ts#L21">graphics/graphics-library/texture/texture-options.ts:21</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -125,7 +125,7 @@
 					<div class="tsd-signature tsd-kind-icon">wrapT<span class="tsd-signature-symbol">:</span> <a href="../enums/wrapoptions.html" class="tsd-signature-type">WrapOptions</a></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/fbd85a6/src/graphics/graphics-library/texture/texture-options.ts#L22">graphics/graphics-library/texture/texture-options.ts:22</a></li>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/06dfd59/src/graphics/graphics-library/texture/texture-options.ts#L22">graphics/graphics-library/texture/texture-options.ts:22</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -141,54 +141,6 @@
 			</nav>
 			<nav class="tsd-navigation secondary menu-sticky">
 				<ul class="before-current">
-					<li class=" tsd-kind-enum">
-						<a href="../enums/filteringoptions.html" class="tsd-kind-icon">Filtering<wbr>Options</a>
-					</li>
-					<li class=" tsd-kind-enum">
-						<a href="../enums/wrapoptions.html" class="tsd-kind-icon">Wrap<wbr>Options</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="../classes/circlebase.html" class="tsd-kind-icon">Circle<wbr>Base</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="../classes/circlelight.html" class="tsd-kind-icon">Circle<wbr>Light</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="../classes/drawable.html" class="tsd-kind-icon">Drawable</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="../classes/dropletbase.html" class="tsd-kind-icon">Droplet<wbr>Base</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="../classes/flashlight.html" class="tsd-kind-icon">Flashlight</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="../classes/invertedtunnelbase.html" class="tsd-kind-icon">Inverted<wbr>Tunnel<wbr>Base</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="../classes/metacirclebase.html" class="tsd-kind-icon">Meta<wbr>Circle<wbr>Base</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="../classes/polygonbase.html" class="tsd-kind-icon">Polygon<wbr>Base</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="../classes/rotatedrectanglebase.html" class="tsd-kind-icon">Rotated<wbr>Rectangle<wbr>Base</a>
-					</li>
-					<li class=" tsd-kind-interface">
-						<a href="drawabledescriptor.html" class="tsd-kind-icon">Drawable<wbr>Descriptor</a>
-					</li>
-					<li class=" tsd-kind-interface">
-						<a href="noisypolygonbase.html" class="tsd-kind-icon">Noisy<wbr>Polygon<wbr>Base</a>
-					</li>
-					<li class=" tsd-kind-interface">
-						<a href="renderer.html" class="tsd-kind-icon">Renderer</a>
-					</li>
-					<li class=" tsd-kind-interface">
-						<a href="runtimesettings.html" class="tsd-kind-icon">Runtime<wbr>Settings</a>
-					</li>
-					<li class=" tsd-kind-interface">
-						<a href="startupsettings.html" class="tsd-kind-icon">Startup<wbr>Settings</a>
-					</li>
 				</ul>
 				<ul class="current">
 					<li class="current tsd-kind-interface">
@@ -210,60 +162,6 @@
 					</li>
 				</ul>
 				<ul class="after-current">
-					<li class=" tsd-kind-type-alias">
-						<a href="../globals.html#texturewithoptions" class="tsd-kind-icon">Texture<wbr>With<wbr>Options</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#circlefactory" class="tsd-kind-icon">Circle<wbr>Factory</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#dropletfactory" class="tsd-kind-icon">Droplet<wbr>Factory</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#invertedtunnelfactory" class="tsd-kind-icon">Inverted<wbr>Tunnel<wbr>Factory</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#metacirclefactory" class="tsd-kind-icon">Meta<wbr>Circle<wbr>Factory</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#noisypolygonfactory" class="tsd-kind-icon">Noisy<wbr>Polygon<wbr>Factory</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#polygonfactory" class="tsd-kind-icon">Polygon<wbr>Factory</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#rotatedrectanglefactory" class="tsd-kind-icon">Rotated<wbr>Rectangle<wbr>Factory</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#compile" class="tsd-kind-icon">compile</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#hex" class="tsd-kind-icon">hex</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#hsl" class="tsd-kind-icon">hsl</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#rendernoise" class="tsd-kind-icon">render<wbr>Noise</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#rgb" class="tsd-kind-icon">rgb</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#rgb255" class="tsd-kind-icon">rgb255</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#rgba" class="tsd-kind-icon">rgba</a>
-					</li>
-					<li class=" tsd-kind-function">
-						<a href="../globals.html#rgba255" class="tsd-kind-icon">rgba255</a>
-					</li>
-					<li class=" tsd-kind-object-literal">
-						<a href="../globals.html#defaultruntimesettings" class="tsd-kind-icon">default<wbr>Runtime<wbr>Settings</a>
-					</li>
-					<li class=" tsd-kind-object-literal">
-						<a href="../globals.html#defaultstartupsettings" class="tsd-kind-icon">default<wbr>Startup<wbr>Settings</a>
-					</li>
 				</ul>
 			</nav>
 		</div>
diff --git a/docs/modules/__global.html b/docs/modules/__global.html
new file mode 100644
index 0000000..e5ed666
--- /dev/null
+++ b/docs/modules/__global.html
@@ -0,0 +1,134 @@
+<!doctype html>
+<html class="default no-js">
+<head>
+	<meta charset="utf-8">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge">
+	<title>__global | SDF-2D - v0.6.0</title>
+	<meta name="description" content="Documentation for SDF-2D - v0.6.0">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<link rel="stylesheet" href="../assets/css/main.css">
+	<link rel="icon" href="../favicon.ico" />
+</head>
+<body>
+<header>
+	<div class="tsd-page-toolbar">
+		<div class="container">
+			<div class="table-wrap">
+				<div class="table-cell" id="tsd-search" data-index="../assets/js/search.json" data-base="..">
+					<div class="field">
+						<label for="tsd-search-field" class="tsd-widget search no-caption">Search</label>
+						<input id="tsd-search-field" type="text" />
+					</div>
+					<ul class="results">
+						<li class="state loading">Preparing search index...</li>
+						<li class="state failure">The search index is not available</li>
+					</ul>
+					<a href="../index.html" class="title">SDF-2D - v0.6.0</a>
+				</div>
+				<div class="table-cell" id="tsd-widgets">
+					<div id="tsd-filter">
+						<a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a>
+						<div class="tsd-filter-group">
+							<div class="tsd-select" id="tsd-filter-visibility">
+								<span class="tsd-select-label">All</span>
+								<ul class="tsd-select-list">
+									<li data-value="public">Public</li>
+									<li data-value="protected">Public/Protected</li>
+									<li data-value="private" class="selected">All</li>
+								</ul>
+							</div>
+							<input type="checkbox" id="tsd-filter-inherited" checked />
+							<label class="tsd-widget" for="tsd-filter-inherited">Inherited</label>
+						</div>
+					</div>
+					<a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a>
+				</div>
+			</div>
+		</div>
+	</div>
+	<div class="tsd-page-title">
+		<div class="container">
+			<ul class="tsd-breadcrumb">
+				<li>
+					<a href="../globals.html">Globals</a>
+				</li>
+				<li>
+					<a href="__global.html">__global</a>
+				</li>
+			</ul>
+			<h1>Namespace __global</h1>
+		</div>
+	</div>
+</header>
+<div class="container container-main">
+	<div class="row">
+		<div class="col-8 col-content">
+			<section class="tsd-panel-group tsd-index-group">
+				<h2>Index</h2>
+				<section class="tsd-panel tsd-index-panel">
+					<div class="tsd-index-content">
+						<section class="tsd-index-section ">
+							<h3>Interfaces</h3>
+							<ul class="tsd-index-list">
+								<li class="tsd-kind-interface tsd-parent-kind-namespace tsd-has-type-parameter"><a href="../interfaces/__global.array.html" class="tsd-kind-icon">Array</a></li>
+								<li class="tsd-kind-interface tsd-parent-kind-namespace"><a href="../interfaces/__global.float32array.html" class="tsd-kind-icon">Float32<wbr>Array</a></li>
+							</ul>
+						</section>
+					</div>
+				</section>
+			</section>
+		</div>
+		<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
+			<nav class="tsd-navigation primary">
+				<ul>
+					<li class="globals  ">
+						<a href="../globals.html"><em>Globals</em></a>
+					</li>
+					<li class="current tsd-kind-namespace">
+						<a href="__global.html">__global</a>
+					</li>
+				</ul>
+			</nav>
+			<nav class="tsd-navigation secondary menu-sticky">
+				<ul class="before-current">
+					<li class=" tsd-kind-interface tsd-parent-kind-namespace tsd-has-type-parameter">
+						<a href="../interfaces/__global.array.html" class="tsd-kind-icon">Array</a>
+					</li>
+					<li class=" tsd-kind-interface tsd-parent-kind-namespace">
+						<a href="../interfaces/__global.float32array.html" class="tsd-kind-icon">Float32<wbr>Array</a>
+					</li>
+				</ul>
+			</nav>
+		</div>
+	</div>
+</div>
+<footer>
+	<div class="container">
+		<h2>Legend</h2>
+		<div class="tsd-legend-group">
+			<ul class="tsd-legend">
+				<li class="tsd-kind-constructor tsd-parent-kind-class"><span class="tsd-kind-icon">Constructor</span></li>
+				<li class="tsd-kind-property tsd-parent-kind-class"><span class="tsd-kind-icon">Property</span></li>
+				<li class="tsd-kind-method tsd-parent-kind-class"><span class="tsd-kind-icon">Method</span></li>
+			</ul>
+			<ul class="tsd-legend">
+				<li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li>
+				<li class="tsd-kind-method tsd-parent-kind-interface"><span class="tsd-kind-icon">Method</span></li>
+			</ul>
+			<ul class="tsd-legend">
+				<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited property</span></li>
+				<li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited method</span></li>
+			</ul>
+			<ul class="tsd-legend">
+				<li class="tsd-kind-method tsd-parent-kind-class tsd-is-protected"><span class="tsd-kind-icon">Protected method</span></li>
+			</ul>
+			<ul class="tsd-legend">
+				<li class="tsd-kind-property tsd-parent-kind-class tsd-is-static"><span class="tsd-kind-icon">Static property</span></li>
+			</ul>
+		</div>
+	</div>
+</footer>
+<div class="overlay"></div>
+<script src="../assets/js/main.js"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/tsconfig.json b/tsconfig.json
index 0fe82a5..b8c22f0 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -7,7 +7,6 @@
     "target": "es5",
     "esModuleInterop": true,
     "strict": true,
-    "experimentalDecorators": true,
     "downlevelIteration": true,
     "moduleResolution": "Node",
     "module": "es6",