diff --git a/docs/assets/js/search.json b/docs/assets/js/search.json
index 8ba0755..c3e8757 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":"backgroundColor","url":"interfaces/runtimesettings.html#backgroundcolor","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"RuntimeSettings"},{"id":34,"kind":1024,"name":"colorPalette","url":"interfaces/runtimesettings.html#colorpalette","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"RuntimeSettings"},{"id":35,"kind":1024,"name":"textures","url":"interfaces/runtimesettings.html#textures","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"RuntimeSettings"},{"id":36,"kind":65536,"name":"__type","url":"interfaces/runtimesettings.html#textures.__type","classes":"tsd-kind-type-literal tsd-parent-kind-property","parent":"RuntimeSettings.textures"},{"id":37,"kind":1024,"name":"ambientLight","url":"interfaces/runtimesettings.html#ambientlight","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"RuntimeSettings"},{"id":38,"kind":256,"name":"StartupSettings","url":"interfaces/startupsettings.html","classes":"tsd-kind-interface"},{"id":39,"kind":1024,"name":"enableStopwatch","url":"interfaces/startupsettings.html#enablestopwatch","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"StartupSettings"},{"id":40,"kind":1024,"name":"shadowTraceCount","url":"interfaces/startupsettings.html#shadowtracecount","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"StartupSettings"},{"id":41,"kind":1024,"name":"paletteSize","url":"interfaces/startupsettings.html#palettesize","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":"backgroundColor","url":"globals.html#defaultruntimesettings.backgroundcolor","classes":"tsd-kind-variable tsd-parent-kind-object-literal","parent":"defaultRuntimeSettings"},{"id":60,"kind":32,"name":"colorPalette","url":"globals.html#defaultruntimesettings.colorpalette","classes":"tsd-kind-variable tsd-parent-kind-object-literal","parent":"defaultRuntimeSettings"},{"id":61,"kind":32,"name":"ambientLight","url":"globals.html#defaultruntimesettings.ambientlight","classes":"tsd-kind-variable tsd-parent-kind-object-literal","parent":"defaultRuntimeSettings"},{"id":62,"kind":32,"name":"textures","url":"globals.html#defaultruntimesettings.textures","classes":"tsd-kind-variable tsd-parent-kind-object-literal","parent":"defaultRuntimeSettings"},{"id":63,"kind":65536,"name":"__type","url":"globals.html#defaultruntimesettings.textures.__type","classes":"tsd-kind-type-literal tsd-parent-kind-variable","parent":"defaultRuntimeSettings.textures"},{"id":64,"kind":2097152,"name":"defaultStartupSettings","url":"globals.html#defaultstartupsettings","classes":"tsd-kind-object-literal"},{"id":65,"kind":32,"name":"shadowTraceCount","url":"globals.html#defaultstartupsettings.shadowtracecount","classes":"tsd-kind-variable tsd-parent-kind-object-literal","parent":"defaultStartupSettings"},{"id":66,"kind":32,"name":"paletteSize","url":"globals.html#defaultstartupsettings.palettesize","classes":"tsd-kind-variable tsd-parent-kind-object-literal","parent":"defaultStartupSettings"},{"id":67,"kind":32,"name":"ignoreWebGL2","url":"globals.html#defaultstartupsettings.ignorewebgl2","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":"Circle","url":"classes/circle.html","classes":"tsd-kind-class"},{"id":91,"kind":2097152,"name":"descriptor","url":"classes/circle.html#descriptor","classes":"tsd-kind-object-literal tsd-parent-kind-class tsd-is-overwrite tsd-is-static","parent":"Circle"},{"id":92,"kind":2097152,"name":"sdf","url":"classes/circle.html#descriptor.sdf","classes":"tsd-kind-object-literal tsd-parent-kind-object-literal","parent":"Circle.descriptor"},{"id":93,"kind":32,"name":"shader","url":"classes/circle.html#descriptor.sdf.shader","classes":"tsd-kind-variable tsd-parent-kind-object-literal","parent":"Circle.descriptor.sdf"},{"id":94,"kind":32,"name":"distanceFunctionName","url":"classes/circle.html#descriptor.sdf.distancefunctionname","classes":"tsd-kind-variable tsd-parent-kind-object-literal","parent":"Circle.descriptor.sdf"},{"id":95,"kind":2097152,"name":"propertyUniformMapping","url":"classes/circle.html#descriptor.propertyuniformmapping","classes":"tsd-kind-object-literal tsd-parent-kind-object-literal","parent":"Circle.descriptor"},{"id":96,"kind":32,"name":"center","url":"classes/circle.html#descriptor.propertyuniformmapping.center-1","classes":"tsd-kind-variable tsd-parent-kind-object-literal","parent":"Circle.descriptor.propertyUniformMapping"},{"id":97,"kind":32,"name":"radius","url":"classes/circle.html#descriptor.propertyuniformmapping.radius-1","classes":"tsd-kind-variable tsd-parent-kind-object-literal","parent":"Circle.descriptor.propertyUniformMapping"},{"id":98,"kind":32,"name":"uniformCountMacroName","url":"classes/circle.html#descriptor.uniformcountmacroname","classes":"tsd-kind-variable tsd-parent-kind-object-literal","parent":"Circle.descriptor"},{"id":99,"kind":32,"name":"shaderCombinationSteps","url":"classes/circle.html#descriptor.shadercombinationsteps","classes":"tsd-kind-variable tsd-parent-kind-object-literal","parent":"Circle.descriptor"},{"id":100,"kind":32,"name":"empty","url":"classes/circle.html#descriptor.empty","classes":"tsd-kind-variable tsd-parent-kind-object-literal","parent":"Circle.descriptor"},{"id":101,"kind":512,"name":"constructor","url":"classes/circle.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class","parent":"Circle"},{"id":102,"kind":1024,"name":"center","url":"classes/circle.html#center","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Circle"},{"id":103,"kind":1024,"name":"radius","url":"classes/circle.html#radius","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Circle"},{"id":104,"kind":2048,"name":"minDistance","url":"classes/circle.html#mindistance","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"Circle"},{"id":105,"kind":2048,"name":"getObjectToSerialize","url":"classes/circle.html#getobjecttoserialize","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite tsd-is-protected","parent":"Circle"},{"id":106,"kind":128,"name":"Droplet","url":"classes/droplet.html","classes":"tsd-kind-class"},{"id":107,"kind":2097152,"name":"descriptor","url":"classes/droplet.html#descriptor","classes":"tsd-kind-object-literal tsd-parent-kind-class tsd-is-overwrite tsd-is-static","parent":"Droplet"},{"id":108,"kind":2097152,"name":"sdf","url":"classes/droplet.html#descriptor.sdf","classes":"tsd-kind-object-literal tsd-parent-kind-object-literal","parent":"Droplet.descriptor"},{"id":109,"kind":32,"name":"shader","url":"classes/droplet.html#descriptor.sdf.shader","classes":"tsd-kind-variable tsd-parent-kind-object-literal","parent":"Droplet.descriptor.sdf"},{"id":110,"kind":32,"name":"distanceFunctionName","url":"classes/droplet.html#descriptor.sdf.distancefunctionname","classes":"tsd-kind-variable tsd-parent-kind-object-literal","parent":"Droplet.descriptor.sdf"},{"id":111,"kind":2097152,"name":"propertyUniformMapping","url":"classes/droplet.html#descriptor.propertyuniformmapping","classes":"tsd-kind-object-literal tsd-parent-kind-object-literal","parent":"Droplet.descriptor"},{"id":112,"kind":32,"name":"from","url":"classes/droplet.html#descriptor.propertyuniformmapping.from-1","classes":"tsd-kind-variable tsd-parent-kind-object-literal","parent":"Droplet.descriptor.propertyUniformMapping"},{"id":113,"kind":32,"name":"toFromDelta","url":"classes/droplet.html#descriptor.propertyuniformmapping.tofromdelta","classes":"tsd-kind-variable tsd-parent-kind-object-literal","parent":"Droplet.descriptor.propertyUniformMapping"},{"id":114,"kind":32,"name":"fromRadius","url":"classes/droplet.html#descriptor.propertyuniformmapping.fromradius-1","classes":"tsd-kind-variable tsd-parent-kind-object-literal","parent":"Droplet.descriptor.propertyUniformMapping"},{"id":115,"kind":32,"name":"toRadius","url":"classes/droplet.html#descriptor.propertyuniformmapping.toradius-1","classes":"tsd-kind-variable tsd-parent-kind-object-literal","parent":"Droplet.descriptor.propertyUniformMapping"},{"id":116,"kind":32,"name":"uniformCountMacroName","url":"classes/droplet.html#descriptor.uniformcountmacroname","classes":"tsd-kind-variable tsd-parent-kind-object-literal","parent":"Droplet.descriptor"},{"id":117,"kind":32,"name":"shaderCombinationSteps","url":"classes/droplet.html#descriptor.shadercombinationsteps","classes":"tsd-kind-variable tsd-parent-kind-object-literal","parent":"Droplet.descriptor"},{"id":118,"kind":32,"name":"empty","url":"classes/droplet.html#descriptor.empty","classes":"tsd-kind-variable tsd-parent-kind-object-literal","parent":"Droplet.descriptor"},{"id":119,"kind":512,"name":"constructor","url":"classes/droplet.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class","parent":"Droplet"},{"id":120,"kind":1024,"name":"from","url":"classes/droplet.html#from","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Droplet"},{"id":121,"kind":1024,"name":"to","url":"classes/droplet.html#to","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Droplet"},{"id":122,"kind":1024,"name":"fromRadius","url":"classes/droplet.html#fromradius","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Droplet"},{"id":123,"kind":1024,"name":"toRadius","url":"classes/droplet.html#toradius","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Droplet"},{"id":124,"kind":2048,"name":"minDistance","url":"classes/droplet.html#mindistance","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"Droplet"},{"id":125,"kind":2048,"name":"getObjectToSerialize","url":"classes/droplet.html#getobjecttoserialize","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite tsd-is-protected","parent":"Droplet"},{"id":126,"kind":64,"name":"PolygonFactory","url":"globals.html#polygonfactory","classes":"tsd-kind-function"},{"id":127,"kind":128,"name":"InvertedTunnel","url":"classes/invertedtunnel.html","classes":"tsd-kind-class"},{"id":128,"kind":2097152,"name":"descriptor","url":"classes/invertedtunnel.html#descriptor","classes":"tsd-kind-object-literal tsd-parent-kind-class tsd-is-overwrite tsd-is-static","parent":"InvertedTunnel"},{"id":129,"kind":2097152,"name":"sdf","url":"classes/invertedtunnel.html#descriptor.sdf","classes":"tsd-kind-object-literal tsd-parent-kind-object-literal","parent":"InvertedTunnel.descriptor"},{"id":130,"kind":32,"name":"shader","url":"classes/invertedtunnel.html#descriptor.sdf.shader","classes":"tsd-kind-variable tsd-parent-kind-object-literal","parent":"InvertedTunnel.descriptor.sdf"},{"id":131,"kind":32,"name":"isInverted","url":"classes/invertedtunnel.html#descriptor.sdf.isinverted","classes":"tsd-kind-variable tsd-parent-kind-object-literal","parent":"InvertedTunnel.descriptor.sdf"},{"id":132,"kind":32,"name":"distanceFunctionName","url":"classes/invertedtunnel.html#descriptor.sdf.distancefunctionname","classes":"tsd-kind-variable tsd-parent-kind-object-literal","parent":"InvertedTunnel.descriptor.sdf"},{"id":133,"kind":2097152,"name":"propertyUniformMapping","url":"classes/invertedtunnel.html#descriptor.propertyuniformmapping","classes":"tsd-kind-object-literal tsd-parent-kind-object-literal","parent":"InvertedTunnel.descriptor"},{"id":134,"kind":32,"name":"from","url":"classes/invertedtunnel.html#descriptor.propertyuniformmapping.from-1","classes":"tsd-kind-variable tsd-parent-kind-object-literal","parent":"InvertedTunnel.descriptor.propertyUniformMapping"},{"id":135,"kind":32,"name":"toFromDelta","url":"classes/invertedtunnel.html#descriptor.propertyuniformmapping.tofromdelta","classes":"tsd-kind-variable tsd-parent-kind-object-literal","parent":"InvertedTunnel.descriptor.propertyUniformMapping"},{"id":136,"kind":32,"name":"fromRadius","url":"classes/invertedtunnel.html#descriptor.propertyuniformmapping.fromradius-1","classes":"tsd-kind-variable tsd-parent-kind-object-literal","parent":"InvertedTunnel.descriptor.propertyUniformMapping"},{"id":137,"kind":32,"name":"toRadius","url":"classes/invertedtunnel.html#descriptor.propertyuniformmapping.toradius-1","classes":"tsd-kind-variable tsd-parent-kind-object-literal","parent":"InvertedTunnel.descriptor.propertyUniformMapping"},{"id":138,"kind":32,"name":"uniformCountMacroName","url":"classes/invertedtunnel.html#descriptor.uniformcountmacroname","classes":"tsd-kind-variable tsd-parent-kind-object-literal","parent":"InvertedTunnel.descriptor"},{"id":139,"kind":32,"name":"shaderCombinationSteps","url":"classes/invertedtunnel.html#descriptor.shadercombinationsteps","classes":"tsd-kind-variable tsd-parent-kind-object-literal","parent":"InvertedTunnel.descriptor"},{"id":140,"kind":32,"name":"empty","url":"classes/invertedtunnel.html#descriptor.empty","classes":"tsd-kind-variable tsd-parent-kind-object-literal","parent":"InvertedTunnel.descriptor"},{"id":141,"kind":512,"name":"constructor","url":"classes/invertedtunnel.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class","parent":"InvertedTunnel"},{"id":142,"kind":1024,"name":"from","url":"classes/invertedtunnel.html#from","classes":"tsd-kind-property tsd-parent-kind-class","parent":"InvertedTunnel"},{"id":143,"kind":1024,"name":"to","url":"classes/invertedtunnel.html#to","classes":"tsd-kind-property tsd-parent-kind-class","parent":"InvertedTunnel"},{"id":144,"kind":1024,"name":"fromRadius","url":"classes/invertedtunnel.html#fromradius","classes":"tsd-kind-property tsd-parent-kind-class","parent":"InvertedTunnel"},{"id":145,"kind":1024,"name":"toRadius","url":"classes/invertedtunnel.html#toradius","classes":"tsd-kind-property tsd-parent-kind-class","parent":"InvertedTunnel"},{"id":146,"kind":2048,"name":"minDistance","url":"classes/invertedtunnel.html#mindistance","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"InvertedTunnel"},{"id":147,"kind":2048,"name":"getObjectToSerialize","url":"classes/invertedtunnel.html#getobjecttoserialize","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite tsd-is-protected","parent":"InvertedTunnel"},{"id":148,"kind":128,"name":"MetaCircle","url":"classes/metacircle.html","classes":"tsd-kind-class"},{"id":149,"kind":2097152,"name":"descriptor","url":"classes/metacircle.html#descriptor","classes":"tsd-kind-object-literal tsd-parent-kind-class tsd-is-overwrite tsd-is-static","parent":"MetaCircle"},{"id":150,"kind":2097152,"name":"sdf","url":"classes/metacircle.html#descriptor.sdf","classes":"tsd-kind-object-literal tsd-parent-kind-object-literal","parent":"MetaCircle.descriptor"},{"id":151,"kind":32,"name":"shader","url":"classes/metacircle.html#descriptor.sdf.shader","classes":"tsd-kind-variable tsd-parent-kind-object-literal","parent":"MetaCircle.descriptor.sdf"},{"id":152,"kind":32,"name":"distanceFunctionName","url":"classes/metacircle.html#descriptor.sdf.distancefunctionname","classes":"tsd-kind-variable tsd-parent-kind-object-literal","parent":"MetaCircle.descriptor.sdf"},{"id":153,"kind":2097152,"name":"propertyUniformMapping","url":"classes/metacircle.html#descriptor.propertyuniformmapping","classes":"tsd-kind-object-literal tsd-parent-kind-object-literal","parent":"MetaCircle.descriptor"},{"id":154,"kind":32,"name":"center","url":"classes/metacircle.html#descriptor.propertyuniformmapping.center-1","classes":"tsd-kind-variable tsd-parent-kind-object-literal","parent":"MetaCircle.descriptor.propertyUniformMapping"},{"id":155,"kind":32,"name":"radius","url":"classes/metacircle.html#descriptor.propertyuniformmapping.radius-1","classes":"tsd-kind-variable tsd-parent-kind-object-literal","parent":"MetaCircle.descriptor.propertyUniformMapping"},{"id":156,"kind":32,"name":"uniformCountMacroName","url":"classes/metacircle.html#descriptor.uniformcountmacroname","classes":"tsd-kind-variable tsd-parent-kind-object-literal","parent":"MetaCircle.descriptor"},{"id":157,"kind":32,"name":"shaderCombinationSteps","url":"classes/metacircle.html#descriptor.shadercombinationsteps","classes":"tsd-kind-variable tsd-parent-kind-object-literal","parent":"MetaCircle.descriptor"},{"id":158,"kind":32,"name":"empty","url":"classes/metacircle.html#descriptor.empty","classes":"tsd-kind-variable tsd-parent-kind-object-literal","parent":"MetaCircle.descriptor"},{"id":159,"kind":512,"name":"constructor","url":"classes/metacircle.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class","parent":"MetaCircle"},{"id":160,"kind":1024,"name":"center","url":"classes/metacircle.html#center","classes":"tsd-kind-property tsd-parent-kind-class","parent":"MetaCircle"},{"id":161,"kind":1024,"name":"radius","url":"classes/metacircle.html#radius","classes":"tsd-kind-property tsd-parent-kind-class","parent":"MetaCircle"},{"id":162,"kind":2048,"name":"minDistance","url":"classes/metacircle.html#mindistance","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"MetaCircle"},{"id":163,"kind":2048,"name":"getObjectToSerialize","url":"classes/metacircle.html#getobjecttoserialize","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite tsd-is-protected","parent":"MetaCircle"},{"id":164,"kind":128,"name":"RotatedRectangle","url":"classes/rotatedrectangle.html","classes":"tsd-kind-class"},{"id":165,"kind":2097152,"name":"descriptor","url":"classes/rotatedrectangle.html#descriptor","classes":"tsd-kind-object-literal tsd-parent-kind-class tsd-is-overwrite tsd-is-static","parent":"RotatedRectangle"},{"id":166,"kind":2097152,"name":"sdf","url":"classes/rotatedrectangle.html#descriptor.sdf","classes":"tsd-kind-object-literal tsd-parent-kind-object-literal","parent":"RotatedRectangle.descriptor"},{"id":167,"kind":32,"name":"shader","url":"classes/rotatedrectangle.html#descriptor.sdf.shader","classes":"tsd-kind-variable tsd-parent-kind-object-literal","parent":"RotatedRectangle.descriptor.sdf"},{"id":168,"kind":32,"name":"distanceFunctionName","url":"classes/rotatedrectangle.html#descriptor.sdf.distancefunctionname","classes":"tsd-kind-variable tsd-parent-kind-object-literal","parent":"RotatedRectangle.descriptor.sdf"},{"id":169,"kind":2097152,"name":"propertyUniformMapping","url":"classes/rotatedrectangle.html#descriptor.propertyuniformmapping","classes":"tsd-kind-object-literal tsd-parent-kind-object-literal","parent":"RotatedRectangle.descriptor"},{"id":170,"kind":32,"name":"topCenter","url":"classes/rotatedrectangle.html#descriptor.propertyuniformmapping.topcenter","classes":"tsd-kind-variable tsd-parent-kind-object-literal","parent":"RotatedRectangle.descriptor.propertyUniformMapping"},{"id":171,"kind":32,"name":"bottomCenter","url":"classes/rotatedrectangle.html#descriptor.propertyuniformmapping.bottomcenter","classes":"tsd-kind-variable tsd-parent-kind-object-literal","parent":"RotatedRectangle.descriptor.propertyUniformMapping"},{"id":172,"kind":32,"name":"width","url":"classes/rotatedrectangle.html#descriptor.propertyuniformmapping.width","classes":"tsd-kind-variable tsd-parent-kind-object-literal","parent":"RotatedRectangle.descriptor.propertyUniformMapping"},{"id":173,"kind":32,"name":"uniformCountMacroName","url":"classes/rotatedrectangle.html#descriptor.uniformcountmacroname","classes":"tsd-kind-variable tsd-parent-kind-object-literal","parent":"RotatedRectangle.descriptor"},{"id":174,"kind":32,"name":"shaderCombinationSteps","url":"classes/rotatedrectangle.html#descriptor.shadercombinationsteps","classes":"tsd-kind-variable tsd-parent-kind-object-literal","parent":"RotatedRectangle.descriptor"},{"id":175,"kind":32,"name":"empty","url":"classes/rotatedrectangle.html#descriptor.empty","classes":"tsd-kind-variable tsd-parent-kind-object-literal","parent":"RotatedRectangle.descriptor"},{"id":176,"kind":512,"name":"constructor","url":"classes/rotatedrectangle.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class","parent":"RotatedRectangle"},{"id":177,"kind":1024,"name":"center","url":"classes/rotatedrectangle.html#center","classes":"tsd-kind-property tsd-parent-kind-class","parent":"RotatedRectangle"},{"id":178,"kind":1024,"name":"size","url":"classes/rotatedrectangle.html#size","classes":"tsd-kind-property tsd-parent-kind-class","parent":"RotatedRectangle"},{"id":179,"kind":1024,"name":"rotation","url":"classes/rotatedrectangle.html#rotation","classes":"tsd-kind-property tsd-parent-kind-class","parent":"RotatedRectangle"},{"id":180,"kind":2048,"name":"minDistance","url":"classes/rotatedrectangle.html#mindistance","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"RotatedRectangle"},{"id":181,"kind":2048,"name":"getObjectToSerialize","url":"classes/rotatedrectangle.html#getobjecttoserialize","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite tsd-is-protected","parent":"RotatedRectangle"},{"id":182,"kind":64,"name":"renderNoise","url":"globals.html#rendernoise","classes":"tsd-kind-function"},{"id":183,"kind":64,"name":"compile","url":"globals.html#compile","classes":"tsd-kind-function"},{"id":184,"kind":128,"name":"CircleLight","url":"classes/circlelight.html","classes":"tsd-kind-class"},{"id":185,"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":186,"kind":2097152,"name":"propertyUniformMapping","url":"classes/circlelight.html#descriptor.propertyuniformmapping","classes":"tsd-kind-object-literal tsd-parent-kind-object-literal","parent":"CircleLight.descriptor"},{"id":187,"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":188,"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":189,"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":190,"kind":32,"name":"uniformCountMacroName","url":"classes/circlelight.html#descriptor.uniformcountmacroname","classes":"tsd-kind-variable tsd-parent-kind-object-literal","parent":"CircleLight.descriptor"},{"id":191,"kind":32,"name":"shaderCombinationSteps","url":"classes/circlelight.html#descriptor.shadercombinationsteps","classes":"tsd-kind-variable tsd-parent-kind-object-literal","parent":"CircleLight.descriptor"},{"id":192,"kind":32,"name":"empty","url":"classes/circlelight.html#descriptor.empty","classes":"tsd-kind-variable tsd-parent-kind-object-literal","parent":"CircleLight.descriptor"},{"id":193,"kind":512,"name":"constructor","url":"classes/circlelight.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-is-overwrite","parent":"CircleLight"},{"id":194,"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":195,"kind":1024,"name":"center","url":"classes/circlelight.html#center","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-inherited","parent":"CircleLight"},{"id":196,"kind":1024,"name":"color","url":"classes/circlelight.html#color","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-inherited","parent":"CircleLight"},{"id":197,"kind":1024,"name":"intensity","url":"classes/circlelight.html#intensity","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-inherited","parent":"CircleLight"},{"id":198,"kind":2048,"name":"setLightnessRatio","url":"classes/circlelight.html#setlightnessratio","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"CircleLight"},{"id":199,"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":200,"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,38.042]],["parent/0",[]],["name/1",[1,31.682]],["parent/1",[0,3.631]],["name/2",[2,31.682]],["parent/2",[0,3.631]],["name/3",[3,31.682]],["parent/3",[0,3.631]],["name/4",[4,32.934]],["parent/4",[]],["name/5",[5,31.682]],["parent/5",[4,3.143]],["name/6",[6,38.042]],["parent/6",[7,4.679]],["name/7",[8,31.682]],["parent/7",[4,3.143]],["name/8",[9,34.365]],["parent/8",[4,3.143]],["name/9",[10,49.028]],["parent/9",[4,3.143]],["name/10",[11,31.682]],["parent/10",[4,3.143]],["name/11",[12,31.682]],["parent/11",[4,3.143]],["name/12",[13,38.042]],["parent/12",[]],["name/13",[14,49.028]],["parent/13",[13,3.631]],["name/14",[15,49.028]],["parent/14",[13,3.631]],["name/15",[16,49.028]],["parent/15",[13,3.631]],["name/16",[17,40.555]],["parent/16",[]],["name/17",[18,49.028]],["parent/17",[17,3.871]],["name/18",[19,49.028]],["parent/18",[17,3.871]],["name/19",[20,36.035]],["parent/19",[]],["name/20",[21,49.028]],["parent/20",[20,3.439]],["name/21",[22,49.028]],["parent/21",[20,3.439]],["name/22",[23,49.028]],["parent/22",[20,3.439]],["name/23",[24,49.028]],["parent/23",[20,3.439]],["name/24",[25,43.92]],["parent/24",[]],["name/25",[6,38.042]],["parent/25",[25,4.192]],["name/26",[26,49.028]],["parent/26",[27,4.192]],["name/27",[28,49.028]],["parent/27",[27,4.192]],["name/28",[29,30.57]],["parent/28",[]],["name/29",[30,43.92]],["parent/29",[29,2.918]],["name/30",[31,43.92]],["parent/30",[29,2.918]],["name/31",[32,43.92]],["parent/31",[29,2.918]],["name/32",[33,43.92]],["parent/32",[29,2.918]],["name/33",[34,43.92]],["parent/33",[29,2.918]],["name/34",[35,43.92]],["parent/34",[29,2.918]],["name/35",[36,43.92]],["parent/35",[29,2.918]],["name/36",[6,38.042]],["parent/36",[37,4.679]],["name/37",[38,43.92]],["parent/37",[29,2.918]],["name/38",[39,36.035]],["parent/38",[]],["name/39",[40,43.92]],["parent/39",[39,3.439]],["name/40",[41,43.92]],["parent/40",[39,3.439]],["name/41",[42,43.92]],["parent/41",[39,3.439]],["name/42",[43,43.92]],["parent/42",[39,3.439]],["name/43",[44,28.659]],["parent/43",[]],["name/44",[45,49.028]],["parent/44",[44,2.735]],["name/45",[46,49.028]],["parent/45",[44,2.735]],["name/46",[47,49.028]],["parent/46",[44,2.735]],["name/47",[48,49.028]],["parent/47",[44,2.735]],["name/48",[49,49.028]],["parent/48",[44,2.735]],["name/49",[50,49.028]],["parent/49",[44,2.735]],["name/50",[51,49.028]],["parent/50",[44,2.735]],["name/51",[52,49.028]],["parent/51",[44,2.735]],["name/52",[53,49.028]],["parent/52",[44,2.735]],["name/53",[54,49.028]],["parent/53",[44,2.735]],["name/54",[55,30.57]],["parent/54",[]],["name/55",[30,43.92]],["parent/55",[55,2.918]],["name/56",[31,43.92]],["parent/56",[55,2.918]],["name/57",[32,43.92]],["parent/57",[55,2.918]],["name/58",[33,43.92]],["parent/58",[55,2.918]],["name/59",[34,43.92]],["parent/59",[55,2.918]],["name/60",[35,43.92]],["parent/60",[55,2.918]],["name/61",[38,43.92]],["parent/61",[55,2.918]],["name/62",[36,43.92]],["parent/62",[55,2.918]],["name/63",[6,38.042]],["parent/63",[56,4.679]],["name/64",[57,36.035]],["parent/64",[]],["name/65",[41,43.92]],["parent/65",[57,3.439]],["name/66",[42,43.92]],["parent/66",[57,3.439]],["name/67",[43,43.92]],["parent/67",[57,3.439]],["name/68",[40,43.92]],["parent/68",[57,3.439]],["name/69",[58,27.825]],["parent/69",[]],["name/70",[1,31.682]],["parent/70",[58,2.656]],["name/71",[5,31.682]],["parent/71",[59,3.631]],["name/72",[60,30.57]],["parent/72",[61,3.439]],["name/73",[62,38.042]],["parent/73",[61,3.439]],["name/74",[63,38.042]],["parent/74",[61,3.439]],["name/75",[64,43.92]],["parent/75",[61,3.439]],["name/76",[65,43.92]],["parent/76",[61,3.439]],["name/77",[8,31.682]],["parent/77",[59,3.631]],["name/78",[11,31.682]],["parent/78",[59,3.631]],["name/79",[12,31.682]],["parent/79",[59,3.631]],["name/80",[66,32.934]],["parent/80",[58,2.656]],["name/81",[64,43.92]],["parent/81",[58,2.656]],["name/82",[65,43.92]],["parent/82",[58,2.656]],["name/83",[3,31.682]],["parent/83",[58,2.656]],["name/84",[67,43.92]],["parent/84",[58,2.656]],["name/85",[60,30.57]],["parent/85",[58,2.656]],["name/86",[62,38.042]],["parent/86",[58,2.656]],["name/87",[63,38.042]],["parent/87",[58,2.656]],["name/88",[68,43.92]],["parent/88",[58,2.656]],["name/89",[2,31.682]],["parent/89",[58,2.656]],["name/90",[69,32.934]],["parent/90",[]],["name/91",[1,31.682]],["parent/91",[69,3.143]],["name/92",[9,34.365]],["parent/92",[70,3.439]],["name/93",[71,36.035]],["parent/93",[72,4.192]],["name/94",[73,36.035]],["parent/94",[72,4.192]],["name/95",[5,31.682]],["parent/95",[70,3.439]],["name/96",[60,30.57]],["parent/96",[74,4.192]],["name/97",[75,38.042]],["parent/97",[74,4.192]],["name/98",[8,31.682]],["parent/98",[70,3.439]],["name/99",[11,31.682]],["parent/99",[70,3.439]],["name/100",[12,31.682]],["parent/100",[70,3.439]],["name/101",[66,32.934]],["parent/101",[69,3.143]],["name/102",[60,30.57]],["parent/102",[69,3.143]],["name/103",[75,38.042]],["parent/103",[69,3.143]],["name/104",[2,31.682]],["parent/104",[69,3.143]],["name/105",[3,31.682]],["parent/105",[69,3.143]],["name/106",[76,30.57]],["parent/106",[]],["name/107",[1,31.682]],["parent/107",[76,2.918]],["name/108",[9,34.365]],["parent/108",[77,3.439]],["name/109",[71,36.035]],["parent/109",[78,4.192]],["name/110",[73,36.035]],["parent/110",[78,4.192]],["name/111",[5,31.682]],["parent/111",[77,3.439]],["name/112",[79,38.042]],["parent/112",[80,3.631]],["name/113",[81,43.92]],["parent/113",[80,3.631]],["name/114",[82,38.042]],["parent/114",[80,3.631]],["name/115",[83,38.042]],["parent/115",[80,3.631]],["name/116",[8,31.682]],["parent/116",[77,3.439]],["name/117",[11,31.682]],["parent/117",[77,3.439]],["name/118",[12,31.682]],["parent/118",[77,3.439]],["name/119",[66,32.934]],["parent/119",[76,2.918]],["name/120",[79,38.042]],["parent/120",[76,2.918]],["name/121",[84,43.92]],["parent/121",[76,2.918]],["name/122",[82,38.042]],["parent/122",[76,2.918]],["name/123",[83,38.042]],["parent/123",[76,2.918]],["name/124",[2,31.682]],["parent/124",[76,2.918]],["name/125",[3,31.682]],["parent/125",[76,2.918]],["name/126",[85,49.028]],["parent/126",[]],["name/127",[86,30.57]],["parent/127",[]],["name/128",[1,31.682]],["parent/128",[86,2.918]],["name/129",[9,34.365]],["parent/129",[87,3.439]],["name/130",[71,36.035]],["parent/130",[88,3.871]],["name/131",[89,49.028]],["parent/131",[88,3.871]],["name/132",[73,36.035]],["parent/132",[88,3.871]],["name/133",[5,31.682]],["parent/133",[87,3.439]],["name/134",[79,38.042]],["parent/134",[90,3.631]],["name/135",[81,43.92]],["parent/135",[90,3.631]],["name/136",[82,38.042]],["parent/136",[90,3.631]],["name/137",[83,38.042]],["parent/137",[90,3.631]],["name/138",[8,31.682]],["parent/138",[87,3.439]],["name/139",[11,31.682]],["parent/139",[87,3.439]],["name/140",[12,31.682]],["parent/140",[87,3.439]],["name/141",[66,32.934]],["parent/141",[86,2.918]],["name/142",[79,38.042]],["parent/142",[86,2.918]],["name/143",[84,43.92]],["parent/143",[86,2.918]],["name/144",[82,38.042]],["parent/144",[86,2.918]],["name/145",[83,38.042]],["parent/145",[86,2.918]],["name/146",[2,31.682]],["parent/146",[86,2.918]],["name/147",[3,31.682]],["parent/147",[86,2.918]],["name/148",[91,32.934]],["parent/148",[]],["name/149",[1,31.682]],["parent/149",[91,3.143]],["name/150",[9,34.365]],["parent/150",[92,3.439]],["name/151",[71,36.035]],["parent/151",[93,4.192]],["name/152",[73,36.035]],["parent/152",[93,4.192]],["name/153",[5,31.682]],["parent/153",[92,3.439]],["name/154",[60,30.57]],["parent/154",[94,4.192]],["name/155",[75,38.042]],["parent/155",[94,4.192]],["name/156",[8,31.682]],["parent/156",[92,3.439]],["name/157",[11,31.682]],["parent/157",[92,3.439]],["name/158",[12,31.682]],["parent/158",[92,3.439]],["name/159",[66,32.934]],["parent/159",[91,3.143]],["name/160",[60,30.57]],["parent/160",[91,3.143]],["name/161",[75,38.042]],["parent/161",[91,3.143]],["name/162",[2,31.682]],["parent/162",[91,3.143]],["name/163",[3,31.682]],["parent/163",[91,3.143]],["name/164",[95,31.682]],["parent/164",[]],["name/165",[1,31.682]],["parent/165",[95,3.024]],["name/166",[9,34.365]],["parent/166",[96,3.439]],["name/167",[71,36.035]],["parent/167",[97,4.192]],["name/168",[73,36.035]],["parent/168",[97,4.192]],["name/169",[5,31.682]],["parent/169",[96,3.439]],["name/170",[98,49.028]],["parent/170",[99,3.871]],["name/171",[100,49.028]],["parent/171",[99,3.871]],["name/172",[101,49.028]],["parent/172",[99,3.871]],["name/173",[8,31.682]],["parent/173",[96,3.439]],["name/174",[11,31.682]],["parent/174",[96,3.439]],["name/175",[12,31.682]],["parent/175",[96,3.439]],["name/176",[66,32.934]],["parent/176",[95,3.024]],["name/177",[60,30.57]],["parent/177",[95,3.024]],["name/178",[102,49.028]],["parent/178",[95,3.024]],["name/179",[103,49.028]],["parent/179",[95,3.024]],["name/180",[2,31.682]],["parent/180",[95,3.024]],["name/181",[3,31.682]],["parent/181",[95,3.024]],["name/182",[104,49.028]],["parent/182",[]],["name/183",[105,49.028]],["parent/183",[]],["name/184",[106,29.569]],["parent/184",[]],["name/185",[1,31.682]],["parent/185",[106,2.822]],["name/186",[5,31.682]],["parent/186",[107,3.631]],["name/187",[60,30.57]],["parent/187",[108,3.871]],["name/188",[62,38.042]],["parent/188",[108,3.871]],["name/189",[63,38.042]],["parent/189",[108,3.871]],["name/190",[8,31.682]],["parent/190",[107,3.631]],["name/191",[11,31.682]],["parent/191",[107,3.631]],["name/192",[12,31.682]],["parent/192",[107,3.631]],["name/193",[66,32.934]],["parent/193",[106,2.822]],["name/194",[67,43.92]],["parent/194",[106,2.822]],["name/195",[60,30.57]],["parent/195",[106,2.822]],["name/196",[62,38.042]],["parent/196",[106,2.822]],["name/197",[63,38.042]],["parent/197",[106,2.822]],["name/198",[68,43.92]],["parent/198",[106,2.822]],["name/199",[2,31.682]],["parent/199",[106,2.822]],["name/200",[3,31.682]],["parent/200",[106,2.822]]],"invertedIndex":[["__type",{"_index":6,"name":{"6":{},"25":{},"36":{},"63":{}},"parent":{}}],["adddrawable",{"_index":50,"name":{"49":{}},"parent":{}}],["ambientlight",{"_index":38,"name":{"37":{},"61":{}},"parent":{}}],["autoscalequality",{"_index":54,"name":{"53":{}},"parent":{}}],["backgroundcolor",{"_index":34,"name":{"33":{},"59":{}},"parent":{}}],["bottomcenter",{"_index":100,"name":{"171":{}},"parent":{}}],["canvassize",{"_index":45,"name":{"44":{}},"parent":{}}],["center",{"_index":60,"name":{"72":{},"85":{},"96":{},"102":{},"154":{},"160":{},"177":{},"187":{},"195":{}},"parent":{}}],["circle",{"_index":69,"name":{"90":{}},"parent":{"91":{},"101":{},"102":{},"103":{},"104":{},"105":{}}}],["circle.descriptor",{"_index":70,"name":{},"parent":{"92":{},"95":{},"98":{},"99":{},"100":{}}}],["circle.descriptor.propertyuniformmapping",{"_index":74,"name":{},"parent":{"96":{},"97":{}}}],["circle.descriptor.sdf",{"_index":72,"name":{},"parent":{"93":{},"94":{}}}],["circlelight",{"_index":106,"name":{"184":{}},"parent":{"185":{},"193":{},"194":{},"195":{},"196":{},"197":{},"198":{},"199":{},"200":{}}}],["circlelight.descriptor",{"_index":107,"name":{},"parent":{"186":{},"190":{},"191":{},"192":{}}}],["circlelight.descriptor.propertyuniformmapping",{"_index":108,"name":{},"parent":{"187":{},"188":{},"189":{}}}],["clamp_to_edge",{"_index":14,"name":{"13":{}},"parent":{}}],["color",{"_index":62,"name":{"73":{},"86":{},"188":{},"196":{}},"parent":{}}],["colorpalette",{"_index":35,"name":{"34":{},"60":{}},"parent":{}}],["compile",{"_index":105,"name":{"183":{}},"parent":{}}],["constructor",{"_index":66,"name":{"80":{},"101":{},"119":{},"141":{},"159":{},"176":{},"193":{}},"parent":{}}],["defaultruntimesettings",{"_index":55,"name":{"54":{}},"parent":{"55":{},"56":{},"57":{},"58":{},"59":{},"60":{},"61":{},"62":{}}}],["defaultruntimesettings.textures",{"_index":56,"name":{},"parent":{"63":{}}}],["defaultstartupsettings",{"_index":57,"name":{"64":{}},"parent":{"65":{},"66":{},"67":{},"68":{}}}],["descriptor",{"_index":1,"name":{"1":{},"70":{},"91":{},"107":{},"128":{},"149":{},"165":{},"185":{}},"parent":{}}],["destroy",{"_index":52,"name":{"51":{}},"parent":{}}],["direction",{"_index":64,"name":{"75":{},"81":{}},"parent":{}}],["displaytoworldcoordinates",{"_index":48,"name":{"47":{}},"parent":{}}],["distancefunctionname",{"_index":73,"name":{"94":{},"110":{},"132":{},"152":{},"168":{}},"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":{}}}],["droplet",{"_index":76,"name":{"106":{}},"parent":{"107":{},"119":{},"120":{},"121":{},"122":{},"123":{},"124":{},"125":{}}}],["droplet.descriptor",{"_index":77,"name":{},"parent":{"108":{},"111":{},"116":{},"117":{},"118":{}}}],["droplet.descriptor.propertyuniformmapping",{"_index":80,"name":{},"parent":{"112":{},"113":{},"114":{},"115":{}}}],["droplet.descriptor.sdf",{"_index":78,"name":{},"parent":{"109":{},"110":{}}}],["empty",{"_index":12,"name":{"11":{},"79":{},"100":{},"118":{},"140":{},"158":{},"175":{},"192":{}},"parent":{}}],["enablehighdpirendering",{"_index":30,"name":{"29":{},"55":{}},"parent":{}}],["enablestopwatch",{"_index":40,"name":{"39":{},"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":79,"name":{"112":{},"120":{},"134":{},"142":{}},"parent":{}}],["fromradius",{"_index":82,"name":{"114":{},"122":{},"136":{},"144":{}},"parent":{}}],["getobjecttoserialize",{"_index":3,"name":{"3":{},"83":{},"105":{},"125":{},"147":{},"163":{},"181":{},"200":{}},"parent":{}}],["ignorewebgl2",{"_index":43,"name":{"42":{},"67":{}},"parent":{}}],["insights",{"_index":53,"name":{"52":{}},"parent":{}}],["intensity",{"_index":63,"name":{"74":{},"87":{},"189":{},"197":{}},"parent":{}}],["invertedtunnel",{"_index":86,"name":{"127":{}},"parent":{"128":{},"141":{},"142":{},"143":{},"144":{},"145":{},"146":{},"147":{}}}],["invertedtunnel.descriptor",{"_index":87,"name":{},"parent":{"129":{},"133":{},"138":{},"139":{},"140":{}}}],["invertedtunnel.descriptor.propertyuniformmapping",{"_index":90,"name":{},"parent":{"134":{},"135":{},"136":{},"137":{}}}],["invertedtunnel.descriptor.sdf",{"_index":88,"name":{},"parent":{"130":{},"131":{},"132":{}}}],["isinverted",{"_index":89,"name":{"131":{}},"parent":{}}],["isworldinverted",{"_index":32,"name":{"31":{},"57":{}},"parent":{}}],["lightcutoffdistance",{"_index":33,"name":{"32":{},"58":{}},"parent":{}}],["lightnessratio",{"_index":67,"name":{"84":{},"194":{}},"parent":{}}],["linear",{"_index":18,"name":{"17":{}},"parent":{}}],["maxfilter",{"_index":24,"name":{"23":{}},"parent":{}}],["metacircle",{"_index":91,"name":{"148":{}},"parent":{"149":{},"159":{},"160":{},"161":{},"162":{},"163":{}}}],["metacircle.descriptor",{"_index":92,"name":{},"parent":{"150":{},"153":{},"156":{},"157":{},"158":{}}}],["metacircle.descriptor.propertyuniformmapping",{"_index":94,"name":{},"parent":{"154":{},"155":{}}}],["metacircle.descriptor.sdf",{"_index":93,"name":{},"parent":{"151":{},"152":{}}}],["mindistance",{"_index":2,"name":{"2":{},"89":{},"104":{},"124":{},"146":{},"162":{},"180":{},"199":{}},"parent":{}}],["minfilter",{"_index":23,"name":{"22":{}},"parent":{}}],["mirrored_repeat",{"_index":16,"name":{"15":{}},"parent":{}}],["nearest",{"_index":19,"name":{"18":{}},"parent":{}}],["objectcountscaler",{"_index":10,"name":{"9":{}},"parent":{}}],["overrides",{"_index":28,"name":{"27":{}},"parent":{}}],["palettesize",{"_index":42,"name":{"41":{},"66":{}},"parent":{}}],["polygonfactory",{"_index":85,"name":{"126":{}},"parent":{}}],["propertyuniformmapping",{"_index":5,"name":{"5":{},"71":{},"95":{},"111":{},"133":{},"153":{},"169":{},"186":{}},"parent":{}}],["radius",{"_index":75,"name":{"97":{},"103":{},"155":{},"161":{}},"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":104,"name":{"182":{}},"parent":{}}],["repeat",{"_index":15,"name":{"14":{}},"parent":{}}],["rotatedrectangle",{"_index":95,"name":{"164":{}},"parent":{"165":{},"176":{},"177":{},"178":{},"179":{},"180":{},"181":{}}}],["rotatedrectangle.descriptor",{"_index":96,"name":{},"parent":{"166":{},"169":{},"173":{},"174":{},"175":{}}}],["rotatedrectangle.descriptor.propertyuniformmapping",{"_index":99,"name":{},"parent":{"170":{},"171":{},"172":{}}}],["rotatedrectangle.descriptor.sdf",{"_index":97,"name":{},"parent":{"167":{},"168":{}}}],["rotation",{"_index":103,"name":{"179":{}},"parent":{}}],["runtimesettings",{"_index":29,"name":{"28":{}},"parent":{"29":{},"30":{},"31":{},"32":{},"33":{},"34":{},"35":{},"37":{}}}],["runtimesettings.textures",{"_index":37,"name":{},"parent":{"36":{}}}],["sdf",{"_index":9,"name":{"8":{},"92":{},"108":{},"129":{},"150":{},"166":{}},"parent":{}}],["setlightnessratio",{"_index":68,"name":{"88":{},"198":{}},"parent":{}}],["setruntimesettings",{"_index":49,"name":{"48":{}},"parent":{}}],["setviewarea",{"_index":47,"name":{"46":{}},"parent":{}}],["shader",{"_index":71,"name":{"93":{},"109":{},"130":{},"151":{},"167":{}},"parent":{}}],["shadercombinationsteps",{"_index":11,"name":{"10":{},"78":{},"99":{},"117":{},"139":{},"157":{},"174":{},"191":{}},"parent":{}}],["shadowtracecount",{"_index":41,"name":{"40":{},"65":{}},"parent":{}}],["size",{"_index":102,"name":{"178":{}},"parent":{}}],["source",{"_index":26,"name":{"26":{}},"parent":{}}],["startcutoff",{"_index":65,"name":{"76":{},"82":{}},"parent":{}}],["startupsettings",{"_index":39,"name":{"38":{}},"parent":{"39":{},"40":{},"41":{},"42":{}}}],["textureoptions",{"_index":20,"name":{"19":{}},"parent":{"20":{},"21":{},"22":{},"23":{}}}],["textures",{"_index":36,"name":{"35":{},"62":{}},"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":84,"name":{"121":{},"143":{}},"parent":{}}],["tofromdelta",{"_index":81,"name":{"113":{},"135":{}},"parent":{}}],["topcenter",{"_index":98,"name":{"170":{}},"parent":{}}],["toradius",{"_index":83,"name":{"115":{},"123":{},"137":{},"145":{}},"parent":{}}],["uniformcountmacroname",{"_index":8,"name":{"7":{},"77":{},"98":{},"116":{},"138":{},"156":{},"173":{},"190":{}},"parent":{}}],["viewareasize",{"_index":46,"name":{"45":{}},"parent":{}}],["width",{"_index":101,"name":{"172":{}},"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":{"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
diff --git a/docs/classes/metacircle.html b/docs/classes/circlebase.html
similarity index 56%
rename from docs/classes/metacircle.html
rename to docs/classes/circlebase.html
index 432211b..35ea8a2 100644
--- a/docs/classes/metacircle.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>MetaCircle | SDF-2D - v0.4.1</title>
-	<meta name="description" content="Documentation for SDF-2D - v0.4.1">
+	<title>CircleBase | SDF-2D - v0.5.0</title>
+	<meta name="description" content="Documentation for SDF-2D - v0.5.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.4.1</a>
+					<a href="../index.html" class="title">SDF-2D - v0.5.0</a>
 				</div>
 				<div class="table-cell" id="tsd-widgets">
 					<div id="tsd-filter">
@@ -53,10 +53,10 @@
 					<a href="../globals.html">Globals</a>
 				</li>
 				<li>
-					<a href="metacircle.html">MetaCircle</a>
+					<a href="circlebase.html">CircleBase</a>
 				</li>
 			</ul>
-			<h1>Class MetaCircle</h1>
+			<h1>Class CircleBase</h1>
 		</div>
 	</div>
 </header>
@@ -71,10 +71,10 @@
 				<h3>Hierarchy</h3>
 				<ul class="tsd-hierarchy">
 					<li>
-						<a href="drawable.html" class="tsd-signature-type">Drawable</a>
+						<span class="tsd-signature-type">EmptyDrawable</span>
 						<ul class="tsd-hierarchy">
 							<li>
-								<span class="target">MetaCircle</span>
+								<span class="target">CircleBase</span>
 							</li>
 						</ul>
 					</li>
@@ -87,27 +87,22 @@
 						<section class="tsd-index-section ">
 							<h3>Constructors</h3>
 							<ul class="tsd-index-list">
-								<li class="tsd-kind-constructor tsd-parent-kind-class"><a href="metacircle.html#constructor" class="tsd-kind-icon">constructor</a></li>
+								<li class="tsd-kind-constructor tsd-parent-kind-class"><a href="circlebase.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="metacircle.html#center" class="tsd-kind-icon">center</a></li>
-								<li class="tsd-kind-property tsd-parent-kind-class"><a href="metacircle.html#radius" class="tsd-kind-icon">radius</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-class"><a href="circlebase.html#center" class="tsd-kind-icon">center</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-class"><a href="circlebase.html#radius" class="tsd-kind-icon">radius</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-class tsd-is-overwrite tsd-is-inherited tsd-is-static"><a href="circlebase.html#descriptor" class="tsd-kind-icon">descriptor</a></li>
 							</ul>
 						</section>
-						<section class="tsd-index-section ">
+						<section class="tsd-index-section tsd-is-inherited">
 							<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="metacircle.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="metacircle.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="metacircle.html#descriptor" class="tsd-kind-icon">descriptor</a></li>
+								<li class="tsd-kind-method tsd-parent-kind-class tsd-is-overwrite tsd-is-inherited tsd-is-protected"><a href="circlebase.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 tsd-is-inherited"><a href="circlebase.html#mindistance" class="tsd-kind-icon">min<wbr>Distance</a></li>
 							</ul>
 						</section>
 					</div>
@@ -119,13 +114,13 @@
 					<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>Meta<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><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="metacircle.html" class="tsd-signature-type">MetaCircle</a></li>
+						<li class="tsd-signature tsd-kind-icon">new <wbr>Circle<wbr>Base<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><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="circlebase.html" class="tsd-signature-type">CircleBase</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/cdcac35/src/drawables/shapes/meta-circle.ts#L36">drawables/shapes/meta-circle.ts:36</a></li>
+									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/0cca5d9/src/drawables/shapes/circle-factory.ts#L9">drawables/shapes/circle-factory.ts:9</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-parameters-title">Parameters</h4>
@@ -137,7 +132,7 @@
 									<h5>radius: <span class="tsd-signature-type">number</span></h5>
 								</li>
 							</ul>
-							<h4 class="tsd-returns-title">Returns <a href="metacircle.html" class="tsd-signature-type">MetaCircle</a></h4>
+							<h4 class="tsd-returns-title">Returns <a href="circlebase.html" class="tsd-signature-type">CircleBase</a></h4>
 						</li>
 					</ul>
 				</section>
@@ -150,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/cdcac35/src/drawables/shapes/meta-circle.ts#L38">drawables/shapes/meta-circle.ts:38</a></li>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/0cca5d9/src/drawables/shapes/circle-factory.ts#L10">drawables/shapes/circle-factory.ts:10</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -160,25 +155,38 @@
 					<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/cdcac35/src/drawables/shapes/meta-circle.ts#L38">drawables/shapes/meta-circle.ts:38</a></li>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/0cca5d9/src/drawables/shapes/circle-factory.ts#L10">drawables/shapes/circle-factory.ts:10</a></li>
+						</ul>
+					</aside>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-overwrite tsd-is-inherited tsd-is-static">
+					<a name="descriptor" class="tsd-anchor"></a>
+					<h3><span class="tsd-flag ts-flagStatic">Static</span> <span class="tsd-flag ts-flagReadonly">Readonly</span> descriptor</h3>
+					<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">
+						<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/0cca5d9/src/drawables/empty-drawable.ts#L9">drawables/empty-drawable.ts:9</a></li>
 						</ul>
 					</aside>
 				</section>
 			</section>
-			<section class="tsd-panel-group tsd-member-group ">
+			<section class="tsd-panel-group tsd-member-group tsd-is-inherited">
 				<h2>Methods</h2>
-				<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-overwrite tsd-is-protected">
+				<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-overwrite tsd-is-inherited 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">
+					<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-overwrite tsd-is-inherited 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>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/cdcac35/src/drawables/shapes/meta-circle.ts#L46">drawables/shapes/meta-circle.ts:46</a></li>
+									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/0cca5d9/src/drawables/empty-drawable.ts#L15">drawables/empty-drawable.ts:15</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-parameters-title">Parameters</h4>
@@ -194,18 +202,19 @@
 						</li>
 					</ul>
 				</section>
-				<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-overwrite">
+				<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-overwrite tsd-is-inherited">
 					<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">
+					<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-overwrite tsd-is-inherited">
 						<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>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/cdcac35/src/drawables/shapes/meta-circle.ts#L42">drawables/shapes/meta-circle.ts:42</a></li>
+									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/0cca5d9/src/drawables/empty-drawable.ts#L11">drawables/empty-drawable.ts:11</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-parameters-title">Parameters</h4>
@@ -219,110 +228,6 @@
 					</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/cdcac35/src/drawables/shapes/meta-circle.ts#L9">drawables/shapes/meta-circle.ts:9</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="metacircle.html" class="tsd-signature-type">MetaCircle</a><span class="tsd-signature-symbol"> = new MetaCircle(vec2.create(), 0)</span></div>
-						<aside class="tsd-sources">
-							<ul>
-								<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/cdcac35/src/drawables/shapes/meta-circle.ts#L35">drawables/shapes/meta-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/cdcac35/src/drawables/shapes/meta-circle.ts#L34">drawables/shapes/meta-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;META_CIRCLE_COUNT&quot;</span></div>
-						<aside class="tsd-sources">
-							<ul>
-								<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/cdcac35/src/drawables/shapes/meta-circle.ts#L33">drawables/shapes/meta-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/cdcac35/src/drawables/shapes/meta-circle.ts#L29">drawables/shapes/meta-circle.ts:29</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;metaCircleCenters&quot;</span></div>
-							<aside class="tsd-sources">
-								<ul>
-									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/cdcac35/src/drawables/shapes/meta-circle.ts#L30">drawables/shapes/meta-circle.ts:30</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;metaCircleRadii&quot;</span></div>
-							<aside class="tsd-sources">
-								<ul>
-									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/cdcac35/src/drawables/shapes/meta-circle.ts#L31">drawables/shapes/meta-circle.ts:31</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/cdcac35/src/drawables/shapes/meta-circle.ts#L10">drawables/shapes/meta-circle.ts:10</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;metaCircleMinDistance&quot;</span></div>
-							<aside class="tsd-sources">
-								<ul>
-									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/cdcac35/src/drawables/shapes/meta-circle.ts#L27">drawables/shapes/meta-circle.ts:27</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 metaCircleCenters[META_CIRCLE_COUNT];uniform float metaCircleRadii[META_CIRCLE_COUNT];const float k &#x3D; 32.0;float metaCircleMinDistance(vec2 target, out float colorIndex) {colorIndex &#x3D; 5.0;float res &#x3D; 0.0;for (int i &#x3D; 0; i &lt; META_CIRCLE_COUNT; i++) {float dist &#x3D; distance(metaCircleCenters[i], target) - metaCircleRadii[i];res +&#x3D; exp2(-k * dist);}return -log2(res) / k;}&#x60;</span></div>
-							<aside class="tsd-sources">
-								<ul>
-									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/cdcac35/src/drawables/shapes/meta-circle.ts#L11">drawables/shapes/meta-circle.ts:11</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">
@@ -340,9 +245,33 @@
 					<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="circle.html" class="tsd-kind-icon">Circle</a>
+				</ul>
+				<ul class="current">
+					<li class="current tsd-kind-class">
+						<a href="circlebase.html" class="tsd-kind-icon">Circle<wbr>Base</a>
+						<ul>
+							<li class=" tsd-kind-constructor tsd-parent-kind-class">
+								<a href="circlebase.html#constructor" class="tsd-kind-icon">constructor</a>
+							</li>
+							<li class=" tsd-kind-property tsd-parent-kind-class">
+								<a href="circlebase.html#center" class="tsd-kind-icon">center</a>
+							</li>
+							<li class=" tsd-kind-property tsd-parent-kind-class">
+								<a href="circlebase.html#radius" class="tsd-kind-icon">radius</a>
+							</li>
+							<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-overwrite tsd-is-inherited tsd-is-static">
+								<a href="circlebase.html#descriptor" class="tsd-kind-icon">descriptor</a>
+							</li>
+							<li class=" tsd-kind-method tsd-parent-kind-class tsd-is-overwrite tsd-is-inherited tsd-is-protected">
+								<a href="circlebase.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 tsd-is-inherited">
+								<a href="circlebase.html#mindistance" class="tsd-kind-icon">min<wbr>Distance</a>
+							</li>
+						</ul>
 					</li>
+				</ul>
+				<ul class="after-current">
 					<li class=" tsd-kind-class">
 						<a href="circlelight.html" class="tsd-kind-icon">Circle<wbr>Light</a>
 					</li>
@@ -350,47 +279,29 @@
 						<a href="drawable.html" class="tsd-kind-icon">Drawable</a>
 					</li>
 					<li class=" tsd-kind-class">
-						<a href="droplet.html" class="tsd-kind-icon">Droplet</a>
+						<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="invertedtunnel.html" class="tsd-kind-icon">Inverted<wbr>Tunnel</a>
+						<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">
-						<a href="metacircle.html" class="tsd-kind-icon">Meta<wbr>Circle</a>
-						<ul>
-							<li class=" tsd-kind-constructor tsd-parent-kind-class">
-								<a href="metacircle.html#constructor" class="tsd-kind-icon">constructor</a>
-							</li>
-							<li class=" tsd-kind-property tsd-parent-kind-class">
-								<a href="metacircle.html#center" class="tsd-kind-icon">center</a>
-							</li>
-							<li class=" tsd-kind-property tsd-parent-kind-class">
-								<a href="metacircle.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="metacircle.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="metacircle.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="metacircle.html#descriptor" class="tsd-kind-icon">descriptor</a>
-							</li>
-						</ul>
-					</li>
-				</ul>
-				<ul class="after-current">
 					<li class=" tsd-kind-class">
-						<a href="rotatedrectangle.html" class="tsd-kind-icon">Rotated<wbr>Rectangle</a>
+						<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>
@@ -406,15 +317,51 @@
 					<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>
diff --git a/docs/classes/circlelight.html b/docs/classes/circlelight.html
index 675ca8b..fb33997 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.4.1</title>
-	<meta name="description" content="Documentation for SDF-2D - v0.4.1">
+	<title>CircleLight | SDF-2D - v0.5.0</title>
+	<meta name="description" content="Documentation for SDF-2D - v0.5.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.4.1</a>
+					<a href="../index.html" class="title">SDF-2D - v0.5.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/cdcac35/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/0cca5d9/src/drawables/lights/circle-light.ts#L18">drawables/lights/circle-light.ts:18</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-parameters-title">Parameters</h4>
@@ -158,7 +158,7 @@
 					<aside class="tsd-sources">
 						<p>Inherited from <a href="flashlight.html">Flashlight</a>.<a href="flashlight.html#center">center</a></p>
 						<ul>
-							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/cdcac35/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/0cca5d9/src/drawables/lights/light-drawable.ts#L8">drawables/lights/light-drawable.ts:8</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -169,7 +169,7 @@
 					<aside class="tsd-sources">
 						<p>Inherited from <a href="flashlight.html">Flashlight</a>.<a href="flashlight.html#color">color</a></p>
 						<ul>
-							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/cdcac35/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/0cca5d9/src/drawables/lights/light-drawable.ts#L8">drawables/lights/light-drawable.ts:8</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -180,7 +180,7 @@
 					<aside class="tsd-sources">
 						<p>Inherited from <a href="flashlight.html">Flashlight</a>.<a href="flashlight.html#intensity">intensity</a></p>
 						<ul>
-							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/cdcac35/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/0cca5d9/src/drawables/lights/light-drawable.ts#L8">drawables/lights/light-drawable.ts:8</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -191,7 +191,7 @@
 					<aside class="tsd-sources">
 						<p>Inherited from <a href="flashlight.html">Flashlight</a>.<a href="flashlight.html#lightnessratio">lightnessRatio</a></p>
 						<ul>
-							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/cdcac35/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/0cca5d9/src/drawables/lights/light-drawable.ts#L6">drawables/lights/light-drawable.ts:6</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -210,7 +210,7 @@
 								<p>Inherited from LightDrawable.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/cdcac35/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/0cca5d9/src/drawables/lights/light-drawable.ts#L20">drawables/lights/light-drawable.ts:20</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-parameters-title">Parameters</h4>
@@ -238,7 +238,7 @@
 								<p>Inherited from <a href="flashlight.html">Flashlight</a>.<a href="flashlight.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/cdcac35/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/0cca5d9/src/drawables/lights/light-drawable.ts#L16">drawables/lights/light-drawable.ts:16</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-parameters-title">Parameters</h4>
@@ -262,7 +262,7 @@
 							<aside class="tsd-sources">
 								<p>Inherited from <a href="flashlight.html">Flashlight</a>.<a href="flashlight.html#setlightnessratio">setLightnessRatio</a></p>
 								<ul>
-									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/cdcac35/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/0cca5d9/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/cdcac35/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/0cca5d9/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/cdcac35/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/0cca5d9/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/cdcac35/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/0cca5d9/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/cdcac35/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/0cca5d9/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/cdcac35/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/0cca5d9/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/cdcac35/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/0cca5d9/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/cdcac35/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/0cca5d9/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/cdcac35/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/0cca5d9/src/drawables/lights/circle-light.ts#L13">drawables/lights/circle-light.ts:13</a></li>
 								</ul>
 							</aside>
 						</section>
@@ -378,7 +378,7 @@
 						<a href="../enums/wrapoptions.html" class="tsd-kind-icon">Wrap<wbr>Options</a>
 					</li>
 					<li class=" tsd-kind-class">
-						<a href="circle.html" class="tsd-kind-icon">Circle</a>
+						<a href="circlebase.html" class="tsd-kind-icon">Circle<wbr>Base</a>
 					</li>
 				</ul>
 				<ul class="current">
@@ -420,23 +420,29 @@
 						<a href="drawable.html" class="tsd-kind-icon">Drawable</a>
 					</li>
 					<li class=" tsd-kind-class">
-						<a href="droplet.html" class="tsd-kind-icon">Droplet</a>
+						<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="invertedtunnel.html" class="tsd-kind-icon">Inverted<wbr>Tunnel</a>
+						<a href="invertedtunnelbase.html" class="tsd-kind-icon">Inverted<wbr>Tunnel<wbr>Base</a>
 					</li>
 					<li class=" tsd-kind-class">
-						<a href="metacircle.html" class="tsd-kind-icon">Meta<wbr>Circle</a>
+						<a href="metacirclebase.html" class="tsd-kind-icon">Meta<wbr>Circle<wbr>Base</a>
 					</li>
 					<li class=" tsd-kind-class">
-						<a href="rotatedrectangle.html" class="tsd-kind-icon">Rotated<wbr>Rectangle</a>
+						<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>
@@ -452,15 +458,51 @@
 					<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>
diff --git a/docs/classes/drawable.html b/docs/classes/drawable.html
index 5d2e7a3..c7a3db8 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.4.1</title>
-	<meta name="description" content="Documentation for SDF-2D - v0.4.1">
+	<title>Drawable | SDF-2D - v0.5.0</title>
+	<meta name="description" content="Documentation for SDF-2D - v0.5.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.4.1</a>
+					<a href="../index.html" class="title">SDF-2D - v0.5.0</a>
 				</div>
 				<div class="table-cell" id="tsd-widgets">
 					<div id="tsd-filter">
@@ -79,23 +79,6 @@
 				<ul class="tsd-hierarchy">
 					<li>
 						<span class="target">Drawable</span>
-						<ul class="tsd-hierarchy">
-							<li>
-								<a href="circle.html" class="tsd-signature-type">Circle</a>
-							</li>
-							<li>
-								<a href="droplet.html" class="tsd-signature-type">Droplet</a>
-							</li>
-							<li>
-								<a href="invertedtunnel.html" class="tsd-signature-type">InvertedTunnel</a>
-							</li>
-							<li>
-								<a href="metacircle.html" class="tsd-signature-type">MetaCircle</a>
-							</li>
-							<li>
-								<a href="rotatedrectangle.html" class="tsd-signature-type">RotatedRectangle</a>
-							</li>
-						</ul>
 					</li>
 				</ul>
 			</section>
@@ -127,7 +110,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/cdcac35/src/drawables/drawable.ts#L15">drawables/drawable.ts:15</a></li>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/0cca5d9/src/drawables/drawable.ts#L15">drawables/drawable.ts:15</a></li>
 						</ul>
 					</aside>
 					<div class="tsd-comment tsd-typography">
@@ -149,7 +132,7 @@
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/cdcac35/src/drawables/drawable.ts#L34">drawables/drawable.ts:34</a></li>
+									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/0cca5d9/src/drawables/drawable.ts#L34">drawables/drawable.ts:34</a></li>
 								</ul>
 							</aside>
 							<div class="tsd-comment tsd-typography">
@@ -188,7 +171,7 @@
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/cdcac35/src/drawables/drawable.ts#L24">drawables/drawable.ts:24</a></li>
+									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/0cca5d9/src/drawables/drawable.ts#L24">drawables/drawable.ts:24</a></li>
 								</ul>
 							</aside>
 							<div class="tsd-comment tsd-typography">
@@ -229,7 +212,7 @@
 						<a href="../enums/wrapoptions.html" class="tsd-kind-icon">Wrap<wbr>Options</a>
 					</li>
 					<li class=" tsd-kind-class">
-						<a href="circle.html" class="tsd-kind-icon">Circle</a>
+						<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>
@@ -253,23 +236,29 @@
 				</ul>
 				<ul class="after-current">
 					<li class=" tsd-kind-class">
-						<a href="droplet.html" class="tsd-kind-icon">Droplet</a>
+						<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="invertedtunnel.html" class="tsd-kind-icon">Inverted<wbr>Tunnel</a>
+						<a href="invertedtunnelbase.html" class="tsd-kind-icon">Inverted<wbr>Tunnel<wbr>Base</a>
 					</li>
 					<li class=" tsd-kind-class">
-						<a href="metacircle.html" class="tsd-kind-icon">Meta<wbr>Circle</a>
+						<a href="metacirclebase.html" class="tsd-kind-icon">Meta<wbr>Circle<wbr>Base</a>
 					</li>
 					<li class=" tsd-kind-class">
-						<a href="rotatedrectangle.html" class="tsd-kind-icon">Rotated<wbr>Rectangle</a>
+						<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>
@@ -285,15 +274,51 @@
 					<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>
diff --git a/docs/classes/invertedtunnel.html b/docs/classes/dropletbase.html
similarity index 50%
rename from docs/classes/invertedtunnel.html
rename to docs/classes/dropletbase.html
index 57b8998..35cf2a8 100644
--- a/docs/classes/invertedtunnel.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>InvertedTunnel | SDF-2D - v0.4.1</title>
-	<meta name="description" content="Documentation for SDF-2D - v0.4.1">
+	<title>DropletBase | SDF-2D - v0.5.0</title>
+	<meta name="description" content="Documentation for SDF-2D - v0.5.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.4.1</a>
+					<a href="../index.html" class="title">SDF-2D - v0.5.0</a>
 				</div>
 				<div class="table-cell" id="tsd-widgets">
 					<div id="tsd-filter">
@@ -53,10 +53,10 @@
 					<a href="../globals.html">Globals</a>
 				</li>
 				<li>
-					<a href="invertedtunnel.html">InvertedTunnel</a>
+					<a href="dropletbase.html">DropletBase</a>
 				</li>
 			</ul>
-			<h1>Class InvertedTunnel</h1>
+			<h1>Class DropletBase</h1>
 		</div>
 	</div>
 </header>
@@ -71,10 +71,10 @@
 				<h3>Hierarchy</h3>
 				<ul class="tsd-hierarchy">
 					<li>
-						<a href="drawable.html" class="tsd-signature-type">Drawable</a>
+						<span class="tsd-signature-type">EmptyDrawable</span>
 						<ul class="tsd-hierarchy">
 							<li>
-								<span class="target">InvertedTunnel</span>
+								<span class="target">DropletBase</span>
 							</li>
 						</ul>
 					</li>
@@ -87,29 +87,24 @@
 						<section class="tsd-index-section ">
 							<h3>Constructors</h3>
 							<ul class="tsd-index-list">
-								<li class="tsd-kind-constructor tsd-parent-kind-class"><a href="invertedtunnel.html#constructor" class="tsd-kind-icon">constructor</a></li>
+								<li class="tsd-kind-constructor tsd-parent-kind-class"><a href="dropletbase.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="invertedtunnel.html#from" class="tsd-kind-icon">from</a></li>
-								<li class="tsd-kind-property tsd-parent-kind-class"><a href="invertedtunnel.html#fromradius" class="tsd-kind-icon">from<wbr>Radius</a></li>
-								<li class="tsd-kind-property tsd-parent-kind-class"><a href="invertedtunnel.html#to" class="tsd-kind-icon">to</a></li>
-								<li class="tsd-kind-property tsd-parent-kind-class"><a href="invertedtunnel.html#toradius" class="tsd-kind-icon">to<wbr>Radius</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-class"><a href="dropletbase.html#from" class="tsd-kind-icon">from</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-class"><a href="dropletbase.html#fromradius" class="tsd-kind-icon">from<wbr>Radius</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-class"><a href="dropletbase.html#to" class="tsd-kind-icon">to</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-class"><a href="dropletbase.html#toradius" class="tsd-kind-icon">to<wbr>Radius</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-class tsd-is-overwrite tsd-is-inherited tsd-is-static"><a href="dropletbase.html#descriptor" class="tsd-kind-icon">descriptor</a></li>
 							</ul>
 						</section>
-						<section class="tsd-index-section ">
+						<section class="tsd-index-section tsd-is-inherited">
 							<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="invertedtunnel.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="invertedtunnel.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="invertedtunnel.html#descriptor" class="tsd-kind-icon">descriptor</a></li>
+								<li class="tsd-kind-method tsd-parent-kind-class tsd-is-overwrite tsd-is-inherited tsd-is-protected"><a href="dropletbase.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 tsd-is-inherited"><a href="dropletbase.html#mindistance" class="tsd-kind-icon">min<wbr>Distance</a></li>
 							</ul>
 						</section>
 					</div>
@@ -121,13 +116,13 @@
 					<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>Inverted<wbr>Tunnel<span class="tsd-signature-symbol">(</span>from<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">vec2</span>, to<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">vec2</span>, fromRadius<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, toRadius<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="invertedtunnel.html" class="tsd-signature-type">InvertedTunnel</a></li>
+						<li class="tsd-signature tsd-kind-icon">new <wbr>Droplet<wbr>Base<span class="tsd-signature-symbol">(</span>from<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">vec2</span>, to<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">vec2</span>, fromRadius<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, toRadius<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="dropletbase.html" class="tsd-signature-type">DropletBase</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/cdcac35/src/drawables/shapes/inverted-tunnel.ts#L76">drawables/shapes/inverted-tunnel.ts:76</a></li>
+									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/0cca5d9/src/drawables/shapes/droplet-factory.ts#L11">drawables/shapes/droplet-factory.ts:11</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-parameters-title">Parameters</h4>
@@ -145,7 +140,7 @@
 									<h5>toRadius: <span class="tsd-signature-type">number</span></h5>
 								</li>
 							</ul>
-							<h4 class="tsd-returns-title">Returns <a href="invertedtunnel.html" class="tsd-signature-type">InvertedTunnel</a></h4>
+							<h4 class="tsd-returns-title">Returns <a href="dropletbase.html" class="tsd-signature-type">DropletBase</a></h4>
 						</li>
 					</ul>
 				</section>
@@ -158,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/cdcac35/src/drawables/shapes/inverted-tunnel.ts#L79">drawables/shapes/inverted-tunnel.ts:79</a></li>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/0cca5d9/src/drawables/shapes/droplet-factory.ts#L13">drawables/shapes/droplet-factory.ts:13</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -168,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/cdcac35/src/drawables/shapes/inverted-tunnel.ts#L81">drawables/shapes/inverted-tunnel.ts:81</a></li>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/0cca5d9/src/drawables/shapes/droplet-factory.ts#L15">drawables/shapes/droplet-factory.ts:15</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -178,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/cdcac35/src/drawables/shapes/inverted-tunnel.ts#L80">drawables/shapes/inverted-tunnel.ts:80</a></li>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/0cca5d9/src/drawables/shapes/droplet-factory.ts#L14">drawables/shapes/droplet-factory.ts:14</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -188,25 +183,38 @@
 					<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/cdcac35/src/drawables/shapes/inverted-tunnel.ts#L82">drawables/shapes/inverted-tunnel.ts:82</a></li>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/0cca5d9/src/drawables/shapes/droplet-factory.ts#L16">drawables/shapes/droplet-factory.ts:16</a></li>
+						</ul>
+					</aside>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-overwrite tsd-is-inherited tsd-is-static">
+					<a name="descriptor" class="tsd-anchor"></a>
+					<h3><span class="tsd-flag ts-flagStatic">Static</span> <span class="tsd-flag ts-flagReadonly">Readonly</span> descriptor</h3>
+					<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">
+						<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/0cca5d9/src/drawables/empty-drawable.ts#L9">drawables/empty-drawable.ts:9</a></li>
 						</ul>
 					</aside>
 				</section>
 			</section>
-			<section class="tsd-panel-group tsd-member-group ">
+			<section class="tsd-panel-group tsd-member-group tsd-is-inherited">
 				<h2>Methods</h2>
-				<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-overwrite tsd-is-protected">
+				<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-overwrite tsd-is-inherited 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">
+					<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-overwrite tsd-is-inherited 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>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/cdcac35/src/drawables/shapes/inverted-tunnel.ts#L101">drawables/shapes/inverted-tunnel.ts:101</a></li>
+									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/0cca5d9/src/drawables/empty-drawable.ts#L15">drawables/empty-drawable.ts:15</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-parameters-title">Parameters</h4>
@@ -222,18 +230,19 @@
 						</li>
 					</ul>
 				</section>
-				<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-overwrite">
+				<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-overwrite tsd-is-inherited">
 					<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">
+					<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-overwrite tsd-is-inherited">
 						<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>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/cdcac35/src/drawables/shapes/inverted-tunnel.ts#L87">drawables/shapes/inverted-tunnel.ts:87</a></li>
+									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/0cca5d9/src/drawables/empty-drawable.ts#L11">drawables/empty-drawable.ts:11</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-parameters-title">Parameters</h4>
@@ -247,140 +256,6 @@
 					</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/cdcac35/src/drawables/shapes/inverted-tunnel.ts#L13">drawables/shapes/inverted-tunnel.ts:13</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="invertedtunnel.html" class="tsd-signature-type">InvertedTunnel</a><span class="tsd-signature-symbol"> = new InvertedTunnel(vec2.create(), vec2.create(), 0, 0)</span></div>
-						<aside class="tsd-sources">
-							<ul>
-								<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/cdcac35/src/drawables/shapes/inverted-tunnel.ts#L75">drawables/shapes/inverted-tunnel.ts:75</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, 4, 16, 32]</span></div>
-						<aside class="tsd-sources">
-							<ul>
-								<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/cdcac35/src/drawables/shapes/inverted-tunnel.ts#L74">drawables/shapes/inverted-tunnel.ts:74</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;INVERTED_TUNNEL_COUNT&quot;</span></div>
-						<aside class="tsd-sources">
-							<ul>
-								<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/cdcac35/src/drawables/shapes/inverted-tunnel.ts#L73">drawables/shapes/inverted-tunnel.ts:73</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/cdcac35/src/drawables/shapes/inverted-tunnel.ts#L67">drawables/shapes/inverted-tunnel.ts:67</a></li>
-							</ul>
-						</aside>
-						<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
-							<a name="descriptor.propertyuniformmapping.from-1" class="tsd-anchor"></a>
-							<h3>from</h3>
-							<div class="tsd-signature tsd-kind-icon">from<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = &quot;froms&quot;</span></div>
-							<aside class="tsd-sources">
-								<ul>
-									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/cdcac35/src/drawables/shapes/inverted-tunnel.ts#L68">drawables/shapes/inverted-tunnel.ts:68</a></li>
-								</ul>
-							</aside>
-						</section>
-						<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
-							<a name="descriptor.propertyuniformmapping.fromradius-1" class="tsd-anchor"></a>
-							<h3>from<wbr>Radius</h3>
-							<div class="tsd-signature tsd-kind-icon">from<wbr>Radius<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = &quot;fromRadii&quot;</span></div>
-							<aside class="tsd-sources">
-								<ul>
-									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/cdcac35/src/drawables/shapes/inverted-tunnel.ts#L70">drawables/shapes/inverted-tunnel.ts:70</a></li>
-								</ul>
-							</aside>
-						</section>
-						<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
-							<a name="descriptor.propertyuniformmapping.tofromdelta" class="tsd-anchor"></a>
-							<h3>to<wbr>From<wbr>Delta</h3>
-							<div class="tsd-signature tsd-kind-icon">to<wbr>From<wbr>Delta<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = &quot;toFromDeltas&quot;</span></div>
-							<aside class="tsd-sources">
-								<ul>
-									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/cdcac35/src/drawables/shapes/inverted-tunnel.ts#L69">drawables/shapes/inverted-tunnel.ts:69</a></li>
-								</ul>
-							</aside>
-						</section>
-						<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
-							<a name="descriptor.propertyuniformmapping.toradius-1" class="tsd-anchor"></a>
-							<h3>to<wbr>Radius</h3>
-							<div class="tsd-signature tsd-kind-icon">to<wbr>Radius<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = &quot;toRadii&quot;</span></div>
-							<aside class="tsd-sources">
-								<ul>
-									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/cdcac35/src/drawables/shapes/inverted-tunnel.ts#L71">drawables/shapes/inverted-tunnel.ts:71</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/cdcac35/src/drawables/shapes/inverted-tunnel.ts#L14">drawables/shapes/inverted-tunnel.ts:14</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;invertedTunnelMinDistance&quot;</span></div>
-							<aside class="tsd-sources">
-								<ul>
-									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/cdcac35/src/drawables/shapes/inverted-tunnel.ts#L65">drawables/shapes/inverted-tunnel.ts:65</a></li>
-								</ul>
-							</aside>
-						</section>
-						<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
-							<a name="descriptor.sdf.isinverted" class="tsd-anchor"></a>
-							<h3>is<wbr>Inverted</h3>
-							<div class="tsd-signature tsd-kind-icon">is<wbr>Inverted<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">true</span><span class="tsd-signature-symbol"> = true</span></div>
-							<aside class="tsd-sources">
-								<ul>
-									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/cdcac35/src/drawables/shapes/inverted-tunnel.ts#L64">drawables/shapes/inverted-tunnel.ts:64</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 froms[INVERTED_TUNNEL_COUNT];uniform vec2 toFromDeltas[INVERTED_TUNNEL_COUNT];uniform float fromRadii[INVERTED_TUNNEL_COUNT];uniform float toRadii[INVERTED_TUNNEL_COUNT];uniform sampler2D noiseTexture;#ifdef WEBGL2_IS_AVAILABLEfloat invertedTunnelTerrain(float h) {return texture(noiseTexture,vec2(h, 0.5))[0] - 0.5;}#elsefloat invertedTunnelTerrain(float h) {return texture2D(noiseTexture,vec2(h, 0.5))[0] - 0.5;}#endiffloat invertedTunnelMinDistance(vec2 target, out float colorIndex) {colorIndex &#x3D; 3.0;float minDistance &#x3D; -1000.0;for (int i &#x3D; 0; i &lt; INVERTED_TUNNEL_COUNT; i++) {vec2 targetFromDelta &#x3D; target - froms[i];float h &#x3D; dot(targetFromDelta, toFromDeltas[i])/ dot(toFromDeltas[i], toFromDeltas[i]);float clampedH &#x3D; clamp(h, 0.0, 1.0);float currentDistance &#x3D; -mix(fromRadii[i], toRadii[i], clampedH) + distance(targetFromDelta, toFromDeltas[i] * clampedH) - invertedTunnelTerrain(h) / 12.0;minDistance &#x3D; max(minDistance, -currentDistance);}return minDistance;}&#x60;</span></div>
-							<aside class="tsd-sources">
-								<ul>
-									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/cdcac35/src/drawables/shapes/inverted-tunnel.ts#L15">drawables/shapes/inverted-tunnel.ts:15</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">
@@ -399,7 +274,7 @@
 						<a href="../enums/wrapoptions.html" class="tsd-kind-icon">Wrap<wbr>Options</a>
 					</li>
 					<li class=" tsd-kind-class">
-						<a href="circle.html" class="tsd-kind-icon">Circle</a>
+						<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>
@@ -407,54 +282,60 @@
 					<li class=" tsd-kind-class">
 						<a href="drawable.html" class="tsd-kind-icon">Drawable</a>
 					</li>
-					<li class=" tsd-kind-class">
-						<a href="droplet.html" class="tsd-kind-icon">Droplet</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">
-						<a href="invertedtunnel.html" class="tsd-kind-icon">Inverted<wbr>Tunnel</a>
+						<a href="dropletbase.html" class="tsd-kind-icon">Droplet<wbr>Base</a>
 						<ul>
 							<li class=" tsd-kind-constructor tsd-parent-kind-class">
-								<a href="invertedtunnel.html#constructor" class="tsd-kind-icon">constructor</a>
+								<a href="dropletbase.html#constructor" class="tsd-kind-icon">constructor</a>
 							</li>
 							<li class=" tsd-kind-property tsd-parent-kind-class">
-								<a href="invertedtunnel.html#from" class="tsd-kind-icon">from</a>
+								<a href="dropletbase.html#from" class="tsd-kind-icon">from</a>
 							</li>
 							<li class=" tsd-kind-property tsd-parent-kind-class">
-								<a href="invertedtunnel.html#fromradius" class="tsd-kind-icon">from<wbr>Radius</a>
+								<a href="dropletbase.html#fromradius" class="tsd-kind-icon">from<wbr>Radius</a>
 							</li>
 							<li class=" tsd-kind-property tsd-parent-kind-class">
-								<a href="invertedtunnel.html#to" class="tsd-kind-icon">to</a>
+								<a href="dropletbase.html#to" class="tsd-kind-icon">to</a>
 							</li>
 							<li class=" tsd-kind-property tsd-parent-kind-class">
-								<a href="invertedtunnel.html#toradius" class="tsd-kind-icon">to<wbr>Radius</a>
+								<a href="dropletbase.html#toradius" class="tsd-kind-icon">to<wbr>Radius</a>
 							</li>
-							<li class=" tsd-kind-method tsd-parent-kind-class tsd-is-overwrite tsd-is-protected">
-								<a href="invertedtunnel.html#getobjecttoserialize" class="tsd-kind-icon">get<wbr>Object<wbr>ToSerialize</a>
+							<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-overwrite tsd-is-inherited tsd-is-static">
+								<a href="dropletbase.html#descriptor" class="tsd-kind-icon">descriptor</a>
 							</li>
-							<li class=" tsd-kind-method tsd-parent-kind-class tsd-is-overwrite">
-								<a href="invertedtunnel.html#mindistance" class="tsd-kind-icon">min<wbr>Distance</a>
+							<li class=" tsd-kind-method tsd-parent-kind-class tsd-is-overwrite tsd-is-inherited tsd-is-protected">
+								<a href="dropletbase.html#getobjecttoserialize" class="tsd-kind-icon">get<wbr>Object<wbr>ToSerialize</a>
 							</li>
-							<li class=" tsd-kind-object-literal tsd-parent-kind-class tsd-is-overwrite tsd-is-static">
-								<a href="invertedtunnel.html#descriptor" class="tsd-kind-icon">descriptor</a>
+							<li class=" tsd-kind-method tsd-parent-kind-class tsd-is-overwrite tsd-is-inherited">
+								<a href="dropletbase.html#mindistance" class="tsd-kind-icon">min<wbr>Distance</a>
 							</li>
 						</ul>
 					</li>
 				</ul>
 				<ul class="after-current">
 					<li class=" tsd-kind-class">
-						<a href="metacircle.html" class="tsd-kind-icon">Meta<wbr>Circle</a>
+						<a href="flashlight.html" class="tsd-kind-icon">Flashlight</a>
 					</li>
 					<li class=" tsd-kind-class">
-						<a href="rotatedrectangle.html" class="tsd-kind-icon">Rotated<wbr>Rectangle</a>
+						<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>
@@ -470,15 +351,51 @@
 					<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>
diff --git a/docs/classes/flashlight.html b/docs/classes/flashlight.html
index a9f0279..de1553d 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.4.1</title>
-	<meta name="description" content="Documentation for SDF-2D - v0.4.1">
+	<title>Flashlight | SDF-2D - v0.5.0</title>
+	<meta name="description" content="Documentation for SDF-2D - v0.5.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.4.1</a>
+					<a href="../index.html" class="title">SDF-2D - v0.5.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/cdcac35/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/0cca5d9/src/drawables/lights/flashlight.ts#L20">drawables/lights/flashlight.ts:20</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-parameters-title">Parameters</h4>
@@ -166,7 +166,7 @@
 					<aside class="tsd-sources">
 						<p>Inherited from <a href="flashlight.html">Flashlight</a>.<a href="flashlight.html#center">center</a></p>
 						<ul>
-							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/cdcac35/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/0cca5d9/src/drawables/lights/light-drawable.ts#L8">drawables/lights/light-drawable.ts:8</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -177,7 +177,7 @@
 					<aside class="tsd-sources">
 						<p>Inherited from <a href="flashlight.html">Flashlight</a>.<a href="flashlight.html#color">color</a></p>
 						<ul>
-							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/cdcac35/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/0cca5d9/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/cdcac35/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/0cca5d9/src/drawables/lights/flashlight.ts#L26">drawables/lights/flashlight.ts:26</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -198,7 +198,7 @@
 					<aside class="tsd-sources">
 						<p>Inherited from <a href="flashlight.html">Flashlight</a>.<a href="flashlight.html#intensity">intensity</a></p>
 						<ul>
-							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/cdcac35/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/0cca5d9/src/drawables/lights/light-drawable.ts#L8">drawables/lights/light-drawable.ts:8</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -209,7 +209,7 @@
 					<aside class="tsd-sources">
 						<p>Inherited from <a href="flashlight.html">Flashlight</a>.<a href="flashlight.html#lightnessratio">lightnessRatio</a></p>
 						<ul>
-							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/cdcac35/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/0cca5d9/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/cdcac35/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/0cca5d9/src/drawables/lights/flashlight.ts#L27">drawables/lights/flashlight.ts:27</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -237,7 +237,7 @@
 							<aside class="tsd-sources">
 								<p>Overrides LightDrawable.getObjectToSerialize</p>
 								<ul>
-									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/cdcac35/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/0cca5d9/src/drawables/lights/flashlight.ts#L32">drawables/lights/flashlight.ts:32</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-parameters-title">Parameters</h4>
@@ -265,7 +265,7 @@
 								<p>Inherited from <a href="flashlight.html">Flashlight</a>.<a href="flashlight.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/cdcac35/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/0cca5d9/src/drawables/lights/light-drawable.ts#L16">drawables/lights/light-drawable.ts:16</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-parameters-title">Parameters</h4>
@@ -289,7 +289,7 @@
 							<aside class="tsd-sources">
 								<p>Inherited from <a href="flashlight.html">Flashlight</a>.<a href="flashlight.html#setlightnessratio">setLightnessRatio</a></p>
 								<ul>
-									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/cdcac35/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/0cca5d9/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/cdcac35/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/0cca5d9/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/cdcac35/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/0cca5d9/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/cdcac35/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/0cca5d9/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/cdcac35/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/0cca5d9/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/cdcac35/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/0cca5d9/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/cdcac35/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/0cca5d9/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/cdcac35/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/0cca5d9/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/cdcac35/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/0cca5d9/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/cdcac35/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/0cca5d9/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/cdcac35/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/0cca5d9/src/drawables/lights/flashlight.ts#L15">drawables/lights/flashlight.ts:15</a></li>
 								</ul>
 							</aside>
 						</section>
@@ -425,7 +425,7 @@
 						<a href="../enums/wrapoptions.html" class="tsd-kind-icon">Wrap<wbr>Options</a>
 					</li>
 					<li class=" tsd-kind-class">
-						<a href="circle.html" class="tsd-kind-icon">Circle</a>
+						<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>
@@ -434,7 +434,7 @@
 						<a href="drawable.html" class="tsd-kind-icon">Drawable</a>
 					</li>
 					<li class=" tsd-kind-class">
-						<a href="droplet.html" class="tsd-kind-icon">Droplet</a>
+						<a href="dropletbase.html" class="tsd-kind-icon">Droplet<wbr>Base</a>
 					</li>
 				</ul>
 				<ul class="current">
@@ -479,17 +479,23 @@
 				</ul>
 				<ul class="after-current">
 					<li class=" tsd-kind-class">
-						<a href="invertedtunnel.html" class="tsd-kind-icon">Inverted<wbr>Tunnel</a>
+						<a href="invertedtunnelbase.html" class="tsd-kind-icon">Inverted<wbr>Tunnel<wbr>Base</a>
 					</li>
 					<li class=" tsd-kind-class">
-						<a href="metacircle.html" class="tsd-kind-icon">Meta<wbr>Circle</a>
+						<a href="metacirclebase.html" class="tsd-kind-icon">Meta<wbr>Circle<wbr>Base</a>
 					</li>
 					<li class=" tsd-kind-class">
-						<a href="rotatedrectangle.html" class="tsd-kind-icon">Rotated<wbr>Rectangle</a>
+						<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>
@@ -505,15 +511,51 @@
 					<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>
diff --git a/docs/classes/droplet.html b/docs/classes/invertedtunnelbase.html
similarity index 53%
rename from docs/classes/droplet.html
rename to docs/classes/invertedtunnelbase.html
index 9d34356..c3f6bc1 100644
--- a/docs/classes/droplet.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>Droplet | SDF-2D - v0.4.1</title>
-	<meta name="description" content="Documentation for SDF-2D - v0.4.1">
+	<title>InvertedTunnelBase | SDF-2D - v0.5.0</title>
+	<meta name="description" content="Documentation for SDF-2D - v0.5.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.4.1</a>
+					<a href="../index.html" class="title">SDF-2D - v0.5.0</a>
 				</div>
 				<div class="table-cell" id="tsd-widgets">
 					<div id="tsd-filter">
@@ -53,10 +53,10 @@
 					<a href="../globals.html">Globals</a>
 				</li>
 				<li>
-					<a href="droplet.html">Droplet</a>
+					<a href="invertedtunnelbase.html">InvertedTunnelBase</a>
 				</li>
 			</ul>
-			<h1>Class Droplet</h1>
+			<h1>Class InvertedTunnelBase</h1>
 		</div>
 	</div>
 </header>
@@ -71,10 +71,10 @@
 				<h3>Hierarchy</h3>
 				<ul class="tsd-hierarchy">
 					<li>
-						<a href="drawable.html" class="tsd-signature-type">Drawable</a>
+						<span class="tsd-signature-type">EmptyDrawable</span>
 						<ul class="tsd-hierarchy">
 							<li>
-								<span class="target">Droplet</span>
+								<span class="target">InvertedTunnelBase</span>
 							</li>
 						</ul>
 					</li>
@@ -87,29 +87,24 @@
 						<section class="tsd-index-section ">
 							<h3>Constructors</h3>
 							<ul class="tsd-index-list">
-								<li class="tsd-kind-constructor tsd-parent-kind-class"><a href="droplet.html#constructor" class="tsd-kind-icon">constructor</a></li>
+								<li class="tsd-kind-constructor tsd-parent-kind-class"><a href="invertedtunnelbase.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="droplet.html#from" class="tsd-kind-icon">from</a></li>
-								<li class="tsd-kind-property tsd-parent-kind-class"><a href="droplet.html#fromradius" class="tsd-kind-icon">from<wbr>Radius</a></li>
-								<li class="tsd-kind-property tsd-parent-kind-class"><a href="droplet.html#to" class="tsd-kind-icon">to</a></li>
-								<li class="tsd-kind-property tsd-parent-kind-class"><a href="droplet.html#toradius" class="tsd-kind-icon">to<wbr>Radius</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-class"><a href="invertedtunnelbase.html#from" class="tsd-kind-icon">from</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-class"><a href="invertedtunnelbase.html#fromradius" class="tsd-kind-icon">from<wbr>Radius</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-class"><a href="invertedtunnelbase.html#to" class="tsd-kind-icon">to</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-class"><a href="invertedtunnelbase.html#toradius" class="tsd-kind-icon">to<wbr>Radius</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-class tsd-is-overwrite tsd-is-inherited tsd-is-static"><a href="invertedtunnelbase.html#descriptor" class="tsd-kind-icon">descriptor</a></li>
 							</ul>
 						</section>
-						<section class="tsd-index-section ">
+						<section class="tsd-index-section tsd-is-inherited">
 							<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="droplet.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="droplet.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="droplet.html#descriptor" class="tsd-kind-icon">descriptor</a></li>
+								<li class="tsd-kind-method tsd-parent-kind-class tsd-is-overwrite tsd-is-inherited tsd-is-protected"><a href="invertedtunnelbase.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 tsd-is-inherited"><a href="invertedtunnelbase.html#mindistance" class="tsd-kind-icon">min<wbr>Distance</a></li>
 							</ul>
 						</section>
 					</div>
@@ -121,13 +116,13 @@
 					<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>Droplet<span class="tsd-signature-symbol">(</span>from<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">vec2</span>, to<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">vec2</span>, fromRadius<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, toRadius<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="droplet.html" class="tsd-signature-type">Droplet</a></li>
+						<li class="tsd-signature tsd-kind-icon">new <wbr>Inverted<wbr>Tunnel<wbr>Base<span class="tsd-signature-symbol">(</span>from<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">vec2</span>, to<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">vec2</span>, fromRadius<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, toRadius<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="invertedtunnelbase.html" class="tsd-signature-type">InvertedTunnelBase</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/cdcac35/src/drawables/shapes/droplet.ts#L55">drawables/shapes/droplet.ts:55</a></li>
+									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/0cca5d9/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>
@@ -145,7 +140,7 @@
 									<h5>toRadius: <span class="tsd-signature-type">number</span></h5>
 								</li>
 							</ul>
-							<h4 class="tsd-returns-title">Returns <a href="droplet.html" class="tsd-signature-type">Droplet</a></h4>
+							<h4 class="tsd-returns-title">Returns <a href="invertedtunnelbase.html" class="tsd-signature-type">InvertedTunnelBase</a></h4>
 						</li>
 					</ul>
 				</section>
@@ -158,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/cdcac35/src/drawables/shapes/droplet.ts#L58">drawables/shapes/droplet.ts:58</a></li>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/0cca5d9/src/drawables/shapes/inverted-tunnel-factory.ts#L13">drawables/shapes/inverted-tunnel-factory.ts:13</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -168,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/cdcac35/src/drawables/shapes/droplet.ts#L60">drawables/shapes/droplet.ts:60</a></li>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/0cca5d9/src/drawables/shapes/inverted-tunnel-factory.ts#L15">drawables/shapes/inverted-tunnel-factory.ts:15</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -178,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/cdcac35/src/drawables/shapes/droplet.ts#L59">drawables/shapes/droplet.ts:59</a></li>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/0cca5d9/src/drawables/shapes/inverted-tunnel-factory.ts#L14">drawables/shapes/inverted-tunnel-factory.ts:14</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -188,25 +183,38 @@
 					<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/cdcac35/src/drawables/shapes/droplet.ts#L61">drawables/shapes/droplet.ts:61</a></li>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/0cca5d9/src/drawables/shapes/inverted-tunnel-factory.ts#L16">drawables/shapes/inverted-tunnel-factory.ts:16</a></li>
+						</ul>
+					</aside>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-overwrite tsd-is-inherited tsd-is-static">
+					<a name="descriptor" class="tsd-anchor"></a>
+					<h3><span class="tsd-flag ts-flagStatic">Static</span> <span class="tsd-flag ts-flagReadonly">Readonly</span> descriptor</h3>
+					<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">
+						<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/0cca5d9/src/drawables/empty-drawable.ts#L9">drawables/empty-drawable.ts:9</a></li>
 						</ul>
 					</aside>
 				</section>
 			</section>
-			<section class="tsd-panel-group tsd-member-group ">
+			<section class="tsd-panel-group tsd-member-group tsd-is-inherited">
 				<h2>Methods</h2>
-				<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-overwrite tsd-is-protected">
+				<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-overwrite tsd-is-inherited 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">
+					<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-overwrite tsd-is-inherited 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>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/cdcac35/src/drawables/shapes/droplet.ts#L80">drawables/shapes/droplet.ts:80</a></li>
+									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/0cca5d9/src/drawables/empty-drawable.ts#L15">drawables/empty-drawable.ts:15</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-parameters-title">Parameters</h4>
@@ -222,18 +230,19 @@
 						</li>
 					</ul>
 				</section>
-				<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-overwrite">
+				<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-overwrite tsd-is-inherited">
 					<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">
+					<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-overwrite tsd-is-inherited">
 						<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>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/cdcac35/src/drawables/shapes/droplet.ts#L66">drawables/shapes/droplet.ts:66</a></li>
+									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/0cca5d9/src/drawables/empty-drawable.ts#L11">drawables/empty-drawable.ts:11</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-parameters-title">Parameters</h4>
@@ -247,130 +256,6 @@
 					</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/cdcac35/src/drawables/shapes/droplet.ts#L11">drawables/shapes/droplet.ts:11</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="droplet.html" class="tsd-signature-type">Droplet</a><span class="tsd-signature-symbol"> = new Droplet(vec2.create(), vec2.create(), 0, 0)</span></div>
-						<aside class="tsd-sources">
-							<ul>
-								<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/cdcac35/src/drawables/shapes/droplet.ts#L54">drawables/shapes/droplet.ts:54</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, 4, 16, 32]</span></div>
-						<aside class="tsd-sources">
-							<ul>
-								<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/cdcac35/src/drawables/shapes/droplet.ts#L53">drawables/shapes/droplet.ts:53</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;DROPLET_COUNT&quot;</span></div>
-						<aside class="tsd-sources">
-							<ul>
-								<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/cdcac35/src/drawables/shapes/droplet.ts#L52">drawables/shapes/droplet.ts:52</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/cdcac35/src/drawables/shapes/droplet.ts#L46">drawables/shapes/droplet.ts:46</a></li>
-							</ul>
-						</aside>
-						<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
-							<a name="descriptor.propertyuniformmapping.from-1" class="tsd-anchor"></a>
-							<h3>from</h3>
-							<div class="tsd-signature tsd-kind-icon">from<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = &quot;froms&quot;</span></div>
-							<aside class="tsd-sources">
-								<ul>
-									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/cdcac35/src/drawables/shapes/droplet.ts#L47">drawables/shapes/droplet.ts:47</a></li>
-								</ul>
-							</aside>
-						</section>
-						<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
-							<a name="descriptor.propertyuniformmapping.fromradius-1" class="tsd-anchor"></a>
-							<h3>from<wbr>Radius</h3>
-							<div class="tsd-signature tsd-kind-icon">from<wbr>Radius<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = &quot;fromRadii&quot;</span></div>
-							<aside class="tsd-sources">
-								<ul>
-									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/cdcac35/src/drawables/shapes/droplet.ts#L49">drawables/shapes/droplet.ts:49</a></li>
-								</ul>
-							</aside>
-						</section>
-						<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
-							<a name="descriptor.propertyuniformmapping.tofromdelta" class="tsd-anchor"></a>
-							<h3>to<wbr>From<wbr>Delta</h3>
-							<div class="tsd-signature tsd-kind-icon">to<wbr>From<wbr>Delta<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = &quot;toFromDeltas&quot;</span></div>
-							<aside class="tsd-sources">
-								<ul>
-									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/cdcac35/src/drawables/shapes/droplet.ts#L48">drawables/shapes/droplet.ts:48</a></li>
-								</ul>
-							</aside>
-						</section>
-						<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
-							<a name="descriptor.propertyuniformmapping.toradius-1" class="tsd-anchor"></a>
-							<h3>to<wbr>Radius</h3>
-							<div class="tsd-signature tsd-kind-icon">to<wbr>Radius<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = &quot;toRadii&quot;</span></div>
-							<aside class="tsd-sources">
-								<ul>
-									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/cdcac35/src/drawables/shapes/droplet.ts#L50">drawables/shapes/droplet.ts:50</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/cdcac35/src/drawables/shapes/droplet.ts#L12">drawables/shapes/droplet.ts:12</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;dropletMinDistance&quot;</span></div>
-							<aside class="tsd-sources">
-								<ul>
-									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/cdcac35/src/drawables/shapes/droplet.ts#L44">drawables/shapes/droplet.ts:44</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 froms[DROPLET_COUNT];uniform vec2 toFromDeltas[DROPLET_COUNT];uniform float fromRadii[DROPLET_COUNT];uniform float toRadii[DROPLET_COUNT];float dropletMinDistance(vec2 target, out float colorIndex) {colorIndex &#x3D; 1.0;float minDistance &#x3D; 1000.0;for (int i &#x3D; 0; i &lt; DROPLET_COUNT; i++) {vec2 targetFromDelta &#x3D; target - froms[i];float h &#x3D; clamp(dot(targetFromDelta, toFromDeltas[i])/ dot(toFromDeltas[i], toFromDeltas[i]),0.0, 1.0);float currentDistance &#x3D; -mix(fromRadii[i], toRadii[i], h) + distance(targetFromDelta, toFromDeltas[i] * h);minDistance &#x3D; min(minDistance, currentDistance);}return minDistance;}&#x60;</span></div>
-							<aside class="tsd-sources">
-								<ul>
-									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/cdcac35/src/drawables/shapes/droplet.ts#L13">drawables/shapes/droplet.ts:13</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">
@@ -389,7 +274,7 @@
 						<a href="../enums/wrapoptions.html" class="tsd-kind-icon">Wrap<wbr>Options</a>
 					</li>
 					<li class=" tsd-kind-class">
-						<a href="circle.html" class="tsd-kind-icon">Circle</a>
+						<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>
@@ -397,54 +282,60 @@
 					<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">
-						<a href="droplet.html" class="tsd-kind-icon">Droplet</a>
+						<a href="invertedtunnelbase.html" class="tsd-kind-icon">Inverted<wbr>Tunnel<wbr>Base</a>
 						<ul>
 							<li class=" tsd-kind-constructor tsd-parent-kind-class">
-								<a href="droplet.html#constructor" class="tsd-kind-icon">constructor</a>
+								<a href="invertedtunnelbase.html#constructor" class="tsd-kind-icon">constructor</a>
 							</li>
 							<li class=" tsd-kind-property tsd-parent-kind-class">
-								<a href="droplet.html#from" class="tsd-kind-icon">from</a>
+								<a href="invertedtunnelbase.html#from" class="tsd-kind-icon">from</a>
 							</li>
 							<li class=" tsd-kind-property tsd-parent-kind-class">
-								<a href="droplet.html#fromradius" class="tsd-kind-icon">from<wbr>Radius</a>
+								<a href="invertedtunnelbase.html#fromradius" class="tsd-kind-icon">from<wbr>Radius</a>
 							</li>
 							<li class=" tsd-kind-property tsd-parent-kind-class">
-								<a href="droplet.html#to" class="tsd-kind-icon">to</a>
+								<a href="invertedtunnelbase.html#to" class="tsd-kind-icon">to</a>
 							</li>
 							<li class=" tsd-kind-property tsd-parent-kind-class">
-								<a href="droplet.html#toradius" class="tsd-kind-icon">to<wbr>Radius</a>
+								<a href="invertedtunnelbase.html#toradius" class="tsd-kind-icon">to<wbr>Radius</a>
 							</li>
-							<li class=" tsd-kind-method tsd-parent-kind-class tsd-is-overwrite tsd-is-protected">
-								<a href="droplet.html#getobjecttoserialize" class="tsd-kind-icon">get<wbr>Object<wbr>ToSerialize</a>
+							<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-overwrite tsd-is-inherited tsd-is-static">
+								<a href="invertedtunnelbase.html#descriptor" class="tsd-kind-icon">descriptor</a>
 							</li>
-							<li class=" tsd-kind-method tsd-parent-kind-class tsd-is-overwrite">
-								<a href="droplet.html#mindistance" class="tsd-kind-icon">min<wbr>Distance</a>
+							<li class=" tsd-kind-method tsd-parent-kind-class tsd-is-overwrite tsd-is-inherited tsd-is-protected">
+								<a href="invertedtunnelbase.html#getobjecttoserialize" class="tsd-kind-icon">get<wbr>Object<wbr>ToSerialize</a>
 							</li>
-							<li class=" tsd-kind-object-literal tsd-parent-kind-class tsd-is-overwrite tsd-is-static">
-								<a href="droplet.html#descriptor" class="tsd-kind-icon">descriptor</a>
+							<li class=" tsd-kind-method tsd-parent-kind-class tsd-is-overwrite tsd-is-inherited">
+								<a href="invertedtunnelbase.html#mindistance" class="tsd-kind-icon">min<wbr>Distance</a>
 							</li>
 						</ul>
 					</li>
 				</ul>
 				<ul class="after-current">
 					<li class=" tsd-kind-class">
-						<a href="flashlight.html" class="tsd-kind-icon">Flashlight</a>
+						<a href="metacirclebase.html" class="tsd-kind-icon">Meta<wbr>Circle<wbr>Base</a>
 					</li>
 					<li class=" tsd-kind-class">
-						<a href="invertedtunnel.html" class="tsd-kind-icon">Inverted<wbr>Tunnel</a>
+						<a href="polygonbase.html" class="tsd-kind-icon">Polygon<wbr>Base</a>
 					</li>
 					<li class=" tsd-kind-class">
-						<a href="metacircle.html" class="tsd-kind-icon">Meta<wbr>Circle</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="rotatedrectangle.html" class="tsd-kind-icon">Rotated<wbr>Rectangle</a>
+						<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>
@@ -460,15 +351,51 @@
 					<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>
diff --git a/docs/classes/circle.html b/docs/classes/metacirclebase.html
similarity index 56%
rename from docs/classes/circle.html
rename to docs/classes/metacirclebase.html
index 49070fe..4a8cafe 100644
--- a/docs/classes/circle.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>Circle | SDF-2D - v0.4.1</title>
-	<meta name="description" content="Documentation for SDF-2D - v0.4.1">
+	<title>MetaCircleBase | SDF-2D - v0.5.0</title>
+	<meta name="description" content="Documentation for SDF-2D - v0.5.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.4.1</a>
+					<a href="../index.html" class="title">SDF-2D - v0.5.0</a>
 				</div>
 				<div class="table-cell" id="tsd-widgets">
 					<div id="tsd-filter">
@@ -53,10 +53,10 @@
 					<a href="../globals.html">Globals</a>
 				</li>
 				<li>
-					<a href="circle.html">Circle</a>
+					<a href="metacirclebase.html">MetaCircleBase</a>
 				</li>
 			</ul>
-			<h1>Class Circle</h1>
+			<h1>Class MetaCircleBase</h1>
 		</div>
 	</div>
 </header>
@@ -71,10 +71,10 @@
 				<h3>Hierarchy</h3>
 				<ul class="tsd-hierarchy">
 					<li>
-						<a href="drawable.html" class="tsd-signature-type">Drawable</a>
+						<span class="tsd-signature-type">EmptyDrawable</span>
 						<ul class="tsd-hierarchy">
 							<li>
-								<span class="target">Circle</span>
+								<span class="target">MetaCircleBase</span>
 							</li>
 						</ul>
 					</li>
@@ -87,27 +87,22 @@
 						<section class="tsd-index-section ">
 							<h3>Constructors</h3>
 							<ul class="tsd-index-list">
-								<li class="tsd-kind-constructor tsd-parent-kind-class"><a href="circle.html#constructor" class="tsd-kind-icon">constructor</a></li>
+								<li class="tsd-kind-constructor tsd-parent-kind-class"><a href="metacirclebase.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="circle.html#center" class="tsd-kind-icon">center</a></li>
-								<li class="tsd-kind-property tsd-parent-kind-class"><a href="circle.html#radius" class="tsd-kind-icon">radius</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-class"><a href="metacirclebase.html#center" class="tsd-kind-icon">center</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-class"><a href="metacirclebase.html#radius" class="tsd-kind-icon">radius</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-class tsd-is-overwrite tsd-is-inherited tsd-is-static"><a href="metacirclebase.html#descriptor" class="tsd-kind-icon">descriptor</a></li>
 							</ul>
 						</section>
-						<section class="tsd-index-section ">
+						<section class="tsd-index-section tsd-is-inherited">
 							<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="circle.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="circle.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="circle.html#descriptor" class="tsd-kind-icon">descriptor</a></li>
+								<li class="tsd-kind-method tsd-parent-kind-class tsd-is-overwrite tsd-is-inherited tsd-is-protected"><a href="metacirclebase.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 tsd-is-inherited"><a href="metacirclebase.html#mindistance" class="tsd-kind-icon">min<wbr>Distance</a></li>
 							</ul>
 						</section>
 					</div>
@@ -119,13 +114,13 @@
 					<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>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><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="circle.html" class="tsd-signature-type">Circle</a></li>
+						<li class="tsd-signature tsd-kind-icon">new <wbr>Meta<wbr>Circle<wbr>Base<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><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="metacirclebase.html" class="tsd-signature-type">MetaCircleBase</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/cdcac35/src/drawables/shapes/circle.ts#L35">drawables/shapes/circle.ts:35</a></li>
+									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/0cca5d9/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>
@@ -137,7 +132,7 @@
 									<h5>radius: <span class="tsd-signature-type">number</span></h5>
 								</li>
 							</ul>
-							<h4 class="tsd-returns-title">Returns <a href="circle.html" class="tsd-signature-type">Circle</a></h4>
+							<h4 class="tsd-returns-title">Returns <a href="metacirclebase.html" class="tsd-signature-type">MetaCircleBase</a></h4>
 						</li>
 					</ul>
 				</section>
@@ -150,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/cdcac35/src/drawables/shapes/circle.ts#L37">drawables/shapes/circle.ts:37</a></li>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/0cca5d9/src/drawables/shapes/meta-circle-factory.ts#L10">drawables/shapes/meta-circle-factory.ts:10</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -160,25 +155,38 @@
 					<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/cdcac35/src/drawables/shapes/circle.ts#L37">drawables/shapes/circle.ts:37</a></li>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/0cca5d9/src/drawables/shapes/meta-circle-factory.ts#L10">drawables/shapes/meta-circle-factory.ts:10</a></li>
+						</ul>
+					</aside>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-overwrite tsd-is-inherited tsd-is-static">
+					<a name="descriptor" class="tsd-anchor"></a>
+					<h3><span class="tsd-flag ts-flagStatic">Static</span> <span class="tsd-flag ts-flagReadonly">Readonly</span> descriptor</h3>
+					<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">
+						<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/0cca5d9/src/drawables/empty-drawable.ts#L9">drawables/empty-drawable.ts:9</a></li>
 						</ul>
 					</aside>
 				</section>
 			</section>
-			<section class="tsd-panel-group tsd-member-group ">
+			<section class="tsd-panel-group tsd-member-group tsd-is-inherited">
 				<h2>Methods</h2>
-				<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-overwrite tsd-is-protected">
+				<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-overwrite tsd-is-inherited 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">
+					<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-overwrite tsd-is-inherited 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>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/cdcac35/src/drawables/shapes/circle.ts#L45">drawables/shapes/circle.ts:45</a></li>
+									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/0cca5d9/src/drawables/empty-drawable.ts#L15">drawables/empty-drawable.ts:15</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-parameters-title">Parameters</h4>
@@ -194,18 +202,19 @@
 						</li>
 					</ul>
 				</section>
-				<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-overwrite">
+				<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-overwrite tsd-is-inherited">
 					<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">
+					<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-overwrite tsd-is-inherited">
 						<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>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/cdcac35/src/drawables/shapes/circle.ts#L41">drawables/shapes/circle.ts:41</a></li>
+									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/0cca5d9/src/drawables/empty-drawable.ts#L11">drawables/empty-drawable.ts:11</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-parameters-title">Parameters</h4>
@@ -219,110 +228,6 @@
 					</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/cdcac35/src/drawables/shapes/circle.ts#L9">drawables/shapes/circle.ts:9</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="circle.html" class="tsd-signature-type">Circle</a><span class="tsd-signature-symbol"> = new Circle(vec2.create(), 0)</span></div>
-						<aside class="tsd-sources">
-							<ul>
-								<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/cdcac35/src/drawables/shapes/circle.ts#L34">drawables/shapes/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.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/cdcac35/src/drawables/shapes/circle.ts#L33">drawables/shapes/circle.ts:33</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;CIRCLE_COUNT&quot;</span></div>
-						<aside class="tsd-sources">
-							<ul>
-								<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/cdcac35/src/drawables/shapes/circle.ts#L32">drawables/shapes/circle.ts:32</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/cdcac35/src/drawables/shapes/circle.ts#L28">drawables/shapes/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;circleCenters&quot;</span></div>
-							<aside class="tsd-sources">
-								<ul>
-									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/cdcac35/src/drawables/shapes/circle.ts#L29">drawables/shapes/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.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;circleRadii&quot;</span></div>
-							<aside class="tsd-sources">
-								<ul>
-									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/cdcac35/src/drawables/shapes/circle.ts#L30">drawables/shapes/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/cdcac35/src/drawables/shapes/circle.ts#L10">drawables/shapes/circle.ts:10</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/cdcac35/src/drawables/shapes/circle.ts#L26">drawables/shapes/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 circleCenters[CIRCLE_COUNT];uniform float circleRadii[CIRCLE_COUNT];float circleMinDistance(vec2 target, out float colorIndex) {colorIndex &#x3D; 2.0;float minDistance &#x3D; 1000.0;for (int i &#x3D; 0; i &lt; CIRCLE_COUNT; i++) {float dist &#x3D; distance(circleCenters[i], target) - circleRadii[i];minDistance &#x3D; min(minDistance, dist);}return minDistance;}&#x60;</span></div>
-							<aside class="tsd-sources">
-								<ul>
-									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/cdcac35/src/drawables/shapes/circle.ts#L11">drawables/shapes/circle.ts:11</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">
@@ -340,33 +245,9 @@
 					<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">
-						<a href="circle.html" class="tsd-kind-icon">Circle</a>
-						<ul>
-							<li class=" tsd-kind-constructor tsd-parent-kind-class">
-								<a href="circle.html#constructor" class="tsd-kind-icon">constructor</a>
-							</li>
-							<li class=" tsd-kind-property tsd-parent-kind-class">
-								<a href="circle.html#center" class="tsd-kind-icon">center</a>
-							</li>
-							<li class=" tsd-kind-property tsd-parent-kind-class">
-								<a href="circle.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="circle.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="circle.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="circle.html#descriptor" class="tsd-kind-icon">descriptor</a>
-							</li>
-						</ul>
+					<li class=" tsd-kind-class">
+						<a href="circlebase.html" class="tsd-kind-icon">Circle<wbr>Base</a>
 					</li>
-				</ul>
-				<ul class="after-current">
 					<li class=" tsd-kind-class">
 						<a href="circlelight.html" class="tsd-kind-icon">Circle<wbr>Light</a>
 					</li>
@@ -374,23 +255,53 @@
 						<a href="drawable.html" class="tsd-kind-icon">Drawable</a>
 					</li>
 					<li class=" tsd-kind-class">
-						<a href="droplet.html" class="tsd-kind-icon">Droplet</a>
+						<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="invertedtunnel.html" class="tsd-kind-icon">Inverted<wbr>Tunnel</a>
+						<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">
+						<a href="metacirclebase.html" class="tsd-kind-icon">Meta<wbr>Circle<wbr>Base</a>
+						<ul>
+							<li class=" tsd-kind-constructor tsd-parent-kind-class">
+								<a href="metacirclebase.html#constructor" class="tsd-kind-icon">constructor</a>
+							</li>
+							<li class=" tsd-kind-property tsd-parent-kind-class">
+								<a href="metacirclebase.html#center" class="tsd-kind-icon">center</a>
+							</li>
+							<li class=" tsd-kind-property tsd-parent-kind-class">
+								<a href="metacirclebase.html#radius" class="tsd-kind-icon">radius</a>
+							</li>
+							<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-overwrite tsd-is-inherited tsd-is-static">
+								<a href="metacirclebase.html#descriptor" class="tsd-kind-icon">descriptor</a>
+							</li>
+							<li class=" tsd-kind-method tsd-parent-kind-class tsd-is-overwrite tsd-is-inherited tsd-is-protected">
+								<a href="metacirclebase.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 tsd-is-inherited">
+								<a href="metacirclebase.html#mindistance" class="tsd-kind-icon">min<wbr>Distance</a>
+							</li>
+						</ul>
+					</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="metacircle.html" class="tsd-kind-icon">Meta<wbr>Circle</a>
-					</li>
-					<li class=" tsd-kind-class">
-						<a href="rotatedrectangle.html" class="tsd-kind-icon">Rotated<wbr>Rectangle</a>
+						<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>
@@ -406,15 +317,51 @@
 					<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>
diff --git a/docs/classes/polygonbase.html b/docs/classes/polygonbase.html
new file mode 100644
index 0000000..db61517
--- /dev/null
+++ b/docs/classes/polygonbase.html
@@ -0,0 +1,393 @@
+<!doctype html>
+<html class="default no-js">
+<head>
+	<meta charset="utf-8">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge">
+	<title>PolygonBase | SDF-2D - v0.5.0</title>
+	<meta name="description" content="Documentation for SDF-2D - v0.5.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.5.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="polygonbase.html">PolygonBase</a>
+				</li>
+			</ul>
+			<h1>Class PolygonBase</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>
+			</section>
+			<section class="tsd-panel tsd-hierarchy">
+				<h3>Hierarchy</h3>
+				<ul class="tsd-hierarchy">
+					<li>
+						<span class="tsd-signature-type">EmptyDrawable</span>
+						<ul class="tsd-hierarchy">
+							<li>
+								<span class="target">PolygonBase</span>
+								<ul class="tsd-hierarchy">
+									<li>
+										<a href="../interfaces/noisypolygonbase.html" class="tsd-signature-type">NoisyPolygonBase</a>
+									</li>
+								</ul>
+							</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="polygonbase.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="polygonbase.html#vertices" class="tsd-kind-icon">vertices</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-class tsd-is-overwrite tsd-is-inherited tsd-is-static"><a href="polygonbase.html#descriptor" class="tsd-kind-icon">descriptor</a></li>
+							</ul>
+						</section>
+						<section class="tsd-index-section tsd-is-inherited">
+							<h3>Methods</h3>
+							<ul class="tsd-index-list">
+								<li class="tsd-kind-method tsd-parent-kind-class tsd-is-overwrite tsd-is-inherited tsd-is-protected"><a href="polygonbase.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 tsd-is-inherited"><a href="polygonbase.html#mindistance" class="tsd-kind-icon">min<wbr>Distance</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>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>
+					</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/0cca5d9/src/drawables/shapes/polygon-factory.ts#L10">drawables/shapes/polygon-factory.ts:10</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>
+								</li>
+							</ul>
+							<h4 class="tsd-returns-title">Returns <a href="polygonbase.html" class="tsd-signature-type">PolygonBase</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="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>
+					<aside class="tsd-sources">
+						<ul>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/0cca5d9/src/drawables/shapes/polygon-factory.ts#L11">drawables/shapes/polygon-factory.ts:11</a></li>
+						</ul>
+					</aside>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-overwrite tsd-is-inherited tsd-is-static">
+					<a name="descriptor" class="tsd-anchor"></a>
+					<h3><span class="tsd-flag ts-flagStatic">Static</span> <span class="tsd-flag ts-flagReadonly">Readonly</span> descriptor</h3>
+					<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">
+						<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/0cca5d9/src/drawables/empty-drawable.ts#L9">drawables/empty-drawable.ts:9</a></li>
+						</ul>
+					</aside>
+				</section>
+			</section>
+			<section class="tsd-panel-group tsd-member-group tsd-is-inherited">
+				<h2>Methods</h2>
+				<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-overwrite tsd-is-inherited 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-inherited 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>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/0cca5d9/src/drawables/empty-drawable.ts#L15">drawables/empty-drawable.ts:15</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 tsd-is-inherited">
+					<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 tsd-is-inherited">
+						<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>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/0cca5d9/src/drawables/empty-drawable.ts#L11">drawables/empty-drawable.ts:11</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>
+		</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">
+					<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">
+						<a href="polygonbase.html" class="tsd-kind-icon">Polygon<wbr>Base</a>
+						<ul>
+							<li class=" tsd-kind-constructor tsd-parent-kind-class">
+								<a href="polygonbase.html#constructor" class="tsd-kind-icon">constructor</a>
+							</li>
+							<li class=" tsd-kind-property tsd-parent-kind-class">
+								<a href="polygonbase.html#vertices" class="tsd-kind-icon">vertices</a>
+							</li>
+							<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-overwrite tsd-is-inherited tsd-is-static">
+								<a href="polygonbase.html#descriptor" class="tsd-kind-icon">descriptor</a>
+							</li>
+							<li class=" tsd-kind-method tsd-parent-kind-class tsd-is-overwrite tsd-is-inherited tsd-is-protected">
+								<a href="polygonbase.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 tsd-is-inherited">
+								<a href="polygonbase.html#mindistance" class="tsd-kind-icon">min<wbr>Distance</a>
+							</li>
+						</ul>
+					</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>
+	</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/rotatedrectangle.html b/docs/classes/rotatedrectanglebase.html
similarity index 52%
rename from docs/classes/rotatedrectangle.html
rename to docs/classes/rotatedrectanglebase.html
index ca89f97..e45920d 100644
--- a/docs/classes/rotatedrectangle.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>RotatedRectangle | SDF-2D - v0.4.1</title>
-	<meta name="description" content="Documentation for SDF-2D - v0.4.1">
+	<title>RotatedRectangleBase | SDF-2D - v0.5.0</title>
+	<meta name="description" content="Documentation for SDF-2D - v0.5.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.4.1</a>
+					<a href="../index.html" class="title">SDF-2D - v0.5.0</a>
 				</div>
 				<div class="table-cell" id="tsd-widgets">
 					<div id="tsd-filter">
@@ -53,10 +53,10 @@
 					<a href="../globals.html">Globals</a>
 				</li>
 				<li>
-					<a href="rotatedrectangle.html">RotatedRectangle</a>
+					<a href="rotatedrectanglebase.html">RotatedRectangleBase</a>
 				</li>
 			</ul>
-			<h1>Class RotatedRectangle</h1>
+			<h1>Class RotatedRectangleBase</h1>
 		</div>
 	</div>
 </header>
@@ -71,10 +71,10 @@
 				<h3>Hierarchy</h3>
 				<ul class="tsd-hierarchy">
 					<li>
-						<a href="drawable.html" class="tsd-signature-type">Drawable</a>
+						<span class="tsd-signature-type">EmptyDrawable</span>
 						<ul class="tsd-hierarchy">
 							<li>
-								<span class="target">RotatedRectangle</span>
+								<span class="target">RotatedRectangleBase</span>
 							</li>
 						</ul>
 					</li>
@@ -87,28 +87,23 @@
 						<section class="tsd-index-section ">
 							<h3>Constructors</h3>
 							<ul class="tsd-index-list">
-								<li class="tsd-kind-constructor tsd-parent-kind-class"><a href="rotatedrectangle.html#constructor" class="tsd-kind-icon">constructor</a></li>
+								<li class="tsd-kind-constructor tsd-parent-kind-class"><a href="rotatedrectanglebase.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="rotatedrectangle.html#center" class="tsd-kind-icon">center</a></li>
-								<li class="tsd-kind-property tsd-parent-kind-class"><a href="rotatedrectangle.html#rotation" class="tsd-kind-icon">rotation</a></li>
-								<li class="tsd-kind-property tsd-parent-kind-class"><a href="rotatedrectangle.html#size" class="tsd-kind-icon">size</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-class"><a href="rotatedrectanglebase.html#center" class="tsd-kind-icon">center</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-class"><a href="rotatedrectanglebase.html#rotation" class="tsd-kind-icon">rotation</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-class"><a href="rotatedrectanglebase.html#size" class="tsd-kind-icon">size</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-class tsd-is-overwrite tsd-is-inherited tsd-is-static"><a href="rotatedrectanglebase.html#descriptor" class="tsd-kind-icon">descriptor</a></li>
 							</ul>
 						</section>
-						<section class="tsd-index-section ">
+						<section class="tsd-index-section tsd-is-inherited">
 							<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="rotatedrectangle.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="rotatedrectangle.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="rotatedrectangle.html#descriptor" class="tsd-kind-icon">descriptor</a></li>
+								<li class="tsd-kind-method tsd-parent-kind-class tsd-is-overwrite tsd-is-inherited tsd-is-protected"><a href="rotatedrectanglebase.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 tsd-is-inherited"><a href="rotatedrectanglebase.html#mindistance" class="tsd-kind-icon">min<wbr>Distance</a></li>
 							</ul>
 						</section>
 					</div>
@@ -120,13 +115,13 @@
 					<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>Rotated<wbr>Rectangle<span class="tsd-signature-symbol">(</span>center<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">vec2</span>, size<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">vec2</span>, rotation<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="rotatedrectangle.html" class="tsd-signature-type">RotatedRectangle</a></li>
+						<li class="tsd-signature tsd-kind-icon">new <wbr>Rotated<wbr>Rectangle<wbr>Base<span class="tsd-signature-symbol">(</span>center<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">vec2</span>, size<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">vec2</span>, rotation<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="rotatedrectanglebase.html" class="tsd-signature-type">RotatedRectangleBase</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/cdcac35/src/drawables/shapes/rotated-rectangle.ts#L46">drawables/shapes/rotated-rectangle.ts:46</a></li>
+									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/0cca5d9/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>
@@ -141,7 +136,7 @@
 									<h5>rotation: <span class="tsd-signature-type">number</span></h5>
 								</li>
 							</ul>
-							<h4 class="tsd-returns-title">Returns <a href="rotatedrectangle.html" class="tsd-signature-type">RotatedRectangle</a></h4>
+							<h4 class="tsd-returns-title">Returns <a href="rotatedrectanglebase.html" class="tsd-signature-type">RotatedRectangleBase</a></h4>
 						</li>
 					</ul>
 				</section>
@@ -154,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/cdcac35/src/drawables/shapes/rotated-rectangle.ts#L48">drawables/shapes/rotated-rectangle.ts:48</a></li>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/0cca5d9/src/drawables/shapes/rotated-rectangle-factory.ts#L10">drawables/shapes/rotated-rectangle-factory.ts:10</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -164,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/cdcac35/src/drawables/shapes/rotated-rectangle.ts#L48">drawables/shapes/rotated-rectangle.ts:48</a></li>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/0cca5d9/src/drawables/shapes/rotated-rectangle-factory.ts#L10">drawables/shapes/rotated-rectangle-factory.ts:10</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -174,25 +169,38 @@
 					<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/cdcac35/src/drawables/shapes/rotated-rectangle.ts#L48">drawables/shapes/rotated-rectangle.ts:48</a></li>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/0cca5d9/src/drawables/shapes/rotated-rectangle-factory.ts#L10">drawables/shapes/rotated-rectangle-factory.ts:10</a></li>
+						</ul>
+					</aside>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-overwrite tsd-is-inherited tsd-is-static">
+					<a name="descriptor" class="tsd-anchor"></a>
+					<h3><span class="tsd-flag ts-flagStatic">Static</span> <span class="tsd-flag ts-flagReadonly">Readonly</span> descriptor</h3>
+					<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">
+						<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/0cca5d9/src/drawables/empty-drawable.ts#L9">drawables/empty-drawable.ts:9</a></li>
 						</ul>
 					</aside>
 				</section>
 			</section>
-			<section class="tsd-panel-group tsd-member-group ">
+			<section class="tsd-panel-group tsd-member-group tsd-is-inherited">
 				<h2>Methods</h2>
-				<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-overwrite tsd-is-protected">
+				<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-overwrite tsd-is-inherited 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">
+					<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-overwrite tsd-is-inherited 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>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/cdcac35/src/drawables/shapes/rotated-rectangle.ts#L60">drawables/shapes/rotated-rectangle.ts:60</a></li>
+									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/0cca5d9/src/drawables/empty-drawable.ts#L15">drawables/empty-drawable.ts:15</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-parameters-title">Parameters</h4>
@@ -208,31 +216,25 @@
 						</li>
 					</ul>
 				</section>
-				<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-overwrite">
+				<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-overwrite tsd-is-inherited">
 					<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">
+					<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-overwrite tsd-is-inherited">
 						<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>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/cdcac35/src/drawables/shapes/rotated-rectangle.ts#L56">drawables/shapes/rotated-rectangle.ts:56</a></li>
+									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/0cca5d9/src/drawables/empty-drawable.ts#L11">drawables/empty-drawable.ts:11</a></li>
 								</ul>
 							</aside>
-							<div class="tsd-comment tsd-typography">
-								<div class="lead">
-									<p>It is just an estimate by calculating a bounding circle</p>
-								</div>
-							</div>
 							<h4 class="tsd-parameters-title">Parameters</h4>
 							<ul class="tsd-parameters">
 								<li>
 									<h5>target: <span class="tsd-signature-type">vec2</span></h5>
-									<div class="tsd-comment tsd-typography">
-									</div>
 								</li>
 							</ul>
 							<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">number</span></h4>
@@ -240,120 +242,6 @@
 					</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/cdcac35/src/drawables/shapes/rotated-rectangle.ts#L9">drawables/shapes/rotated-rectangle.ts:9</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="rotatedrectangle.html" class="tsd-signature-type">RotatedRectangle</a><span class="tsd-signature-symbol"> = new RotatedRectangle(vec2.create(), vec2.create(), 0)</span></div>
-						<aside class="tsd-sources">
-							<ul>
-								<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/cdcac35/src/drawables/shapes/rotated-rectangle.ts#L45">drawables/shapes/rotated-rectangle.ts:45</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/cdcac35/src/drawables/shapes/rotated-rectangle.ts#L44">drawables/shapes/rotated-rectangle.ts:44</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;ROTATED_RECTANGLE_COUNT&quot;</span></div>
-						<aside class="tsd-sources">
-							<ul>
-								<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/cdcac35/src/drawables/shapes/rotated-rectangle.ts#L43">drawables/shapes/rotated-rectangle.ts:43</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/cdcac35/src/drawables/shapes/rotated-rectangle.ts#L38">drawables/shapes/rotated-rectangle.ts:38</a></li>
-							</ul>
-						</aside>
-						<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
-							<a name="descriptor.propertyuniformmapping.bottomcenter" class="tsd-anchor"></a>
-							<h3>bottom<wbr>Center</h3>
-							<div class="tsd-signature tsd-kind-icon">bottom<wbr>Center<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = &quot;rotatedRectangleBottomCenters&quot;</span></div>
-							<aside class="tsd-sources">
-								<ul>
-									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/cdcac35/src/drawables/shapes/rotated-rectangle.ts#L40">drawables/shapes/rotated-rectangle.ts:40</a></li>
-								</ul>
-							</aside>
-						</section>
-						<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
-							<a name="descriptor.propertyuniformmapping.topcenter" class="tsd-anchor"></a>
-							<h3>top<wbr>Center</h3>
-							<div class="tsd-signature tsd-kind-icon">top<wbr>Center<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = &quot;rotatedRectangleTopCenters&quot;</span></div>
-							<aside class="tsd-sources">
-								<ul>
-									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/cdcac35/src/drawables/shapes/rotated-rectangle.ts#L39">drawables/shapes/rotated-rectangle.ts:39</a></li>
-								</ul>
-							</aside>
-						</section>
-						<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
-							<a name="descriptor.propertyuniformmapping.width" class="tsd-anchor"></a>
-							<h3>width</h3>
-							<div class="tsd-signature tsd-kind-icon">width<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = &quot;rotatedRectangleWidths&quot;</span></div>
-							<aside class="tsd-sources">
-								<ul>
-									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/cdcac35/src/drawables/shapes/rotated-rectangle.ts#L41">drawables/shapes/rotated-rectangle.ts:41</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/cdcac35/src/drawables/shapes/rotated-rectangle.ts#L10">drawables/shapes/rotated-rectangle.ts:10</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;rotatedRectangleMinDistance&quot;</span></div>
-							<aside class="tsd-sources">
-								<ul>
-									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/cdcac35/src/drawables/shapes/rotated-rectangle.ts#L36">drawables/shapes/rotated-rectangle.ts:36</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 rotatedRectangleTopCenters[ROTATED_RECTANGLE_COUNT];uniform vec2 rotatedRectangleBottomCenters[ROTATED_RECTANGLE_COUNT];uniform float rotatedRectangleWidths[ROTATED_RECTANGLE_COUNT];float rotatedRectangleMinDistance(vec2 target, out float colorIndex) {colorIndex &#x3D; 4.0;float minDistance &#x3D; 1000.0;for (int i &#x3D; 0; i &lt; ROTATED_RECTANGLE_COUNT; i++) {vec2 top &#x3D; rotatedRectangleTopCenters[i];vec2 bottom &#x3D; rotatedRectangleBottomCenters[i];float height &#x3D; length(bottom - top);vec2 d &#x3D; (bottom - top) / height;vec2 q &#x3D; (target - (top + bottom) * 0.5);q &#x3D; mat2(d.x, -d.y, d.y, d.x) * q;q &#x3D; abs(q) - vec2(height, rotatedRectangleWidths[i]) * 0.5;float dist &#x3D; length(max(q, 0.0)) + min(max(q.x, q.y), 0.0);minDistance &#x3D; min(minDistance, dist);}return minDistance;}&#x60;</span></div>
-							<aside class="tsd-sources">
-								<ul>
-									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/cdcac35/src/drawables/shapes/rotated-rectangle.ts#L12">drawables/shapes/rotated-rectangle.ts:12</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">
@@ -372,7 +260,7 @@
 						<a href="../enums/wrapoptions.html" class="tsd-kind-icon">Wrap<wbr>Options</a>
 					</li>
 					<li class=" tsd-kind-class">
-						<a href="circle.html" class="tsd-kind-icon">Circle</a>
+						<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>
@@ -381,42 +269,45 @@
 						<a href="drawable.html" class="tsd-kind-icon">Drawable</a>
 					</li>
 					<li class=" tsd-kind-class">
-						<a href="droplet.html" class="tsd-kind-icon">Droplet</a>
+						<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="invertedtunnel.html" class="tsd-kind-icon">Inverted<wbr>Tunnel</a>
+						<a href="invertedtunnelbase.html" class="tsd-kind-icon">Inverted<wbr>Tunnel<wbr>Base</a>
 					</li>
 					<li class=" tsd-kind-class">
-						<a href="metacircle.html" class="tsd-kind-icon">Meta<wbr>Circle</a>
+						<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">
-						<a href="rotatedrectangle.html" class="tsd-kind-icon">Rotated<wbr>Rectangle</a>
+						<a href="rotatedrectanglebase.html" class="tsd-kind-icon">Rotated<wbr>Rectangle<wbr>Base</a>
 						<ul>
 							<li class=" tsd-kind-constructor tsd-parent-kind-class">
-								<a href="rotatedrectangle.html#constructor" class="tsd-kind-icon">constructor</a>
+								<a href="rotatedrectanglebase.html#constructor" class="tsd-kind-icon">constructor</a>
 							</li>
 							<li class=" tsd-kind-property tsd-parent-kind-class">
-								<a href="rotatedrectangle.html#center" class="tsd-kind-icon">center</a>
+								<a href="rotatedrectanglebase.html#center" class="tsd-kind-icon">center</a>
 							</li>
 							<li class=" tsd-kind-property tsd-parent-kind-class">
-								<a href="rotatedrectangle.html#rotation" class="tsd-kind-icon">rotation</a>
+								<a href="rotatedrectanglebase.html#rotation" class="tsd-kind-icon">rotation</a>
 							</li>
 							<li class=" tsd-kind-property tsd-parent-kind-class">
-								<a href="rotatedrectangle.html#size" class="tsd-kind-icon">size</a>
+								<a href="rotatedrectanglebase.html#size" class="tsd-kind-icon">size</a>
 							</li>
-							<li class=" tsd-kind-method tsd-parent-kind-class tsd-is-overwrite tsd-is-protected">
-								<a href="rotatedrectangle.html#getobjecttoserialize" class="tsd-kind-icon">get<wbr>Object<wbr>ToSerialize</a>
+							<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-overwrite tsd-is-inherited tsd-is-static">
+								<a href="rotatedrectanglebase.html#descriptor" class="tsd-kind-icon">descriptor</a>
 							</li>
-							<li class=" tsd-kind-method tsd-parent-kind-class tsd-is-overwrite">
-								<a href="rotatedrectangle.html#mindistance" class="tsd-kind-icon">min<wbr>Distance</a>
+							<li class=" tsd-kind-method tsd-parent-kind-class tsd-is-overwrite tsd-is-inherited tsd-is-protected">
+								<a href="rotatedrectanglebase.html#getobjecttoserialize" class="tsd-kind-icon">get<wbr>Object<wbr>ToSerialize</a>
 							</li>
-							<li class=" tsd-kind-object-literal tsd-parent-kind-class tsd-is-overwrite tsd-is-static">
-								<a href="rotatedrectangle.html#descriptor" class="tsd-kind-icon">descriptor</a>
+							<li class=" tsd-kind-method tsd-parent-kind-class tsd-is-overwrite tsd-is-inherited">
+								<a href="rotatedrectanglebase.html#mindistance" class="tsd-kind-icon">min<wbr>Distance</a>
 							</li>
 						</ul>
 					</li>
@@ -425,6 +316,9 @@
 					<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>
@@ -440,15 +334,51 @@
 					<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>
diff --git a/docs/enums/filteringoptions.html b/docs/enums/filteringoptions.html
index cdcb747..fb692eb 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.4.1</title>
-	<meta name="description" content="Documentation for SDF-2D - v0.4.1">
+	<title>FilteringOptions | SDF-2D - v0.5.0</title>
+	<meta name="description" content="Documentation for SDF-2D - v0.5.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.4.1</a>
+					<a href="../index.html" class="title">SDF-2D - v0.5.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/cdcac35/src/graphics/graphics-library/texture/texture-options.ts#L8">graphics/graphics-library/texture/texture-options.ts:8</a></li>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/0cca5d9/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/cdcac35/src/graphics/graphics-library/texture/texture-options.ts#L9">graphics/graphics-library/texture/texture-options.ts:9</a></li>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/0cca5d9/src/graphics/graphics-library/texture/texture-options.ts#L17">graphics/graphics-library/texture/texture-options.ts:17</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -130,7 +130,7 @@
 						<a href="wrapoptions.html" class="tsd-kind-icon">Wrap<wbr>Options</a>
 					</li>
 					<li class=" tsd-kind-class">
-						<a href="../classes/circle.html" class="tsd-kind-icon">Circle</a>
+						<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>
@@ -139,23 +139,29 @@
 						<a href="../classes/drawable.html" class="tsd-kind-icon">Drawable</a>
 					</li>
 					<li class=" tsd-kind-class">
-						<a href="../classes/droplet.html" class="tsd-kind-icon">Droplet</a>
+						<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/invertedtunnel.html" class="tsd-kind-icon">Inverted<wbr>Tunnel</a>
+						<a href="../classes/invertedtunnelbase.html" class="tsd-kind-icon">Inverted<wbr>Tunnel<wbr>Base</a>
 					</li>
 					<li class=" tsd-kind-class">
-						<a href="../classes/metacircle.html" class="tsd-kind-icon">Meta<wbr>Circle</a>
+						<a href="../classes/metacirclebase.html" class="tsd-kind-icon">Meta<wbr>Circle<wbr>Base</a>
 					</li>
 					<li class=" tsd-kind-class">
-						<a href="../classes/rotatedrectangle.html" class="tsd-kind-icon">Rotated<wbr>Rectangle</a>
+						<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>
@@ -171,15 +177,51 @@
 					<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>
diff --git a/docs/enums/wrapoptions.html b/docs/enums/wrapoptions.html
index ac85221..f92813d 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.4.1</title>
-	<meta name="description" content="Documentation for SDF-2D - v0.4.1">
+	<title>WrapOptions | SDF-2D - v0.5.0</title>
+	<meta name="description" content="Documentation for SDF-2D - v0.5.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.4.1</a>
+					<a href="../index.html" class="title">SDF-2D - v0.5.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/cdcac35/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/0cca5d9/src/graphics/graphics-library/texture/texture-options.ts#L2">graphics/graphics-library/texture/texture-options.ts:2</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -96,9 +96,14 @@
 					<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/cdcac35/src/graphics/graphics-library/texture/texture-options.ts#L4">graphics/graphics-library/texture/texture-options.ts:4</a></li>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/0cca5d9/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">
+						<div class="lead">
+							<p>On WebGL it only work with power of 2 texture sizes.</p>
+						</div>
+					</div>
 				</section>
 				<section class="tsd-panel tsd-member tsd-kind-enum-member tsd-parent-kind-enum">
 					<a name="repeat" class="tsd-anchor"></a>
@@ -106,9 +111,14 @@
 					<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/cdcac35/src/graphics/graphics-library/texture/texture-options.ts#L3">graphics/graphics-library/texture/texture-options.ts:3</a></li>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/0cca5d9/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">
+						<div class="lead">
+							<p>On WebGL it only work with power of 2 texture sizes.</p>
+						</div>
+					</div>
 				</section>
 			</section>
 		</div>
@@ -144,7 +154,7 @@
 				</ul>
 				<ul class="after-current">
 					<li class=" tsd-kind-class">
-						<a href="../classes/circle.html" class="tsd-kind-icon">Circle</a>
+						<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>
@@ -153,23 +163,29 @@
 						<a href="../classes/drawable.html" class="tsd-kind-icon">Drawable</a>
 					</li>
 					<li class=" tsd-kind-class">
-						<a href="../classes/droplet.html" class="tsd-kind-icon">Droplet</a>
+						<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/invertedtunnel.html" class="tsd-kind-icon">Inverted<wbr>Tunnel</a>
+						<a href="../classes/invertedtunnelbase.html" class="tsd-kind-icon">Inverted<wbr>Tunnel<wbr>Base</a>
 					</li>
 					<li class=" tsd-kind-class">
-						<a href="../classes/metacircle.html" class="tsd-kind-icon">Meta<wbr>Circle</a>
+						<a href="../classes/metacirclebase.html" class="tsd-kind-icon">Meta<wbr>Circle<wbr>Base</a>
 					</li>
 					<li class=" tsd-kind-class">
-						<a href="../classes/rotatedrectangle.html" class="tsd-kind-icon">Rotated<wbr>Rectangle</a>
+						<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>
@@ -185,15 +201,51 @@
 					<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>
diff --git a/docs/globals.html b/docs/globals.html
index 8948403..5b64e3a 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.4.1</title>
-	<meta name="description" content="Documentation for SDF-2D - v0.4.1">
+	<title>SDF-2D - v0.5.0</title>
+	<meta name="description" content="Documentation for SDF-2D - v0.5.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.4.1</a>
+					<a href="index.html" class="title">SDF-2D - v0.5.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.4.1</h1>
+			<h1>SDF-2D - v0.5.0</h1>
 		</div>
 	</div>
 </header>
@@ -74,17 +74,14 @@
 						<section class="tsd-index-section ">
 							<h3>Drawable Classes</h3>
 							<ul class="tsd-index-list">
-								<li class="tsd-kind-class"><a href="classes/circle.html" class="tsd-kind-icon">Circle</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/droplet.html" class="tsd-kind-icon">Droplet</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/metacircle.html" class="tsd-kind-icon">Meta<wbr>Circle</a></li>
-								<li class="tsd-kind-class"><a href="classes/rotatedrectangle.html" class="tsd-kind-icon">Rotated<wbr>Rectangle</a></li>
-							</ul>
-							<h3>Drawable
-							Providing a noise texture is required for this drawable. Classes</h3>
-							<ul class="tsd-index-list">
-								<li class="tsd-kind-class"><a href="classes/invertedtunnel.html" class="tsd-kind-icon">Inverted<wbr>Tunnel</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>
 							<h3>Other Classes</h3>
 							<ul class="tsd-index-list">
@@ -95,6 +92,7 @@
 							<h3>Interfaces</h3>
 							<ul class="tsd-index-list">
 								<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>
@@ -108,9 +106,24 @@
 							</ul>
 						</section>
 						<section class="tsd-index-section ">
+							<h3>Color Functions</h3>
+							<ul class="tsd-index-list">
+								<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#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>
+							</ul>
 							<h3>Drawable Functions</h3>
 							<ul class="tsd-index-list">
+								<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>
 							</ul>
 							<h3>Other Functions</h3>
 							<ul class="tsd-index-list">
@@ -136,7 +149,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/cdcac35/src/graphics/graphics-library/texture/texture-options.ts#L19">graphics/graphics-library/texture/texture-options.ts:19</a></li>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/0cca5d9/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">
@@ -153,18 +166,417 @@
 				</section>
 			</section>
 			<section class="tsd-panel-group tsd-member-group ">
-				<h2>Drawable Functions</h2>
+				<h2>Color Functions</h2>
 				<section class="tsd-panel tsd-member tsd-kind-function">
-					<a name="polygonfactory" class="tsd-anchor"></a>
-					<h3><span class="tsd-flag ts-flagConst">Const</span> Polygon<wbr>Factory</h3>
+					<a name="hex" class="tsd-anchor"></a>
+					<h3><span class="tsd-flag ts-flagConst">Const</span> hex</h3>
 					<ul class="tsd-signatures tsd-kind-function">
-						<li class="tsd-signature tsd-kind-icon">Polygon<wbr>Factory<span class="tsd-signature-symbol">(</span>vertexCount<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-symbol">{ </span>constructor<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">; </span>descriptor<span class="tsd-signature-symbol">: </span><a href="interfaces/drawabledescriptor.html" class="tsd-signature-type">DrawableDescriptor</a><span class="tsd-signature-symbol"> }</span></li>
+						<li class="tsd-signature tsd-kind-icon">hex<span class="tsd-signature-symbol">(</span>hex<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">vec3</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/cdcac35/src/drawables/shapes/polygon-factory.ts#L9">drawables/shapes/polygon-factory.ts:9</a></li>
+									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/0cca5d9/src/helper/colors/hex.ts#L14">helper/colors/hex.ts:14</a></li>
+								</ul>
+							</aside>
+							<div class="tsd-comment tsd-typography">
+								<div class="lead">
+									<p>Return a color given in a hexadecimal form as a vec3.</p>
+								</div>
+								<p>A hexadecimal color with (#ff0000) or without (ff0000)
+								a leading hashmark.</p>
+								<p>source: <a href="https://stackoverflow.com/questions/5623838/rgb-to-hex-and-hex-to-rgb">https://stackoverflow.com/questions/5623838/rgb-to-hex-and-hex-to-rgb</a></p>
+							</div>
+							<h4 class="tsd-parameters-title">Parameters</h4>
+							<ul class="tsd-parameters">
+								<li>
+									<h5>hex: <span class="tsd-signature-type">string</span></h5>
+								</li>
+							</ul>
+							<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">vec3</span></h4>
+						</li>
+					</ul>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-function">
+					<a name="hsl" class="tsd-anchor"></a>
+					<h3><span class="tsd-flag ts-flagConst">Const</span> hsl</h3>
+					<ul class="tsd-signatures tsd-kind-function">
+						<li class="tsd-signature tsd-kind-icon">hsl<span class="tsd-signature-symbol">(</span>hue<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, saturation<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, lightness<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">vec3</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/0cca5d9/src/helper/colors/hsl.ts#L15">helper/colors/hsl.ts:15</a></li>
+								</ul>
+							</aside>
+							<div class="tsd-comment tsd-typography">
+								<div class="lead">
+									<p>Return a color contained in a vec3.</p>
+								</div>
+							</div>
+							<h4 class="tsd-parameters-title">Parameters</h4>
+							<ul class="tsd-parameters">
+								<li>
+									<h5>hue: <span class="tsd-signature-type">number</span></h5>
+									<div class="tsd-comment tsd-typography">
+										<div class="lead">
+											<p>Should be between 0 and 360</p>
+										</div>
+									</div>
+								</li>
+								<li>
+									<h5>saturation: <span class="tsd-signature-type">number</span></h5>
+									<div class="tsd-comment tsd-typography">
+										<div class="lead">
+											<p>Should be between 0 and 100</p>
+										</div>
+									</div>
+								</li>
+								<li>
+									<h5>lightness: <span class="tsd-signature-type">number</span></h5>
+									<div class="tsd-comment tsd-typography">
+										<div class="lead">
+											<p>Should be between 0 and 100</p>
+											<p>source: <a href="https://stackoverflow.com/questions/2353211/hsl-to-rgb-color-conversion">https://stackoverflow.com/questions/2353211/hsl-to-rgb-color-conversion</a></p>
+										</div>
+									</div>
+								</li>
+							</ul>
+							<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">vec3</span></h4>
+						</li>
+					</ul>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-function">
+					<a name="rgb" class="tsd-anchor"></a>
+					<h3><span class="tsd-flag ts-flagConst">Const</span> rgb</h3>
+					<ul class="tsd-signatures tsd-kind-function">
+						<li class="tsd-signature tsd-kind-icon">rgb<span class="tsd-signature-symbol">(</span>r<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, g<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, b<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">vec3</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/0cca5d9/src/helper/colors/rgb.ts#L12">helper/colors/rgb.ts:12</a></li>
+								</ul>
+							</aside>
+							<div class="tsd-comment tsd-typography">
+								<div class="lead">
+									<p>Return a color contained in a vec3.</p>
+								</div>
+							</div>
+							<h4 class="tsd-parameters-title">Parameters</h4>
+							<ul class="tsd-parameters">
+								<li>
+									<h5>r: <span class="tsd-signature-type">number</span></h5>
+									<div class="tsd-comment tsd-typography">
+										<div class="lead">
+											<p>Should be between 0 and 1</p>
+										</div>
+									</div>
+								</li>
+								<li>
+									<h5>g: <span class="tsd-signature-type">number</span></h5>
+									<div class="tsd-comment tsd-typography">
+										<div class="lead">
+											<p>Should be between 0 and 1</p>
+										</div>
+									</div>
+								</li>
+								<li>
+									<h5>b: <span class="tsd-signature-type">number</span></h5>
+									<div class="tsd-comment tsd-typography">
+										<div class="lead">
+											<p>Should be between 0 and 1</p>
+										</div>
+									</div>
+								</li>
+							</ul>
+							<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">vec3</span></h4>
+						</li>
+					</ul>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-function">
+					<a name="rgb255" class="tsd-anchor"></a>
+					<h3><span class="tsd-flag ts-flagConst">Const</span> rgb255</h3>
+					<ul class="tsd-signatures tsd-kind-function">
+						<li class="tsd-signature tsd-kind-icon">rgb255<span class="tsd-signature-symbol">(</span>r<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, g<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, b<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">vec3</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/0cca5d9/src/helper/colors/rgb255.ts#L12">helper/colors/rgb255.ts:12</a></li>
+								</ul>
+							</aside>
+							<div class="tsd-comment tsd-typography">
+								<div class="lead">
+									<p>Return a color contained in a vec3.</p>
+								</div>
+							</div>
+							<h4 class="tsd-parameters-title">Parameters</h4>
+							<ul class="tsd-parameters">
+								<li>
+									<h5>r: <span class="tsd-signature-type">number</span></h5>
+									<div class="tsd-comment tsd-typography">
+										<div class="lead">
+											<p>Should be between 0 and 255</p>
+										</div>
+									</div>
+								</li>
+								<li>
+									<h5>g: <span class="tsd-signature-type">number</span></h5>
+									<div class="tsd-comment tsd-typography">
+										<div class="lead">
+											<p>Should be between 0 and 255</p>
+										</div>
+									</div>
+								</li>
+								<li>
+									<h5>b: <span class="tsd-signature-type">number</span></h5>
+									<div class="tsd-comment tsd-typography">
+										<div class="lead">
+											<p>Should be between 0 and 255</p>
+										</div>
+									</div>
+								</li>
+							</ul>
+							<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">vec3</span></h4>
+						</li>
+					</ul>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-function">
+					<a name="rgba" class="tsd-anchor"></a>
+					<h3><span class="tsd-flag ts-flagConst">Const</span> rgba</h3>
+					<ul class="tsd-signatures tsd-kind-function">
+						<li class="tsd-signature tsd-kind-icon">rgba<span class="tsd-signature-symbol">(</span>r<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, g<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, b<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, a<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">vec4</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/0cca5d9/src/helper/colors/rgba.ts#L13">helper/colors/rgba.ts:13</a></li>
+								</ul>
+							</aside>
+							<div class="tsd-comment tsd-typography">
+								<div class="lead">
+									<p>Return a color with transparency contained in a vec4.</p>
+								</div>
+							</div>
+							<h4 class="tsd-parameters-title">Parameters</h4>
+							<ul class="tsd-parameters">
+								<li>
+									<h5>r: <span class="tsd-signature-type">number</span></h5>
+									<div class="tsd-comment tsd-typography">
+										<div class="lead">
+											<p>Should be between 0 and 1</p>
+										</div>
+									</div>
+								</li>
+								<li>
+									<h5>g: <span class="tsd-signature-type">number</span></h5>
+									<div class="tsd-comment tsd-typography">
+										<div class="lead">
+											<p>Should be between 0 and 1</p>
+										</div>
+									</div>
+								</li>
+								<li>
+									<h5>b: <span class="tsd-signature-type">number</span></h5>
+									<div class="tsd-comment tsd-typography">
+										<div class="lead">
+											<p>Should be between 0 and 1</p>
+										</div>
+									</div>
+								</li>
+								<li>
+									<h5>a: <span class="tsd-signature-type">number</span></h5>
+									<div class="tsd-comment tsd-typography">
+										<div class="lead">
+											<p>Should be between 0 and 1</p>
+										</div>
+									</div>
+								</li>
+							</ul>
+							<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">vec4</span></h4>
+						</li>
+					</ul>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-function">
+					<a name="rgba255" class="tsd-anchor"></a>
+					<h3><span class="tsd-flag ts-flagConst">Const</span> rgba255</h3>
+					<ul class="tsd-signatures tsd-kind-function">
+						<li class="tsd-signature tsd-kind-icon">rgba255<span class="tsd-signature-symbol">(</span>r<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, g<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, b<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, a<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">vec4</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/0cca5d9/src/helper/colors/rgba255.ts#L13">helper/colors/rgba255.ts:13</a></li>
+								</ul>
+							</aside>
+							<div class="tsd-comment tsd-typography">
+								<div class="lead">
+									<p>Return a color with transparency contained in a vec4.</p>
+								</div>
+							</div>
+							<h4 class="tsd-parameters-title">Parameters</h4>
+							<ul class="tsd-parameters">
+								<li>
+									<h5>r: <span class="tsd-signature-type">number</span></h5>
+									<div class="tsd-comment tsd-typography">
+										<div class="lead">
+											<p>Should be between 0 and 255</p>
+										</div>
+									</div>
+								</li>
+								<li>
+									<h5>g: <span class="tsd-signature-type">number</span></h5>
+									<div class="tsd-comment tsd-typography">
+										<div class="lead">
+											<p>Should be between 0 and 255</p>
+										</div>
+									</div>
+								</li>
+								<li>
+									<h5>b: <span class="tsd-signature-type">number</span></h5>
+									<div class="tsd-comment tsd-typography">
+										<div class="lead">
+											<p>Should be between 0 and 255</p>
+										</div>
+									</div>
+								</li>
+								<li>
+									<h5>a: <span class="tsd-signature-type">number</span></h5>
+									<div class="tsd-comment tsd-typography">
+										<div class="lead">
+											<p>Should be between 0 and 255</p>
+										</div>
+									</div>
+								</li>
+							</ul>
+							<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">vec4</span></h4>
+						</li>
+					</ul>
+				</section>
+			</section>
+			<section class="tsd-panel-group tsd-member-group ">
+				<h2>Drawable Functions</h2>
+				<section class="tsd-panel tsd-member tsd-kind-function">
+					<a name="circlefactory" class="tsd-anchor"></a>
+					<h3><span class="tsd-flag ts-flagConst">Const</span> Circle<wbr>Factory</h3>
+					<ul class="tsd-signatures tsd-kind-function">
+						<li class="tsd-signature tsd-kind-icon">Circle<wbr>Factory<span class="tsd-signature-symbol">(</span>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><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-symbol">typeof </span><a href="classes/circlebase.html" class="tsd-signature-type">CircleBase</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/0cca5d9/src/drawables/shapes/circle-factory.ts#L18">drawables/shapes/circle-factory.ts:18</a></li>
+								</ul>
+							</aside>
+							<div class="tsd-comment tsd-typography">
+							</div>
+							<h4 class="tsd-parameters-title">Parameters</h4>
+							<ul class="tsd-parameters">
+								<li>
+									<h5>color: <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"> | </span><span class="tsd-signature-type">number</span></h5>
+								</li>
+							</ul>
+							<h4 class="tsd-returns-title">Returns <span class="tsd-signature-symbol">typeof </span><a href="classes/circlebase.html" class="tsd-signature-type">CircleBase</a></h4>
+						</li>
+					</ul>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-function">
+					<a name="dropletfactory" class="tsd-anchor"></a>
+					<h3><span class="tsd-flag ts-flagConst">Const</span> Droplet<wbr>Factory</h3>
+					<ul class="tsd-signatures tsd-kind-function">
+						<li class="tsd-signature tsd-kind-icon">Droplet<wbr>Factory<span class="tsd-signature-symbol">(</span>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><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-symbol">typeof </span><a href="classes/dropletbase.html" class="tsd-signature-type">DropletBase</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/0cca5d9/src/drawables/shapes/droplet-factory.ts#L25">drawables/shapes/droplet-factory.ts:25</a></li>
+								</ul>
+							</aside>
+							<div class="tsd-comment tsd-typography">
+							</div>
+							<h4 class="tsd-parameters-title">Parameters</h4>
+							<ul class="tsd-parameters">
+								<li>
+									<h5>color: <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"> | </span><span class="tsd-signature-type">number</span></h5>
+								</li>
+							</ul>
+							<h4 class="tsd-returns-title">Returns <span class="tsd-signature-symbol">typeof </span><a href="classes/dropletbase.html" class="tsd-signature-type">DropletBase</a></h4>
+						</li>
+					</ul>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-function">
+					<a name="invertedtunnelfactory" class="tsd-anchor"></a>
+					<h3><span class="tsd-flag ts-flagConst">Const</span> Inverted<wbr>Tunnel<wbr>Factory</h3>
+					<ul class="tsd-signatures tsd-kind-function">
+						<li class="tsd-signature tsd-kind-icon">Inverted<wbr>Tunnel<wbr>Factory<span class="tsd-signature-symbol">(</span>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><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-symbol">typeof </span><a href="classes/invertedtunnelbase.html" class="tsd-signature-type">InvertedTunnelBase</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/0cca5d9/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">
+								<div class="lead">
+									<p>Providing a noise texture is required for this drawable.</p>
+								</div>
+							</div>
+							<h4 class="tsd-parameters-title">Parameters</h4>
+							<ul class="tsd-parameters">
+								<li>
+									<h5>color: <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"> | </span><span class="tsd-signature-type">number</span></h5>
+								</li>
+							</ul>
+							<h4 class="tsd-returns-title">Returns <span class="tsd-signature-symbol">typeof </span><a href="classes/invertedtunnelbase.html" class="tsd-signature-type">InvertedTunnelBase</a></h4>
+						</li>
+					</ul>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-function">
+					<a name="metacirclefactory" class="tsd-anchor"></a>
+					<h3><span class="tsd-flag ts-flagConst">Const</span> Meta<wbr>Circle<wbr>Factory</h3>
+					<ul class="tsd-signatures tsd-kind-function">
+						<li class="tsd-signature tsd-kind-icon">Meta<wbr>Circle<wbr>Factory<span class="tsd-signature-symbol">(</span>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><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-symbol">typeof </span><a href="classes/metacirclebase.html" class="tsd-signature-type">MetaCircleBase</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/0cca5d9/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">
+							</div>
+							<h4 class="tsd-parameters-title">Parameters</h4>
+							<ul class="tsd-parameters">
+								<li>
+									<h5>color: <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"> | </span><span class="tsd-signature-type">number</span></h5>
+								</li>
+							</ul>
+							<h4 class="tsd-returns-title">Returns <span class="tsd-signature-symbol">typeof </span><a href="classes/metacirclebase.html" class="tsd-signature-type">MetaCircleBase</a></h4>
+						</li>
+					</ul>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-function">
+					<a name="noisypolygonfactory" class="tsd-anchor"></a>
+					<h3><span class="tsd-flag ts-flagConst">Const</span> Noisy<wbr>Polygon<wbr>Factory</h3>
+					<ul class="tsd-signatures tsd-kind-function">
+						<li class="tsd-signature tsd-kind-icon">Noisy<wbr>Polygon<wbr>Factory<span class="tsd-signature-symbol">(</span>vertexCount<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><span class="tsd-signature-symbol">typeof </span><span class="tsd-signature-type">PolygonBase</span><span class="tsd-signature-symbol"> &amp; </span><a href="interfaces/noisypolygonbase.html" class="tsd-signature-type">NoisyPolygonBase</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/0cca5d9/src/drawables/shapes/noisy-polygon-factory.ts#L12">drawables/shapes/noisy-polygon-factory.ts:12</a></li>
 								</ul>
 							</aside>
 							<div class="tsd-comment tsd-typography">
@@ -174,35 +586,64 @@
 								<li>
 									<h5>vertexCount: <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 <span class="tsd-signature-symbol">{ </span>constructor<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">; </span>descriptor<span class="tsd-signature-symbol">: </span><a href="interfaces/drawabledescriptor.html" class="tsd-signature-type">DrawableDescriptor</a><span class="tsd-signature-symbol"> }</span></h4>
+							<h4 class="tsd-returns-title">Returns <span class="tsd-signature-symbol">typeof </span><span class="tsd-signature-type">PolygonBase</span><span class="tsd-signature-symbol"> &amp; </span><a href="interfaces/noisypolygonbase.html" class="tsd-signature-type">NoisyPolygonBase</a></h4>
+						</li>
+					</ul>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-function">
+					<a name="polygonfactory" class="tsd-anchor"></a>
+					<h3><span class="tsd-flag ts-flagConst">Const</span> Polygon<wbr>Factory</h3>
+					<ul class="tsd-signatures tsd-kind-function">
+						<li class="tsd-signature tsd-kind-icon">Polygon<wbr>Factory<span class="tsd-signature-symbol">(</span>vertexCount<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><span class="tsd-signature-symbol">typeof </span><a href="classes/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/0cca5d9/src/drawables/shapes/polygon-factory.ts#L19">drawables/shapes/polygon-factory.ts:19</a></li>
+								</ul>
+							</aside>
+							<div class="tsd-comment tsd-typography">
+							</div>
+							<h4 class="tsd-parameters-title">Parameters</h4>
 							<ul class="tsd-parameters">
-								<li class="tsd-parameter">
-									<h5>constructor<span class="tsd-signature-symbol">: </span>function</h5>
-									<ul class="tsd-signatures tsd-kind-constructor tsd-parent-kind-type-literal">
-										<li class="tsd-signature tsd-kind-icon">new __type<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="classes/drawable.html" class="tsd-signature-type">Drawable</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/cdcac35/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>
-												</li>
-											</ul>
-											<h4 class="tsd-returns-title">Returns <a href="classes/drawable.html" class="tsd-signature-type">Drawable</a></h4>
-										</li>
-									</ul>
+								<li>
+									<h5>vertexCount: <span class="tsd-signature-type">number</span></h5>
 								</li>
-								<li class="tsd-parameter">
-									<h5>descriptor<span class="tsd-signature-symbol">: </span><a href="interfaces/drawabledescriptor.html" class="tsd-signature-type">DrawableDescriptor</a></h5>
+								<li>
+									<h5>colorIndex: <span class="tsd-signature-type">number</span></h5>
 								</li>
 							</ul>
+							<h4 class="tsd-returns-title">Returns <span class="tsd-signature-symbol">typeof </span><a href="classes/polygonbase.html" class="tsd-signature-type">PolygonBase</a></h4>
+						</li>
+					</ul>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-function">
+					<a name="rotatedrectanglefactory" class="tsd-anchor"></a>
+					<h3><span class="tsd-flag ts-flagConst">Const</span> Rotated<wbr>Rectangle<wbr>Factory</h3>
+					<ul class="tsd-signatures tsd-kind-function">
+						<li class="tsd-signature tsd-kind-icon">Rotated<wbr>Rectangle<wbr>Factory<span class="tsd-signature-symbol">(</span>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><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-symbol">typeof </span><a href="classes/rotatedrectanglebase.html" class="tsd-signature-type">RotatedRectangleBase</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/0cca5d9/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">
+							</div>
+							<h4 class="tsd-parameters-title">Parameters</h4>
+							<ul class="tsd-parameters">
+								<li>
+									<h5>color: <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"> | </span><span class="tsd-signature-type">number</span></h5>
+								</li>
+							</ul>
+							<h4 class="tsd-returns-title">Returns <span class="tsd-signature-symbol">typeof </span><a href="classes/rotatedrectanglebase.html" class="tsd-signature-type">RotatedRectangleBase</a></h4>
 						</li>
 					</ul>
 				</section>
@@ -219,7 +660,7 @@
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/cdcac35/src/main.ts#L54">main.ts:54</a></li>
+									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/0cca5d9/src/main.ts#L55">main.ts:55</a></li>
 								</ul>
 							</aside>
 							<div class="tsd-comment tsd-typography">
@@ -234,9 +675,10 @@
 								<p>The descriptors of every to-be-drawn objects are required before creating the renderer,
 								allowing the compiler to only create the shaders that will actually be used.</p>
 								<p>Example usage:</p>
-								<pre><code class="language-js"> <span class="hljs-keyword">import</span> { compile, Circle, CircleLight } <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;sdf-2d&#x27;</span>;
+								<pre><code class="language-js"> <span class="hljs-keyword">import</span> { compile, hsl, CircleFactory, CircleLight } <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">30</span>, <span class="hljs-number">66</span>, <span class="hljs-number">50</span>));
  <span class="hljs-keyword">const</span> renderer = <span class="hljs-keyword">await</span> compile(canvas, [Circle.descriptor, CircleLight.descriptor]);</code></pre>
 							</div>
 							<h4 class="tsd-parameters-title">Parameters</h4>
@@ -275,12 +717,12 @@
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/cdcac35/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/0cca5d9/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">
 								<div class="lead">
-									<p>Create a renderer, draw a (1D) noise texture with it,
+									<p>Create a renderer, draw a 2D noise texture with it,
 										then destroy the used resources, while returning the generated texture
 									in the form of a canvas.</p>
 								</div>
@@ -299,7 +741,7 @@
 									<h5>scale: <span class="tsd-signature-type">number</span></h5>
 									<div class="tsd-comment tsd-typography">
 										<div class="lead">
-											<p>A starting value can be 60</p>
+											<p>A starting value can be 15</p>
 										</div>
 									</div>
 								</li>
@@ -307,7 +749,7 @@
 									<h5>amplitude: <span class="tsd-signature-type">number</span></h5>
 									<div class="tsd-comment tsd-typography">
 										<div class="lead">
-											<p>A starting value can be 0.125</p>
+											<p>A starting value can be 1</p>
 										</div>
 									</div>
 								</li>
@@ -333,7 +775,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/cdcac35/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/0cca5d9/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">
@@ -347,17 +789,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/cdcac35/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.backgroundcolor" class="tsd-anchor"></a>
-						<h3>background<wbr>Color</h3>
-						<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/cdcac35/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/0cca5d9/src/graphics/rendering/settings/default-runtime-settings.ts#L13">graphics/rendering/settings/default-runtime-settings.ts:13</a></li>
 							</ul>
 						</aside>
 					</section>
@@ -367,7 +799,7 @@
 						<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/cdcac35/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/0cca5d9/src/graphics/rendering/settings/default-runtime-settings.ts#L12">graphics/rendering/settings/default-runtime-settings.ts:12</a></li>
 							</ul>
 						</aside>
 					</section>
@@ -377,7 +809,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/cdcac35/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/0cca5d9/src/graphics/rendering/settings/default-runtime-settings.ts#L8">graphics/rendering/settings/default-runtime-settings.ts:8</a></li>
 							</ul>
 						</aside>
 					</section>
@@ -387,7 +819,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/cdcac35/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/0cca5d9/src/graphics/rendering/settings/default-runtime-settings.ts#L10">graphics/rendering/settings/default-runtime-settings.ts:10</a></li>
 							</ul>
 						</aside>
 					</section>
@@ -397,7 +829,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><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/cdcac35/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/0cca5d9/src/graphics/rendering/settings/default-runtime-settings.ts#L11">graphics/rendering/settings/default-runtime-settings.ts:11</a></li>
 							</ul>
 						</aside>
 					</section>
@@ -407,7 +839,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/cdcac35/src/graphics/rendering/settings/default-runtime-settings.ts#L15">graphics/rendering/settings/default-runtime-settings.ts:15</a></li>
+								<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/0cca5d9/src/graphics/rendering/settings/default-runtime-settings.ts#L14">graphics/rendering/settings/default-runtime-settings.ts:14</a></li>
 							</ul>
 						</aside>
 						<div class="tsd-type-declaration">
@@ -422,7 +854,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/cdcac35/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/0cca5d9/src/graphics/rendering/settings/default-runtime-settings.ts#L9">graphics/rendering/settings/default-runtime-settings.ts:9</a></li>
 							</ul>
 						</aside>
 					</section>
@@ -433,7 +865,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/cdcac35/src/graphics/rendering/settings/default-startup-settings.ts#L6">graphics/rendering/settings/default-startup-settings.ts:6</a></li>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/0cca5d9/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">
@@ -441,13 +873,23 @@
 							<p>Contains the default values used for <a href="interfaces/startupsettings.html">StartupSettings</a>.</p>
 						</div>
 					</div>
+					<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
+						<a name="defaultstartupsettings.backgroundcolor" class="tsd-anchor"></a>
+						<h3>background<wbr>Color</h3>
+						<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/0cca5d9/src/graphics/rendering/settings/default-startup-settings.ts#L11">graphics/rendering/settings/default-startup-settings.ts:11</a></li>
+							</ul>
+						</aside>
+					</section>
 					<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
 						<a name="defaultstartupsettings.enablestopwatch" class="tsd-anchor"></a>
 						<h3>enable<wbr>Stopwatch</h3>
 						<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/cdcac35/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/0cca5d9/src/graphics/rendering/settings/default-startup-settings.ts#L12">graphics/rendering/settings/default-startup-settings.ts:12</a></li>
 							</ul>
 						</aside>
 					</section>
@@ -457,7 +899,7 @@
 						<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/cdcac35/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/0cca5d9/src/graphics/rendering/settings/default-startup-settings.ts#L10">graphics/rendering/settings/default-startup-settings.ts:10</a></li>
 							</ul>
 						</aside>
 					</section>
@@ -467,7 +909,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/cdcac35/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/0cca5d9/src/graphics/rendering/settings/default-startup-settings.ts#L9">graphics/rendering/settings/default-startup-settings.ts:9</a></li>
 							</ul>
 						</aside>
 					</section>
@@ -477,7 +919,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/cdcac35/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/0cca5d9/src/graphics/rendering/settings/default-startup-settings.ts#L8">graphics/rendering/settings/default-startup-settings.ts:8</a></li>
 							</ul>
 						</aside>
 					</section>
@@ -501,7 +943,7 @@
 						<a href="enums/wrapoptions.html" class="tsd-kind-icon">Wrap<wbr>Options</a>
 					</li>
 					<li class=" tsd-kind-class">
-						<a href="classes/circle.html" class="tsd-kind-icon">Circle</a>
+						<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>
@@ -510,23 +952,29 @@
 						<a href="classes/drawable.html" class="tsd-kind-icon">Drawable</a>
 					</li>
 					<li class=" tsd-kind-class">
-						<a href="classes/droplet.html" class="tsd-kind-icon">Droplet</a>
+						<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/invertedtunnel.html" class="tsd-kind-icon">Inverted<wbr>Tunnel</a>
+						<a href="classes/invertedtunnelbase.html" class="tsd-kind-icon">Inverted<wbr>Tunnel<wbr>Base</a>
 					</li>
 					<li class=" tsd-kind-class">
-						<a href="classes/metacircle.html" class="tsd-kind-icon">Meta<wbr>Circle</a>
+						<a href="classes/metacirclebase.html" class="tsd-kind-icon">Meta<wbr>Circle<wbr>Base</a>
 					</li>
 					<li class=" tsd-kind-class">
-						<a href="classes/rotatedrectangle.html" class="tsd-kind-icon">Rotated<wbr>Rectangle</a>
+						<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>
@@ -542,15 +990,51 @@
 					<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>
diff --git a/docs/index.html b/docs/index.html
index 16adc99..e7b8d52 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.4.1</title>
-	<meta name="description" content="Documentation for SDF-2D - v0.4.1">
+	<title>SDF-2D - v0.5.0</title>
+	<meta name="description" content="Documentation for SDF-2D - v0.5.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.4.1</a>
+					<a href="index.html" class="title">SDF-2D - v0.5.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.4.1</h1>
+			<h1>SDF-2D - v0.5.0</h1>
 		</div>
 	</div>
 </header>
@@ -149,7 +149,7 @@
 						<a href="enums/wrapoptions.html" class="tsd-kind-icon">Wrap<wbr>Options</a>
 					</li>
 					<li class=" tsd-kind-class">
-						<a href="classes/circle.html" class="tsd-kind-icon">Circle</a>
+						<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>
@@ -158,23 +158,29 @@
 						<a href="classes/drawable.html" class="tsd-kind-icon">Drawable</a>
 					</li>
 					<li class=" tsd-kind-class">
-						<a href="classes/droplet.html" class="tsd-kind-icon">Droplet</a>
+						<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/invertedtunnel.html" class="tsd-kind-icon">Inverted<wbr>Tunnel</a>
+						<a href="classes/invertedtunnelbase.html" class="tsd-kind-icon">Inverted<wbr>Tunnel<wbr>Base</a>
 					</li>
 					<li class=" tsd-kind-class">
-						<a href="classes/metacircle.html" class="tsd-kind-icon">Meta<wbr>Circle</a>
+						<a href="classes/metacirclebase.html" class="tsd-kind-icon">Meta<wbr>Circle<wbr>Base</a>
 					</li>
 					<li class=" tsd-kind-class">
-						<a href="classes/rotatedrectangle.html" class="tsd-kind-icon">Rotated<wbr>Rectangle</a>
+						<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>
@@ -190,15 +196,51 @@
 					<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>
diff --git a/docs/interfaces/drawabledescriptor.html b/docs/interfaces/drawabledescriptor.html
index 7d7e763..0a69128 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.4.1</title>
-	<meta name="description" content="Documentation for SDF-2D - v0.4.1">
+	<title>DrawableDescriptor | SDF-2D - v0.5.0</title>
+	<meta name="description" content="Documentation for SDF-2D - v0.5.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.4.1</a>
+					<a href="../index.html" class="title">SDF-2D - v0.5.0</a>
 				</div>
 				<div class="table-cell" id="tsd-widgets">
 					<div id="tsd-filter">
@@ -71,7 +71,7 @@
 					</div>
 					<p>Each <a href="../classes/drawable.html">Drawable</a> must have a static property of this type, called descriptor.</p>
 					<p>For more information on how to create your own DrawableDescriptor-s, look at the
-					code of <a href="../classes/circle.html">Circle</a> or <a href="../classes/invertedtunnel.html">InvertedTunnel</a>.</p>
+					code of <a href="../globals.html#circlefactory">CircleFactory</a> or <a href="../globals.html#invertedtunnelfactory">InvertedTunnelFactory</a>.</p>
 				</div>
 			</section>
 			<section class="tsd-panel tsd-hierarchy">
@@ -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/cdcac35/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/0cca5d9/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/cdcac35/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/0cca5d9/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/cdcac35/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/0cca5d9/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/cdcac35/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/0cca5d9/src/drawables/drawable-descriptor.ts#L28">drawables/drawable-descriptor.ts:28</a></li>
 						</ul>
 					</aside>
 					<div class="tsd-comment tsd-typography">
@@ -180,7 +180,7 @@
 					<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>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/cdcac35/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/0cca5d9/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/cdcac35/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/0cca5d9/src/drawables/drawable-descriptor.ts#L23">drawables/drawable-descriptor.ts:23</a></li>
 						</ul>
 					</aside>
 					<div class="tsd-comment tsd-typography">
@@ -227,7 +227,7 @@
 						<a href="../enums/wrapoptions.html" class="tsd-kind-icon">Wrap<wbr>Options</a>
 					</li>
 					<li class=" tsd-kind-class">
-						<a href="../classes/circle.html" class="tsd-kind-icon">Circle</a>
+						<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>
@@ -236,19 +236,22 @@
 						<a href="../classes/drawable.html" class="tsd-kind-icon">Drawable</a>
 					</li>
 					<li class=" tsd-kind-class">
-						<a href="../classes/droplet.html" class="tsd-kind-icon">Droplet</a>
+						<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/invertedtunnel.html" class="tsd-kind-icon">Inverted<wbr>Tunnel</a>
+						<a href="../classes/invertedtunnelbase.html" class="tsd-kind-icon">Inverted<wbr>Tunnel<wbr>Base</a>
 					</li>
 					<li class=" tsd-kind-class">
-						<a href="../classes/metacircle.html" class="tsd-kind-icon">Meta<wbr>Circle</a>
+						<a href="../classes/metacirclebase.html" class="tsd-kind-icon">Meta<wbr>Circle<wbr>Base</a>
 					</li>
 					<li class=" tsd-kind-class">
-						<a href="../classes/rotatedrectangle.html" class="tsd-kind-icon">Rotated<wbr>Rectangle</a>
+						<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">
@@ -277,6 +280,9 @@
 					</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>
@@ -292,15 +298,51 @@
 					<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>
diff --git a/docs/interfaces/noisypolygonbase.html b/docs/interfaces/noisypolygonbase.html
new file mode 100644
index 0000000..4d3a0bb
--- /dev/null
+++ b/docs/interfaces/noisypolygonbase.html
@@ -0,0 +1,399 @@
+<!doctype html>
+<html class="default no-js">
+<head>
+	<meta charset="utf-8">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge">
+	<title>NoisyPolygonBase | SDF-2D - v0.5.0</title>
+	<meta name="description" content="Documentation for SDF-2D - v0.5.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.5.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="noisypolygonbase.html">NoisyPolygonBase</a>
+				</li>
+			</ul>
+			<h1>Interface NoisyPolygonBase</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="../classes/polygonbase.html" class="tsd-signature-type">PolygonBase</a>
+						<ul class="tsd-hierarchy">
+							<li>
+								<span class="target">NoisyPolygonBase</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 tsd-is-inherited">
+							<h3>Constructors</h3>
+							<ul class="tsd-index-list">
+								<li class="tsd-kind-constructor tsd-parent-kind-interface tsd-is-inherited"><a href="noisypolygonbase.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-interface"><a href="noisypolygonbase.html#randomoffset" class="tsd-kind-icon">random<wbr>Offset</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-interface"><a href="noisypolygonbase.html#vertices" class="tsd-kind-icon">vertices</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite tsd-is-inherited tsd-is-static"><a href="noisypolygonbase.html#descriptor" class="tsd-kind-icon">descriptor</a></li>
+							</ul>
+						</section>
+						<section class="tsd-index-section tsd-is-inherited">
+							<h3>Methods</h3>
+							<ul class="tsd-index-list">
+								<li class="tsd-kind-method tsd-parent-kind-interface tsd-is-overwrite tsd-is-inherited tsd-is-protected"><a href="noisypolygonbase.html#getobjecttoserialize" class="tsd-kind-icon">get<wbr>Object<wbr>ToSerialize</a></li>
+								<li class="tsd-kind-method tsd-parent-kind-interface tsd-is-overwrite tsd-is-inherited"><a href="noisypolygonbase.html#mindistance" class="tsd-kind-icon">min<wbr>Distance</a></li>
+							</ul>
+						</section>
+					</div>
+				</section>
+			</section>
+			<section class="tsd-panel-group tsd-member-group tsd-is-inherited">
+				<h2>Constructors</h2>
+				<section class="tsd-panel tsd-member tsd-kind-constructor tsd-parent-kind-interface tsd-is-inherited">
+					<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>
+					</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/0cca5d9/src/drawables/shapes/polygon-factory.ts#L10">drawables/shapes/polygon-factory.ts:10</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>
+								</li>
+							</ul>
+							<h4 class="tsd-returns-title">Returns <a href="noisypolygonbase.html" class="tsd-signature-type">NoisyPolygonBase</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-interface">
+					<a name="randomoffset" class="tsd-anchor"></a>
+					<h3>random<wbr>Offset</h3>
+					<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/0cca5d9/src/drawables/shapes/noisy-polygon-factory.ts#L7">drawables/shapes/noisy-polygon-factory.ts:7</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>
+					<aside class="tsd-sources">
+						<ul>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/0cca5d9/src/drawables/shapes/polygon-factory.ts#L11">drawables/shapes/polygon-factory.ts:11</a></li>
+						</ul>
+					</aside>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite tsd-is-inherited tsd-is-static">
+					<a name="descriptor" class="tsd-anchor"></a>
+					<h3><span class="tsd-flag ts-flagStatic">Static</span> <span class="tsd-flag ts-flagReadonly">Readonly</span> descriptor</h3>
+					<div class="tsd-signature tsd-kind-icon">descriptor<span class="tsd-signature-symbol">:</span> <a href="drawabledescriptor.html" class="tsd-signature-type">DrawableDescriptor</a></div>
+					<aside class="tsd-sources">
+						<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/0cca5d9/src/drawables/empty-drawable.ts#L9">drawables/empty-drawable.ts:9</a></li>
+						</ul>
+					</aside>
+				</section>
+			</section>
+			<section class="tsd-panel-group tsd-member-group tsd-is-inherited">
+				<h2>Methods</h2>
+				<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface tsd-is-overwrite tsd-is-inherited 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-interface tsd-is-overwrite tsd-is-inherited 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>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/0cca5d9/src/drawables/empty-drawable.ts#L15">drawables/empty-drawable.ts:15</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-interface tsd-is-overwrite tsd-is-inherited">
+					<a name="mindistance" class="tsd-anchor"></a>
+					<h3>min<wbr>Distance</h3>
+					<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface tsd-is-overwrite tsd-is-inherited">
+						<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>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/0cca5d9/src/drawables/empty-drawable.ts#L11">drawables/empty-drawable.ts:11</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>
+		</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">
+					<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">
+						<a href="noisypolygonbase.html" class="tsd-kind-icon">Noisy<wbr>Polygon<wbr>Base</a>
+						<ul>
+							<li class=" tsd-kind-constructor tsd-parent-kind-interface tsd-is-inherited">
+								<a href="noisypolygonbase.html#constructor" class="tsd-kind-icon">constructor</a>
+							</li>
+							<li class=" tsd-kind-property tsd-parent-kind-interface">
+								<a href="noisypolygonbase.html#randomoffset" class="tsd-kind-icon">random<wbr>Offset</a>
+							</li>
+							<li class=" tsd-kind-property tsd-parent-kind-interface">
+								<a href="noisypolygonbase.html#vertices" class="tsd-kind-icon">vertices</a>
+							</li>
+							<li class=" tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite tsd-is-inherited tsd-is-static">
+								<a href="noisypolygonbase.html#descriptor" class="tsd-kind-icon">descriptor</a>
+							</li>
+							<li class=" tsd-kind-method tsd-parent-kind-interface tsd-is-overwrite tsd-is-inherited tsd-is-protected">
+								<a href="noisypolygonbase.html#getobjecttoserialize" class="tsd-kind-icon">get<wbr>Object<wbr>ToSerialize</a>
+							</li>
+							<li class=" tsd-kind-method tsd-parent-kind-interface tsd-is-overwrite tsd-is-inherited">
+								<a href="noisypolygonbase.html#mindistance" class="tsd-kind-icon">min<wbr>Distance</a>
+							</li>
+						</ul>
+					</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>
+	</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/renderer.html b/docs/interfaces/renderer.html
index 9c71a5f..a9e79fa 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.4.1</title>
-	<meta name="description" content="Documentation for SDF-2D - v0.4.1">
+	<title>Renderer | SDF-2D - v0.5.0</title>
+	<meta name="description" content="Documentation for SDF-2D - v0.5.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.4.1</a>
+					<a href="../index.html" class="title">SDF-2D - v0.5.0</a>
 				</div>
 				<div class="table-cell" id="tsd-widgets">
 					<div id="tsd-filter">
@@ -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/cdcac35/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/0cca5d9/src/graphics/rendering/renderer/renderer.ts#L14">graphics/rendering/renderer/renderer.ts:14</a></li>
 						</ul>
 					</aside>
 					<div class="tsd-comment tsd-typography">
@@ -129,7 +129,7 @@
 					<div class="tsd-signature tsd-kind-icon">insights<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/cdcac35/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/0cca5d9/src/graphics/rendering/renderer/renderer.ts#L81">graphics/rendering/renderer/renderer.ts:81</a></li>
 						</ul>
 					</aside>
 					<div class="tsd-comment tsd-typography">
@@ -148,7 +148,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/cdcac35/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/0cca5d9/src/graphics/rendering/renderer/renderer.ts#L21">graphics/rendering/renderer/renderer.ts:21</a></li>
 						</ul>
 					</aside>
 					<div class="tsd-comment tsd-typography">
@@ -171,7 +171,7 @@
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/cdcac35/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/0cca5d9/src/graphics/rendering/renderer/renderer.ts#L56">graphics/rendering/renderer/renderer.ts:56</a></li>
 								</ul>
 							</aside>
 							<div class="tsd-comment tsd-typography">
@@ -209,7 +209,7 @@
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/cdcac35/src/graphics/rendering/renderer/renderer.ts#L91">graphics/rendering/renderer/renderer.ts:91</a></li>
+									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/0cca5d9/src/graphics/rendering/renderer/renderer.ts#L91">graphics/rendering/renderer/renderer.ts:91</a></li>
 								</ul>
 							</aside>
 							<div class="tsd-comment tsd-typography">
@@ -243,7 +243,7 @@
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/cdcac35/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/0cca5d9/src/graphics/rendering/renderer/renderer.ts#L72">graphics/rendering/renderer/renderer.ts:72</a></li>
 								</ul>
 							</aside>
 							<div class="tsd-comment tsd-typography">
@@ -267,7 +267,7 @@
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/cdcac35/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/0cca5d9/src/graphics/rendering/renderer/renderer.ts#L42">graphics/rendering/renderer/renderer.ts:42</a></li>
 								</ul>
 							</aside>
 							<div class="tsd-comment tsd-typography">
@@ -301,7 +301,7 @@
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/cdcac35/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/0cca5d9/src/graphics/rendering/renderer/renderer.ts#L64">graphics/rendering/renderer/renderer.ts:64</a></li>
 								</ul>
 							</aside>
 							<div class="tsd-comment tsd-typography">
@@ -325,7 +325,7 @@
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/cdcac35/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/0cca5d9/src/graphics/rendering/renderer/renderer.ts#L48">graphics/rendering/renderer/renderer.ts:48</a></li>
 								</ul>
 							</aside>
 							<div class="tsd-comment tsd-typography">
@@ -355,7 +355,7 @@
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/cdcac35/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/0cca5d9/src/graphics/rendering/renderer/renderer.ts#L30">graphics/rendering/renderer/renderer.ts:30</a></li>
 								</ul>
 							</aside>
 							<div class="tsd-comment tsd-typography">
@@ -402,7 +402,7 @@
 						<a href="../enums/wrapoptions.html" class="tsd-kind-icon">Wrap<wbr>Options</a>
 					</li>
 					<li class=" tsd-kind-class">
-						<a href="../classes/circle.html" class="tsd-kind-icon">Circle</a>
+						<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>
@@ -411,23 +411,29 @@
 						<a href="../classes/drawable.html" class="tsd-kind-icon">Drawable</a>
 					</li>
 					<li class=" tsd-kind-class">
-						<a href="../classes/droplet.html" class="tsd-kind-icon">Droplet</a>
+						<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/invertedtunnel.html" class="tsd-kind-icon">Inverted<wbr>Tunnel</a>
+						<a href="../classes/invertedtunnelbase.html" class="tsd-kind-icon">Inverted<wbr>Tunnel<wbr>Base</a>
 					</li>
 					<li class=" tsd-kind-class">
-						<a href="../classes/metacircle.html" class="tsd-kind-icon">Meta<wbr>Circle</a>
+						<a href="../classes/metacirclebase.html" class="tsd-kind-icon">Meta<wbr>Circle<wbr>Base</a>
 					</li>
 					<li class=" tsd-kind-class">
-						<a href="../classes/rotatedrectangle.html" class="tsd-kind-icon">Rotated<wbr>Rectangle</a>
+						<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">
@@ -479,15 +485,51 @@
 					<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>
diff --git a/docs/interfaces/runtimesettings.html b/docs/interfaces/runtimesettings.html
index f679c76..a156047 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.4.1</title>
-	<meta name="description" content="Documentation for SDF-2D - v0.4.1">
+	<title>RuntimeSettings | SDF-2D - v0.5.0</title>
+	<meta name="description" content="Documentation for SDF-2D - v0.5.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.4.1</a>
+					<a href="../index.html" class="title">SDF-2D - v0.5.0</a>
 				</div>
 				<div class="table-cell" id="tsd-widgets">
 					<div id="tsd-filter">
@@ -88,7 +88,6 @@
 							<h3>Properties</h3>
 							<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#backgroundcolor" class="tsd-kind-icon">background<wbr>Color</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#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>
@@ -108,7 +107,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/cdcac35/src/graphics/rendering/settings/runtime-settings.ts#L71">graphics/rendering/settings/runtime-settings.ts:71</a></li>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/0cca5d9/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">
@@ -117,28 +116,13 @@
 						</div>
 					</div>
 				</section>
-				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
-					<a name="backgroundcolor" class="tsd-anchor"></a>
-					<h3>background<wbr>Color</h3>
-					<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/cdcac35/src/graphics/rendering/settings/runtime-settings.ts#L44">graphics/rendering/settings/runtime-settings.ts:44</a></li>
-						</ul>
-					</aside>
-					<div class="tsd-comment tsd-typography">
-						<div class="lead">
-							<p>The default background color of the scene, can have transparency.</p>
-						</div>
-					</div>
-				</section>
 				<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>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/cdcac35/src/graphics/rendering/settings/runtime-settings.ts#L54">graphics/rendering/settings/runtime-settings.ts:54</a></li>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/0cca5d9/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">
@@ -147,7 +131,7 @@
 						</div>
 						<p>The possible colors for the objects. Each color is referenced by its index in the
 						palette.</p>
-						<p>Can have transparency.</p>
+						<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">
@@ -156,7 +140,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">boolean</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/cdcac35/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/0cca5d9/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">
@@ -171,7 +155,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/cdcac35/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/0cca5d9/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">
@@ -188,7 +172,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/cdcac35/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/0cca5d9/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">
@@ -204,7 +188,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/cdcac35/src/graphics/rendering/settings/runtime-settings.ts#L64">graphics/rendering/settings/runtime-settings.ts:64</a></li>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/0cca5d9/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">
@@ -231,7 +215,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/cdcac35/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/0cca5d9/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">
@@ -265,7 +249,7 @@
 						<a href="../enums/wrapoptions.html" class="tsd-kind-icon">Wrap<wbr>Options</a>
 					</li>
 					<li class=" tsd-kind-class">
-						<a href="../classes/circle.html" class="tsd-kind-icon">Circle</a>
+						<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>
@@ -274,23 +258,29 @@
 						<a href="../classes/drawable.html" class="tsd-kind-icon">Drawable</a>
 					</li>
 					<li class=" tsd-kind-class">
-						<a href="../classes/droplet.html" class="tsd-kind-icon">Droplet</a>
+						<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/invertedtunnel.html" class="tsd-kind-icon">Inverted<wbr>Tunnel</a>
+						<a href="../classes/invertedtunnelbase.html" class="tsd-kind-icon">Inverted<wbr>Tunnel<wbr>Base</a>
 					</li>
 					<li class=" tsd-kind-class">
-						<a href="../classes/metacircle.html" class="tsd-kind-icon">Meta<wbr>Circle</a>
+						<a href="../classes/metacirclebase.html" class="tsd-kind-icon">Meta<wbr>Circle<wbr>Base</a>
 					</li>
 					<li class=" tsd-kind-class">
-						<a href="../classes/rotatedrectangle.html" class="tsd-kind-icon">Rotated<wbr>Rectangle</a>
+						<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>
@@ -302,9 +292,6 @@
 							<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#backgroundcolor" class="tsd-kind-icon">background<wbr>Color</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>
@@ -336,15 +323,51 @@
 					<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>
diff --git a/docs/interfaces/startupsettings.html b/docs/interfaces/startupsettings.html
index 7fd8419..2e74c3a 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.4.1</title>
-	<meta name="description" content="Documentation for SDF-2D - v0.4.1">
+	<title>StartupSettings | SDF-2D - v0.5.0</title>
+	<meta name="description" content="Documentation for SDF-2D - v0.5.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.4.1</a>
+					<a href="../index.html" class="title">SDF-2D - v0.5.0</a>
 				</div>
 				<div class="table-cell" id="tsd-widgets">
 					<div id="tsd-filter">
@@ -87,6 +87,7 @@
 						<section class="tsd-index-section ">
 							<h3>Properties</h3>
 							<ul class="tsd-index-list">
+								<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#palettesize" class="tsd-kind-icon">palette<wbr>Size</a></li>
@@ -98,13 +99,28 @@
 			</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="backgroundcolor" class="tsd-anchor"></a>
+					<h3>background<wbr>Color</h3>
+					<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/0cca5d9/src/graphics/rendering/settings/startup-settings.ts#L39">graphics/rendering/settings/startup-settings.ts:39</a></li>
+						</ul>
+					</aside>
+					<div class="tsd-comment tsd-typography">
+						<div class="lead">
+							<p>The default background color of the scene, can have transparency on every platform.</p>
+						</div>
+					</div>
+				</section>
 				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
 					<a name="enablestopwatch" class="tsd-anchor"></a>
 					<h3>enable<wbr>Stopwatch</h3>
 					<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/cdcac35/src/graphics/rendering/settings/startup-settings.ts#L14">graphics/rendering/settings/startup-settings.ts:14</a></li>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/0cca5d9/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">
@@ -121,7 +137,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/cdcac35/src/graphics/rendering/settings/startup-settings.ts#L40">graphics/rendering/settings/startup-settings.ts:40</a></li>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/0cca5d9/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">
@@ -138,7 +154,7 @@
 					<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/cdcac35/src/graphics/rendering/settings/startup-settings.ts#L32">graphics/rendering/settings/startup-settings.ts:32</a></li>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/0cca5d9/src/graphics/rendering/settings/startup-settings.ts#L34">graphics/rendering/settings/startup-settings.ts:34</a></li>
 						</ul>
 					</aside>
 					<div class="tsd-comment tsd-typography">
@@ -156,7 +172,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/cdcac35/src/graphics/rendering/settings/startup-settings.ts#L23">graphics/rendering/settings/startup-settings.ts:23</a></li>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/0cca5d9/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">
@@ -187,7 +203,7 @@
 						<a href="../enums/wrapoptions.html" class="tsd-kind-icon">Wrap<wbr>Options</a>
 					</li>
 					<li class=" tsd-kind-class">
-						<a href="../classes/circle.html" class="tsd-kind-icon">Circle</a>
+						<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>
@@ -196,23 +212,29 @@
 						<a href="../classes/drawable.html" class="tsd-kind-icon">Drawable</a>
 					</li>
 					<li class=" tsd-kind-class">
-						<a href="../classes/droplet.html" class="tsd-kind-icon">Droplet</a>
+						<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/invertedtunnel.html" class="tsd-kind-icon">Inverted<wbr>Tunnel</a>
+						<a href="../classes/invertedtunnelbase.html" class="tsd-kind-icon">Inverted<wbr>Tunnel<wbr>Base</a>
 					</li>
 					<li class=" tsd-kind-class">
-						<a href="../classes/metacircle.html" class="tsd-kind-icon">Meta<wbr>Circle</a>
+						<a href="../classes/metacirclebase.html" class="tsd-kind-icon">Meta<wbr>Circle<wbr>Base</a>
 					</li>
 					<li class=" tsd-kind-class">
-						<a href="../classes/rotatedrectangle.html" class="tsd-kind-icon">Rotated<wbr>Rectangle</a>
+						<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>
@@ -224,6 +246,9 @@
 					<li class="current tsd-kind-interface">
 						<a href="startupsettings.html" class="tsd-kind-icon">Startup<wbr>Settings</a>
 						<ul>
+							<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>
@@ -246,15 +271,51 @@
 					<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>
diff --git a/docs/interfaces/textureoptions.html b/docs/interfaces/textureoptions.html
index 30d9e5d..d68bd4f 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.4.1</title>
-	<meta name="description" content="Documentation for SDF-2D - v0.4.1">
+	<title>TextureOptions | SDF-2D - v0.5.0</title>
+	<meta name="description" content="Documentation for SDF-2D - v0.5.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.4.1</a>
+					<a href="../index.html" class="title">SDF-2D - v0.5.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/cdcac35/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/0cca5d9/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/cdcac35/src/graphics/graphics-library/texture/texture-options.ts#L15">graphics/graphics-library/texture/texture-options.ts:15</a></li>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/0cca5d9/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/cdcac35/src/graphics/graphics-library/texture/texture-options.ts#L13">graphics/graphics-library/texture/texture-options.ts:13</a></li>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/0cca5d9/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/cdcac35/src/graphics/graphics-library/texture/texture-options.ts#L14">graphics/graphics-library/texture/texture-options.ts:14</a></li>
+							<li>Defined in <a href="https://github.com/schmelczerandras/sdf-2d/blob/0cca5d9/src/graphics/graphics-library/texture/texture-options.ts#L22">graphics/graphics-library/texture/texture-options.ts:22</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -148,7 +148,7 @@
 						<a href="../enums/wrapoptions.html" class="tsd-kind-icon">Wrap<wbr>Options</a>
 					</li>
 					<li class=" tsd-kind-class">
-						<a href="../classes/circle.html" class="tsd-kind-icon">Circle</a>
+						<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>
@@ -157,23 +157,29 @@
 						<a href="../classes/drawable.html" class="tsd-kind-icon">Drawable</a>
 					</li>
 					<li class=" tsd-kind-class">
-						<a href="../classes/droplet.html" class="tsd-kind-icon">Droplet</a>
+						<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/invertedtunnel.html" class="tsd-kind-icon">Inverted<wbr>Tunnel</a>
+						<a href="../classes/invertedtunnelbase.html" class="tsd-kind-icon">Inverted<wbr>Tunnel<wbr>Base</a>
 					</li>
 					<li class=" tsd-kind-class">
-						<a href="../classes/metacircle.html" class="tsd-kind-icon">Meta<wbr>Circle</a>
+						<a href="../classes/metacirclebase.html" class="tsd-kind-icon">Meta<wbr>Circle<wbr>Base</a>
 					</li>
 					<li class=" tsd-kind-class">
-						<a href="../classes/rotatedrectangle.html" class="tsd-kind-icon">Rotated<wbr>Rectangle</a>
+						<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>
@@ -207,15 +213,51 @@
 					<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>
diff --git a/package.json b/package.json
index 3c63aa8..28b6eab 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "sdf-2d",
-  "version": "0.4.1",
+  "version": "0.5.0",
   "description": "Graphics framework for efficiently rendering 2D signed distance fields.",
   "keywords": [
     "webgl",