diff --git a/HOWTO.md b/HOWTO.md
new file mode 100644
index 00000000..d8d72d68
--- /dev/null
+++ b/HOWTO.md
@@ -0,0 +1,513 @@
+# Wick Editor v16
+
+**Note:** The `Modifier` key in this document refers to the `Control` key in Windows, and the `Command` key on MacOS.
+
+## Brower Support
+
+- All features of the Wick Editor are supported in Firefox and Chrome.
+- All features of the Wick Player are supported by most major browsers, including mobile browsers.
+
+## Canvas
+
+ - Pan canvas with `Spacebar`
+ - Zoom in and out with `+` and `-` keys
+ - Zoom in and out with `Modifier` + `Scroll`
+ - You can also zoom in and out with the plus and minus buttons below the timeline. This is also where you can select the percent at which to zoom.
+ - Reset canvas zoom level to 100% with `Modifier` + `0`
+ - Canvas color can be changed in project settings
+ - Canvas dimensions (width/height) can be changed in project settings
+
+### Undo/Redo
+
+- Undo any action by clicking `Edit` -> `Undo` or by pressing `Modifier` + `Z`
+- Redo any action by clicking `Edit` -> `Redo` or by pressing `Modifier` + `Shift` + `Z`
+
+### Copy/Cut/Paste/Delete
+
+- Copy object(s) by pressing `Modifier`+`C` or by clicking `Edit` -> `Copy` in the menu bar
+- Cut object(s) by pressing `Modifier`+`X` or by clicking `Edit` -> `Cut` in the menu bar
+- Paste object(s) by pressing `Modifier`+`V` or by clicking `Edit` -> `Paste` in the menu bar
+- Cut object(s) by pressing `Delete` or `Backspace`, or by clicking `Edit` -> `Delete` in the menu bar
+- Duplicate object(s) by pressing `Modifier` + `D` or or right clicking and selecting `Duplicate Object(s)`.
+
+### Ordering
+
+- Move object(s) forward by right clicking and selecting `Move Forwards` or pressing `Modifier` + `Up`
+- Move object(s) backwards by right clicking and selecting `Move Backwards` or pressing `Modifier` + `Down`
+- Move object(s) to the front by right clicking and selecting `Move To Front` or pressing `Modifier` + `Shift` + `Up`
+- Move object(s) to the back by right clicking and selecting `Move To Back` or pressing `Modifier` + `Shift` + `Down`
+
+## Toolbar
+
+### Color Picker
+
+- Click either box to change the current fill or stroke color.
+- The filled box changes the fill color, and the unfilled box changes the stroke color.
+- The default pallete contains twelve basic colors.
+- The color picker saves the last six colors used below the default pallete.
+- Click and drag the largest square to change the saturation and lightness of the current color.
+- Click and drag the vertical rectangle to change the hue of the current color.
+- Click and drag the horizontal rectangle to change to opacity of the current color.
+
+### Selection Cursor
+
+_Making selections_
+
+- Click to select object
+- `Shift` + click to select multiple objects
+- Click and drag to select objects touching the selection box
+- `Alt` + click and drag to select objects strictly inside the selection box
+
+_Modifying selections_
+
+- Scale by dragging handles on corners and sides
+- Scale and keep aspect ratio of object(s) by holding `Shift` and dragging handles on corners
+- Rotate by dragging corners
+- Move object(s) by 1 pixel in any direction using the arrow keys
+- Move object(s) by 10 pixels in any direction using `Shift` + arrow keys
+- Select all objects on the canvas by clicking `Edit` -> `Select All` in the menu bar, or by pressing `Modifier` + `A`
+- Deselect all objects on the canvas by clicking `Edit` -> `Deselect All` in the menu bar, or by using `Modifier` + `Shift` + `A`
+
+### Path Cursor
+
+_Making selections_
+
+- Click any path to select it
+- Drag to select paths touching the selection box
+- Alt+drag to select objects strictly inside the selection box
+
+_Modifying Path Segments_
+
+- Click and drag points to move them
+- Click on a stroke to add a point on that part of the stroke
+- Hold `Modifier` and click a point to remove it
+
+_Modifying Path Curves_
+
+- Double click a path to straighten and smooth its curves
+- Drag handles to change curvature of strokes
+
+### Brush
+
+_Brush Options_
+
+- Color
+	- The brush uses the current fill color as its drawing color.
+- Size
+- Smoothness
+- Stabilizer Level
+- Pressure Sensitivity Enabled
+- Pressure Sensitivity Level
+   - A higher Pressure Sensitivity level makes the pressure from a tablet have more impact on the size of the brush.
+- Blob Detail
+	- A higher Blob Detail value will give your strokes more detail when they are converted to paths, but will make drawing strokes slower.
+
+### Pencil
+
+_Pencil Options_
+
+- Color
+	- The pencil uses the current stroke color as its drawing color.
+- Stroke width
+- Smoothness
+
+### Fill Bucket
+
+- Click any path to change it's fill or stroke color
+- Click any holes created by paths to fill that hole
+
+### Rectangle
+
+- Click and drag to draw a rectangle
+- Hold shift while dragging to draw a perfect square
+- Change corner roundness in inspector
+
+### Ellipse
+
+- Click and drag to draw an ellipse
+- Hold shift while dragging to draw a perfect circle
+
+### Line
+
+- Click and drag to draw a line
+- Hold shift while dragging to draw horizontal/vertical/diagonal line
+
+### Pen
+
+- Click to create a new point
+- Click and drag to create a new point and change it's curvature
+- Click first point to close shape
+- Click the ends of an existing shape to add more curves to that shape
+
+### Eyedropper
+
+- Click any path to set the current fill or stroke color to that path's color.
+
+### Text
+
+- Click and drag to create a text box
+- Click text objects to edit them
+
+### Zoom
+
+- Click to zoom in
+- Hold `Alt` and click to zoom out
+- Click and drag, draw a rectangle, and release to zoom into a section of the screen
+
+### Pan
+
+- Click and drag to pan
+
+## Timeline
+
+### Frames
+
+**DESIGN TODO**
+
+- To add a frame, double click an empty space on the timeline or right click and select `Add Frame`
+- Change the length of frame(s) by dragging the edges left or right.
+- Select frames by clicking and dragging, all frames inside the selection box will be selected.
+- Delete selected frames by pressing `Delete` or right clicking and selecting `Delete Frame`
+
+### Playhead
+
+- Move the playhead by dragging it, or by using the `<` and `>` keys.
+- Clicking on a frame will jump the playhead to that frame.
+- Play the whole timeline by clicking the `Play Preview` button, or by pressing `Enter`
+- Loop the timeline by holding `Shift` and clicking the `Play Preview` button, or by pressing `Shift` + `Enter`
+- Change the framerate that the timeline is played at in project settings
+
+### Layers
+
+- Create a layer with the `Add Layer` button
+- Delete the current layer with the `Delete Layer` button
+- Rename a layer by clicking on its name
+- Layers can be locked by clicking the lock icon on that layer
+- Layers can be hidden by clicking the eye icon in that layer
+- Layers can be reordered by dragging them by the three lines icon on the left
+
+### Tweens
+
+- Create a motion tween on a frame by right clicking a frame and selecting `Create Motion Tween`.
+- If there are multiple objects on the frame when a motion tween is created, they will be automatically grouped into a single object.
+- Create keyframes by right clicking and selecting `Insert Keyframe`.
+- Copy and paste keyframes by right clicking a keyframe and selecting `Copy Keyframe` or `Paste Keyframe`.
+- Keyframes will be automatically added if an object is modified while the playhead is over a point on the frame without a keyframe.
+- You can change the "easing" of a tween in the Inspector. The current options are `None`, `Ease In`, `Ease Out`, and `Ease In-Out`.
+- If you want to rotate an object 360 degrees or more in a tween, use the `Number of Rotations` value in the Inspector. _Note: You can rotate objects counter-clockwise by using a negative value here._
+- Tweening of all transformations (x, y, scale, rotation) is possible, as well as opacity.
+
+### Sounds
+
+- Add a sound to a frame by dragging it from the asset library onto a frame, or by selecing a frame and choosing a sound from the dropdown menu in the Inspector.
+
+### Onion Skinning
+
+- Click the onion icon to enable onion skinning
+- Control how many frames are shown in onion skin by dragging the edges of the box near the playhead.
+
+## Import
+
+### Images
+
+Import images by dragging them into the editor or by selecting `Import` -> `Image` in the menu bar.
+
+_Supported image types:_
+
+- `png`
+- `jpeg`
+- `bmp`
+- `gif` (_Animated GIFs are converted into clips with all the frames of the original GIF_)
+
+### Sounds
+
+Import sounds by dragging them into the editor or by selecting `Import` -> `Sound` in the menu bar.
+
+_Supported sound file types:_
+
+- `mp3`
+- `wav`
+- `ogg`
+
+### SVG
+
+Import SVGs by dragging them into the editor or by selecting `Import` -> `SVG` in the menu bar.
+
+### Asset Library
+
+- All assets used in the project are stored in the Asset Library.
+- Reorganize assets by clicking and dragging them.
+- Rename assets by selecting an asset and clicking the `Rename Asset` button.
+- Delete assets by selecting an asset and clicking the `Delete Asset` button.
+
+## Wick Objects
+
+All Wick Objects have the following attributes:
+
+- Position (x,y)
+- Width
+- Height
+- Scale (x,y)
+- Rotation (angle, 0-360)
+- Opacity
+
+### Paths
+
+_Attributes:_
+
+- Fill color
+- Stroke color
+- Stroke width
+- Boolean Operations
+ - Unite: Combines two or more paths into one path.
+ - Subtract: Uses the topmost path to cut out a portion of other selected paths.
+
+### Images
+
+_Attributes:_
+
+- Asset source
+
+### Text
+
+_Attributes:_
+
+- Font family
+- Font size
+- Font color
+- Text align
+- Bold
+- Italic
+
+### Groups
+
+- Create a group by right clicking wick object(s) and selecting `Group Objects` or by pressing `Modifier` + `G`.
+- Edit group by double clicking or right clicking and selecting `Edit Group`.
+- Leave group by using breadcrumbs or by double clicking
+- Break apart a group by right clicking and selecting `Break Apart` or by pressing `Modifier` + `B`
+
+### Buttons
+
+- Right click a selection of wick object(s) and select `Create Clip from Objects`.
+- A dialog box will open up prompting you to name the new Clip
+- An asset will be created out of the new Clip, and the new Clip will use that asset as its source. _(to change this later, select a different "clip resource" in the inspector)_
+
+_Button Appearance_
+
+- To change how a button appears when it interacts with the mouse, right click the button and select `Edit Button`.
+- Create frames in the places where the timeline is labeled `Up`, `Over`, and `Down`.
+
+### Clips
+
+_Creating a Clip_
+
+- Right click a selection of wick object(s) and select `Create Clip from Objects`.
+- A dialog box will open up prompting you to name the new Clip
+- An asset will be created out of the new Clip, and the new Clip will use that asset as its source. _(to change this later, select a different "clip resource" in the inspector)_
+
+_Clip timelines_
+
+- Clips have their own timelines.
+- Clip timelines run independently of the main timeline.
+- Edit the timeline of a Clip by double clicking or right clicking the Clip and selecting `Edit Timeline`.
+- Leave the timeline of the clip by using breadcrumbs or by double clicking the canvas.
+
+_Clip attributes_
+
+- Name (used in scripting - see `Writing Scripts` section.)
+- Start frame
+- Autoplay
+
+__Note__ that the "root object" is actually a Clip that contains everything in the project. You can never leave the root object.
+
+## Writing Scripts
+
+Scripts can be added to Clips, Buttons, and Frames.
+
+With an Clip, Button, or Frame selected, open the Scripting Window by clicking the bar along the bottom of the editor.
+
+### Object Access
+
+- You can access any named Clip by using its name. For example, to set some value of a Clip named "player", you would use a line of code like this:
+
+`player.rotation = 90`
+
+- You can access the object that the script belongs to using the keyword `this`.
+
+- You can access the root object of the project by using the keyword `root`.
+
+- You can access the parent object of the current object by using the keyword `parent`.
+
+### Moving the Timeline Programmatically
+
+- While a project is running, the playhead will automatically move forward once per "tick". Projects "tick" at the rate of the framerate 
+- (e.g. a project with a framerate of 12 will tick 12 times per second.)
+
+All timeline functions can be used on objects, such as: 
+ 
+- `root.play()` 
+- `this.stop()`
+- `yourOwnObject.gotoAndPlay(2)`
+
+as well as by themselves, where they will refer to the timeline where the script was added:
+
+- `play()`
+- `gotoAndStop(2)`
+
+### Variables
+
+- Store information in an object by using variables as shown:
+ - `this.level = 5`
+ - `player.isAlive = true`
+ - `player.name = "Slombo"`
+ - `root.numberOfBees = 10000`
+- See all builtin variables below in the `Script Reference` section
+- Tip: Put variables that you want to access everywhere in `root`.
+
+### Events
+
+- Use events to run code when a certain event happens, such as when an object is clicked, or when an object first appears onscreen.
+
+### Creating Objects Programmatically
+
+- You can create instances of Clips from the Asset Library programmatically by using `createInstanceOf()` with the name of the asset to use. Example:
+
+`enemy = createInstanceOf("Enemy")`
+
+### Errors
+
+- If your script contains a syntax error, the project will not run until it is fixed. The Scripting Window will highlight the line that contains the syntax error.
+- If a runtime error occurs while the project is running, the player will close, and the line that caused the error will be highlighted in the Scripting Window.
+
+## Script Reference
+
+### Scope
+
+Name | Description
+--- | ---
+`this` | Refers to the Wick Object running the script.
+`parent` | Refers to the parent of the Wick Object running the script. (This is `null` for the root object.)
+`root` | Refers to the root object of the project.
+
+### Timeline
+
+Name | Description
+--- | ---
+`play()` | Plays the timeline. 
+`stop()` | Stops the timeline.
+`gotoAndStop(frame)` | Moves the timeline to the specified frame and stops the timeline. You can use a number to move the timeline to a certain position, or a string to move the timeline to a named frame.
+`gotoAndPlay(frame)` | Moves the timeline to the specified frame and plays the timeline. You can use a number to move the timeline to a certain position, or a string to move the timeline to a named frame.
+`gotoNextFrame()` | Moves the timeline to the next frame.
+`gotoPrevFrame()` | Moves the timeline to the previous frame.
+`currentFrameNumber` | The current frame number that the timeline is currently on.
+`currentFrameName` | The current name of the frame that the timeline is currently on. If the timeline is on an unnamed frame, this value will be `null`.
+
+### Events
+
+Name | Description
+--- | ---
+`on(load)` | Runs once when the object/frame first appears onscreen.
+`on(update)` | Runs once per tick that the object/frame is onscreen.
+`on(click)` | Runs when the object/frame is clicked (i.e. a full press and release)
+`on(mousedown)` | Runs when the object/frame is first pressed by the mouse.
+`on(mouseup)` | Runs when mouse is released over the frame/object.
+`on(mouseenter)` | Runs when the mouse first rolls over the frame/object.
+`on(mouseleave)` | Runs when the mouse leaves the frame/object.
+`on(mousehover)` | Runs every tick that the mouse is hovered over the frame/object.
+`on(mousedrag)` | Runs every tick that the mouse is hovered over the frame/object while held down.
+`on(keypressed)` | Runs when a key is pressed.
+`on(keydown)` | Runs every tick that a key is held down.
+`on(keyup)` | Runs when a key is released.
+
+### Wick Object Attributes
+
+Name | Description
+--- | ---
+`x` | The horizontal position of the object on the x-axis.
+`y` | The vertical position of the object on the y-axis.
+`scaleX` | The horizontal scale of the object.
+`scaleY` | The vertical scale of the object.
+`rotation` | The rotation of the object, in angles.
+`flipX` | True if the object is mirrored horizontally, false otherwise.
+`flipY` | True if the object is mirrored vertically, false otherwise.
+`opacity` | Value from 0.0 to 1.0 where 0.0 is completely transparent, and 1.0 is completely opaque.
+
+### Wick Object Methods
+
+Name | Description
+--- | ---
+`hitTest(object)` | Returns `true` if the object collides with the speicified object.
+`delete()` | Deletes the object.
+
+### Mouse Input
+
+Name | Description
+--- | ---
+`mouseX` | The position of the mouse on the x-axis.
+`mouseY` | The position of the mouse on the y-axis.
+`mouseMoveX` | The amount the mouse has moved on the x-axis.
+`mouseMoveY` | The amount the mouse has moved on the y-axis.
+
+### Keyboard Input
+
+Name | Description
+--- | ---
+`key` | The last key that was pressed/released/held down.
+`keyIsDown(key)` | Returns true if the specified key is currently held down.
+`keyJustPressed(key)` | Returns true if the specified key was pressed.
+
+### Sound
+
+Name | Description
+--- | ---
+`playSound(filename)` | Plays the specified sound from the Asset Library.
+`stopAllSounds()` | Stops all currently playing sounds.
+
+### Creating Objects
+
+Name | Description
+--- | ---
+`createInstanceOf(assetName)` | Creates a Clip using the specified asset as its source.
+`getAllInstancesOf(assetName)` | Returns an array containing all objects onscreen that are instances of the specified asset.
+
+## Saving Projects
+
+### Autosave
+
+- Projects are "autosaved" every time you run your project.
+- You can also force an autosave by clicking on the title of the project in the top-left corner of the screen, or by pressing `Modifier` + `Shift` + `S`.
+- __Autosaved projects are deleted when you clear your browser cache.__ It is recommended to save your projects as .wick files as often as possible.
+
+### .wick file format
+
+- A .wick file is the native filetype for Wick projects.
+- .wick files can be opened in the editor by dragging them into the browser window, or by clicking `File` -> `Open Project` and selecting them.
+
+## Exporting Projects
+
+### .zip archive
+
+- `File` -> `Export ZIP Archive`
+- The exported .zip archive will contain the Wick Player bundled into an html file named `index.html`, as well as your project named `wick-project.wick`.
+- Most Flash/HTML5 game websites accept `.zip` files in this format.
+
+### Video
+
+- `File` -> `Export Video`
+- Choose quality (Low, Medium, High, or Ultra)
+- Videos are exported as `mp4` files using the `mpeg4` codec.
+
+## Builtin Player
+
+- Play your project in the builtin player by clicking the `Run` button in the menu bar or by pressing `Modifier` + `Enter`.
+- Close the builtin player by clicking the X in the top right corner or by pressing `Escape`.
+- If script errors happen inside the builtin player, the player will close and the editor will show you where the error happened by selecting the object or frame that caused the error.
+- You can run the builtin player in a new window by pressing `Modifier` + `Shift` + `Enter`, but errors will not be shown in the editor.
+
+## Embedding Projects
+
+To embed a .wick file, you will need the Wick Player html file. Download it **TODO** here.
+
+Then, embed the player in an iframe and add the filename of your project with an `#` after `player.html` as shown here:
+
+`<iframe width="720" height="480" src="player.html#myproject.wick"></iframe>`
\ No newline at end of file
diff --git a/README.md b/README.md
index fdb879de..5a1416d3 100755
--- a/README.md
+++ b/README.md
@@ -5,8 +5,10 @@ Wick is a browser-based hybrid animation/coding environment for making interacti
 # How to contribute to Wick
 Want to help us make Wick? There's plenty to do, we'd love your help.
 
+Be sure to read the [code of conduct](https://github.com/zrispo/wick-editor/blob/master/code-of-conduct.md)!!
+
 ### Create tutorials
-Wick needs tutorials! If you're interested in making text or video tutorials, contact [@zrispo](https://twitter.com/zrispo), especially if you want to make non-english tutorials! The [tutorial page](http://wickeditor.com/#tutorials) is a good place to start if you want a template.
+Wick needs tutorials! If you're interested in making text or video tutorials, contact us at *contact@wickeditor.com*, especially if you want to make non-english tutorials! The [tutorial page](http://wickeditor.com/#tutorials) is a good place to start if you want a template.
 
 ### Report bugs and submit bug fixes
 Found a bug? Add it to the [issue tracker](https://github.com/zrispo/wick/issues). You can also look at existing bugs in the issue tracker. If you're just getting started, check out the bugs tagged as `small-bugs` - these are smaller fixes that you can do to get acquainted with the codebase.
@@ -27,4 +29,4 @@ If you're a creator that wants to support Wick, one of the most helpful things t
   * `http-server` to start
 * Open a browser window, and go to `http://localhost:8000/`
 
-Need help? Feel free to contact [@zrispo](https://twitter.com/zrispo) (that's me).
+Need help? Feel free to contact us at *contact@wickeditor.com*
diff --git a/bash.exe.stackdump b/bash.exe.stackdump
new file mode 100644
index 00000000..4dc695d9
--- /dev/null
+++ b/bash.exe.stackdump
@@ -0,0 +1,9 @@
+Exception: STATUS_STACK_OVERFLOW at rip=7FFAA279ECE7
+rax=0000000000001250 rbx=00000000FFFF8F90 rcx=0000000000000000
+rdx=0000000180010018 rsi=00000000FFFF8F98 rdi=000000018028E980
+r8 =00000000000B1CA4 r9 =000000018028E980 r10=00000000FFFF7000
+r11=00000000FFE03310 r12=0000000000000420 r13=00000000FFFF8E70
+r14=000000018022F490 r15=00000000FFFF8E10
+rbp=0000000000000208 rsp=00000000FFFF8C88
+program=C:\Program Files\Git\usr\bin\bash.exe, pid 6152, thread 
+cs=0033 ds=002B es=002B fs=0053 gs=002B ss=002B
diff --git a/code-of-conduct.md b/code-of-conduct.md
new file mode 100644
index 00000000..ca2f40c6
--- /dev/null
+++ b/code-of-conduct.md
@@ -0,0 +1,73 @@
+# Contributor Covenant Code of Conduct
+
+## Our Pledge
+
+In the interest of fostering an open and welcoming environment, we as
+contributors and maintainers pledge to making participation in our project and
+our community a harassment-free experience for everyone, regardless of age, body
+size, disability, ethnicity, gender identity and expression, level of experience,
+education, socio-economic status, nationality, personal appearance, race,
+religion, or sexual identity and orientation.
+
+## Our Standards
+
+Examples of behavior that contributes to creating a positive environment
+include:
+
+* Using welcoming and inclusive language
+* Being respectful of differing viewpoints and experiences
+* Gracefully accepting constructive criticism
+* Focusing on what is best for the community
+* Showing empathy towards other community members
+
+Examples of unacceptable behavior by participants include:
+
+* The use of sexualized language or imagery and unwelcome sexual attention or
+  advances
+* Trolling, insulting/derogatory comments, and personal or political attacks
+* Public or private harassment
+* Publishing others' private information, such as a physical or electronic
+  address, without explicit permission
+* Other conduct which could reasonably be considered inappropriate in a
+  professional setting
+
+## Our Responsibilities
+
+Project maintainers are responsible for clarifying the standards of acceptable
+behavior and are expected to take appropriate and fair corrective action in
+response to any instances of unacceptable behavior.
+
+Project maintainers have the right and responsibility to remove, edit, or
+reject comments, commits, code, wiki edits, issues, and other contributions
+that are not aligned to this Code of Conduct, or to ban temporarily or
+permanently any contributor for other behaviors that they deem inappropriate,
+threatening, offensive, or harmful.
+
+## Scope
+
+This Code of Conduct applies both within project spaces and in public spaces
+when an individual is representing the project or its community. Examples of
+representing a project or community include using an official project e-mail
+address, posting via an official social media account, or acting as an appointed
+representative at an online or offline event. Representation of a project may be
+further defined and clarified by project maintainers.
+
+## Enforcement
+
+Instances of abusive, harassing, or otherwise unacceptable behavior may be
+reported by contacting the project team at *contact@wickeditor.com*. All
+complaints will be reviewed and investigated and will result in a response that
+is deemed necessary and appropriate to the circumstances. The project team is
+obligated to maintain confidentiality with regard to the reporter of an incident.
+Further details of specific enforcement policies may be posted separately.
+
+Project maintainers who do not follow or enforce the Code of Conduct in good
+faith may face temporary or permanent repercussions as determined by other
+members of the project's leadership.
+
+## Attribution
+
+This Code of Conduct is adapted from the [Contributor Covenant][homepage], version 1.4,
+available at https://www.contributor-covenant.org/version/1/4/code-of-conduct.html
+
+[homepage]: https://www.contributor-covenant.org
diff --git a/index.html b/index.html
index 000227bd..73c6abcc 100644
--- a/index.html
+++ b/index.html
@@ -48,8 +48,6 @@
     <link rel="stylesheet" type="text/css" href="styles/progressBar.css">
     <link rel="stylesheet" type="text/css" href="styles/videoExporter.css">
 
-
-
     <script src="lib/jquery.min.js"></script>
     <script src="lib/jquery-ui.custom.min.js"></script>
     <script src="lib/jquery.fancytree.js"></script>
@@ -81,23 +79,23 @@
     <script src="lib/lerp.js"></script>
     <script src="lib/bowser.js"></script>
     <script src="lib/howler.min.js"></script>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/pixi.js/4.5.6/pixi.min.js"></script>
+    <script src="lib/pixi.4.5.6.min.js"></script>
     <script src="lib/scrollbar.js"></script>
     <script src="lib/nouislider.js"></script>
     <script src="lib/soundcloud-waveform.js"></script>
-    <script src="lib/saveSvgAsPng.js"></script>
     <script src="lib/html2canvas.js"></script>
     <script src="lib/localstoragewrapper.js"></script>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.2.8/ace.js" type="text/javascript" charset="utf-8"></script>
+    <script src="lib/ace/ace.js" type="text/javascript" charset="utf-8"></script>
     <script src="lib/ace/ext-language_tools.min.js" type="text/javascript" charset="utf-8"></script>
     <script src="lib/spectrum.js"></script>
     <script src="lib/pressure.min.js"></script>
     <script src="lib/WickEditorInputs.js"></script>
     <script src="lib/idb-keyval-min.js"></script>
     <script src="lib/offset.js"></script>
-    <script type="text/javascript" src="lib/floodfill.min.js"></script>
-    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js"></script>
-    <script type="text/javascript" src="lib/video-export/videoExporter.js"></script>
+    <script src="lib/floodfill.min.js" type="text/javascript"></script>
+    <script src="lib/webfont.js" type="text/javascript"></script>
+    <script src="lib/video-export/videoExporter.js" type="text/javascript"></script>
+    <script src="lib/croquis.js"></script>
 
     <script src="src/project/WickDocs.js"></script>
     <script src="src/project/WickFrame.js"></script>
@@ -176,7 +174,7 @@
 <div class="alpha-warning">
     <script>function hideWarning () { var e = document.getElementsByClassName('alpha-warning')[0];e.style.pointerEvents='none';e.style.display='none'; }; if (localStorage.hideWarning) { hideWarning(); };</script>
     <div class="alpha-warning-text">
-        NOTE: The Wick Editor is currently in open beta!<hr class="alpha-warning-hr" />Please report all bugs on <a class="forums-link" href="http://forum.wickeditor.com/" target="_blank">the forums</a>!!
+        NOTE: The Wick Editor is currently in open beta!<hr class="alpha-warning-hr" />Please report all bugs on <a class="forums-link" href="http://forum.wickeditor.com/" target="_blank">the forums</a>.
     </div>
     <div class="alpha-warning-closebutton" onclick="localStorage.hideWarning='true';hideWarning();"></div>
 </div>
@@ -206,7 +204,7 @@
         <div id="breadcrumbsGUI" class="GUIBox"></div>
 
         <div id="editorSettingsGUI" class="GUIBox">
-            <div class="editorSettingsGUITitle">Hotkeys</div>
+            <div class="editorSettingsGUITitle">Keyboard Shortcuts</div>
             <div class="editorSettingsGUICloseButton"></div>
             <div class="editorSettingsGUIHotkeys"></div>
         </div>
@@ -224,7 +222,6 @@
         </div>
 
         <div id="inspectorGUI" class="GUIBox">
-            <div id="inspector-title">Inspector</div>
             <div class="inspector-title-bar">
                 <div class="inspector-selection-icon"></div>
                 <div class="inspector-selection-title"></div>
@@ -234,7 +231,7 @@
                 <div class="inspector-buttons-container"></div>
             </div>
             <div id="treeContainer">
-                <div id="inspector-title">Asset Library</div>
+                <div id="asset-library-title">Asset Library</div>
                 <div id="treeFilterContainer">
                     <input id="treeFilterInput" type="text" placeholder="filter...">
                 </div>
diff --git a/lib/ace/worker-javascript.js b/lib/ace/worker-javascript.js
index 0a349aec..4aa1aead 100755
--- a/lib/ace/worker-javascript.js
+++ b/lib/ace/worker-javascript.js
@@ -18,6 +18,11 @@ if (!window.console) {
 window.window = window;
 window.ace = window;
 
+// wick specific - using this for regex thing to squash missing semicolon error
+String.prototype.splice = function(start, delCount, newSubStr) {
+    return this.slice(0, start) + newSubStr + this.slice(start + Math.abs(delCount));
+};
+
 window.onerror = function(message, file, line, col, err) {
     postMessage({type: "error", data: {
         message: message,
@@ -11773,6 +11778,16 @@ oop.inherits(JavaScriptWorker, Mirror);
         if (!value)
             return this.sender.emit("annotate", []);
 
+        // wick specific: add a semicolon to end of on(event) statements to squash missing ";" error
+        var onEventFinderRegex = /^ *on *\( *[a-zA-Z]+ *\)/gm
+        var m;
+        do {
+            m = onEventFinderRegex.exec(value, 'g');
+            if (m) {
+                value = value.splice(m.index + m[0].length, 0, ';')
+            }
+        } while (m);
+
         var errors = [];
         var maxErrorLevel = this.isValidJS(value) ? "warning" : "error";
         lint(value, this.options);
diff --git a/lib/croquis.js b/lib/croquis.js
new file mode 100644
index 00000000..642be383
--- /dev/null
+++ b/lib/croquis.js
@@ -0,0 +1,1547 @@
+function Croquis(imageDataList, properties) {
+    var self = this;
+    if (properties != null)
+        for (var property in properties)
+            self[property] = properties[property];
+    var domElement = document.createElement('div');
+    domElement.style.clear = 'both';
+    domElement.style.setProperty('user-select', 'none');
+    domElement.style.setProperty('-webkit-user-select', 'none');
+    domElement.style.setProperty('-ms-user-select', 'none');
+    domElement.style.setProperty('-moz-user-select', 'none');
+    self.getDOMElement = function () {
+        return domElement;
+    };
+    self.getRelativePosition = function (absoluteX, absoluteY) {
+        var rect = domElement.getBoundingClientRect();
+        return {x: absoluteX - rect.left,y: absoluteY - rect.top};
+    };
+    var eventListeners = {
+        'ondown': [],
+        'onmove': [],
+        'onup': [],
+        'ontick': [],
+        'onchange': [],
+        'onundo': [],
+        'onredo': [],
+        'ontool': [],
+        'oncanvassize': [],
+        'onlayeradd': [],
+        'onlayerremove': [],
+        'onlayerswap': [],
+        'onlayerselect': []
+    };
+    function dispatchEvent(event, e) {
+        event = event.toLowerCase();
+        e = e || {};
+        if (eventListeners.hasOwnProperty(event)) {
+            eventListeners[event].forEach(function (listener) {
+                listener.call(self, e);
+            });
+        }
+        else throw 'don\'t support ' + event;
+    }
+    self.addEventListener = function (event, listener) {
+        event = event.toLowerCase();
+        if (eventListeners.hasOwnProperty(event)) {
+            if (typeof listener !== 'function')
+                throw listener + ' is not a function';
+            eventListeners[event].push(listener);
+        }
+        else throw 'don\'t support ' + event;
+    };
+    self.removeEventListener = function (event, listener) {
+        event = event.toLowerCase();
+        if (eventListeners.hasOwnProperty(event)) {
+            if (listener == null) { // remove all
+                eventListeners[event] = [];
+                return;
+            }
+            var listeners = eventListeners[event];
+            var index = listeners.indexOf(listener);
+            if (index >= 0) listeners.splice(index, 1);
+        }
+        else throw 'don\'t support ' + event;
+    };
+    self.hasEventListener = function (event, listener) {
+        event = event.toLowerCase();
+        if (eventListeners.hasOwnProperty(event)) {
+            if (listener == null)
+                return eventListeners[event].length > 0;
+            return eventListeners[event].indexOf(listener) >= 0;
+        }
+        else return false;
+    };
+    var undoStack = [];
+    var redoStack = [];
+    var undoLimit = 10;
+    var preventPushUndo = false;
+    var pushToTransaction = false;
+    self.getUndoLimit = function () {
+        return undoLimit;
+    };
+    self.setUndoLimit = function (limit) {
+        undoLimit = limit;
+    };
+    self.lockHistory = function () {
+        preventPushUndo = true;
+    };
+    self.unlockHistory = function () {
+        preventPushUndo = false;
+    };
+    self.beginHistoryTransaction = function () {
+        undoStack.push([]);
+        pushToTransaction = true;
+    };
+    self.endHistoryTransaction = function () {
+        pushToTransaction = false;
+    };
+    self.clearHistory = function () {
+        if (preventPushUndo)
+            throw 'history is locked';
+        undoStack = [];
+        redoStack = [];
+    };
+    function pushUndo(undoFunction) {
+        dispatchEvent('onchange');
+        if (self.onChanged)
+            self.onChanged();
+        if (preventPushUndo)
+            return;
+        redoStack = [];
+        if (pushToTransaction)
+            undoStack[undoStack.length - 1].push(undoFunction);
+        else
+            undoStack.push([undoFunction]);
+        while (undoStack.length > undoLimit)
+            undoStack.shift();
+    }
+    self.undo = function () {
+        if (pushToTransaction)
+            throw 'transaction is not ended';
+        if (preventPushUndo)
+            throw 'history is locked';
+        if (isDrawing || isStabilizing)
+            throw 'still drawing';
+        if (undoStack.length == 0)
+            throw 'no more undo data';
+        var undoTransaction = undoStack.pop();
+        var redoTransaction = [];
+        while (undoTransaction.length)
+            redoTransaction.push(undoTransaction.pop()());
+        redoStack.push(redoTransaction);
+        dispatchEvent('onundo');
+    };
+    self.redo = function () {
+        if (pushToTransaction)
+            throw 'transaction is not ended';
+        if (preventPushUndo)
+            throw 'history is locked';
+        if (isDrawing || isStabilizing)
+            throw 'still drawing';
+        if (redoStack.length == 0)
+            throw 'no more redo data';
+        var redoTransaction = redoStack.pop();
+        var undoTransaction = [];
+        while (redoTransaction.length)
+            undoTransaction.push(redoTransaction.pop()());
+        undoStack.push(undoTransaction);
+        dispatchEvent('onredo');
+    };
+    function pushLayerMetadataUndo(index) {
+        index = index || layerIndex;
+        var snapshotMetadata = self.getLayerMetadata(index);
+        var swap = function () {
+            self.lockHistory();
+            var temp = self.getLayerMetadata(index);
+            self.setLayerMetadata(snapshotMetadata, index);
+            snapshotMetadata = temp;
+            self.unlockHistory();
+            return swap;
+        };
+        pushUndo(swap);
+    }
+    function pushLayerOpacityUndo(index) {
+        index = index || layerIndex;
+        var snapshotOpacity = self.getLayerOpacity(index);
+        var swap = function () {
+            self.lockHistory();
+            var temp = self.getLayerOpacity(index);
+            self.setLayerOpacity(snapshotOpacity, index);
+            snapshotOpacity = temp;
+            self.unlockHistory();
+            return swap;
+        };
+        pushUndo(swap);
+    }
+    function pushLayerVisibleUndo(index) {
+        index = index || layerIndex;
+        var snapshotVisible = self.getLayerVisible(index);
+        var swap = function () {
+            self.lockHistory();
+            var temp = self.getLayerVisible(index);
+            self.setLayerVisible(snapshotVisible, index);
+            snapshotVisible = temp;
+            self.unlockHistory();
+            return swap;
+        };
+        pushUndo(swap);
+    }
+    function pushSwapLayerUndo(layerA, layerB) {
+        var swap = function () {
+            self.lockHistory();
+            self.swapLayer(layerA, layerB);
+            self.unlockHistory();
+            return swap;
+        };
+        pushUndo(swap);
+    }
+    function pushAddLayerUndo(index) {
+        var add = function () {
+            self.lockHistory();
+            self.addLayer(index);
+            self.unlockHistory();
+            cacheLayer(index);
+            return remove;
+        };
+        var remove = function () {
+            self.lockHistory();
+            self.removeLayer(index);
+            self.unlockHistory();
+            return add;
+        };
+        pushUndo(remove);
+    }
+    function pushRemoveLayerUndo(index) {
+        var layerContext = getLayerContext(index);
+        var w = size.width;
+        var h = size.height;
+        var snapshotData = layerContext.getImageData(0, 0, w, h);
+        var snapshotMetadata = self.getLayerMetadata(index);
+        var snapshotOpacity = self.getLayerOpacity(index);
+        var snapshotVisible = self.getLayerVisible(index);
+        var add = function () {
+            self.lockHistory();
+            self.addLayer(index);
+            self.setLayerMetadata(snapshotMetadata, index);
+            self.setLayerOpacity(snapshotOpacity, index);
+            self.setLayerVisible(snapshotVisible, index);
+            var layerContext = getLayerContext(index);
+            layerContext.putImageData(snapshotData, 0, 0);
+            self.unlockHistory();
+            cacheLayer(index);
+            return remove;
+        };
+        var remove = function () {
+            self.lockHistory();
+            self.removeLayer(index);
+            self.unlockHistory();
+            return add;
+        };
+        pushUndo(add);
+    }
+    function pushDirtyRectUndo(x, y, width, height, index) {
+        index = index || layerIndex;
+        var w = size.width;
+        var h = size.height;
+        var right = x + width;
+        var bottom = y + height;
+        x = Math.min(w, Math.max(0, x));
+        y = Math.min(h, Math.max(0, y));
+        width = Math.min(w, Math.max(x, right)) - x;
+        height = Math.min(h, Math.max(y, bottom)) - y;
+        if ((x % 1) > 0)
+            ++width;
+        if ((y % 1) > 0)
+            ++height;
+        x = x | 0;
+        y = y | 0;
+        width = Math.min(w - x, Math.ceil(width));
+        height = Math.min(h - y, Math.ceil(height));
+        if ((width === 0) || (height === 0)) {
+            var doNothing = function () {
+                return doNothing;
+            };
+            pushUndo(doNothing);
+        }
+        else {
+            var layerContext = getLayerContext(index);
+            var snapshotData = layerContext.getImageData(x, y, width, height);
+            var swap = function () {
+                var layerContext = getLayerContext(index);
+                var tempData = layerContext.getImageData(x, y, width, height);
+                layerContext.putImageData(snapshotData, x, y);
+                snapshotData = tempData;
+                cacheLayer(index);
+                return swap;
+            };
+            pushUndo(swap);
+        }
+        if (renderDirtyRect)
+            drawDirtyRect(x, y, width, height);
+    }
+    function pushContextUndo(index) {
+        index = index || layerIndex;
+        pushDirtyRectUndo(0, 0, size.width, size.height, index);
+    }
+    function pushAllContextUndo() {
+        var snapshotDatas = [];
+        var i;
+        var w = size.width;
+        var h = size.height;
+        for (i = 0; i < layers.length; ++i) {
+            var layerContext = getLayerContext(i);
+            snapshotDatas.push(layerContext.getImageData(0, 0, w, h));
+        }
+        var swap = function (index) {
+            var layerContext = getLayerContext(index);
+            var tempData = layerContext.getImageData(0, 0, w, h);
+            layerContext.putImageData(snapshotDatas[index], 0, 0);
+            snapshotDatas[index] = tempData;
+            cacheLayer(index);
+        };
+        var swapAll = function () {
+            for (var i = 0; i < layers.length; ++i)
+                swap(i);
+            return swapAll;
+        };
+        pushUndo(swapAll);
+    }
+    function pushCanvasSizeUndo(width, height, offsetX, offsetY) {
+        var snapshotSize = self.getCanvasSize();
+        var snapshotDatas = [];
+        var w = snapshotSize.width;
+        var h = snapshotSize.height;
+        for (var i = 0; i < layers.length; ++i) {
+            var layerContext = getLayerContext(i);
+            snapshotDatas[i] = layerContext.getImageData(0, 0, w, h);
+        }
+        function setSize(width, height, offsetX, offsetY) {
+            self.lockHistory();
+            self.setCanvasSize(width, height, offsetX, offsetY);
+            self.unlockHistory();
+        }
+        var rollback = function () {
+            setSize(w, h);
+            for (var i = 0; i < layers.length; ++i) {
+                var layerContext = getLayerContext(i);
+                layerContext.putImageData(snapshotDatas[i], 0, 0);
+            }
+            return redo;
+        };
+        var redo = function () {
+            rollback();
+            setSize(width, height, offsetX, offsetY);
+            return rollback;
+        };
+        pushUndo(rollback);
+    }
+    var size = {width: 640, height: 480};
+    self.getCanvasSize = function () {
+        return {width: size.width, height: size.height}; //clone size
+    };
+    self.setCanvasSize = function (width, height, offsetX, offsetY) {
+        offsetX = offsetX || 0;
+        offsetY = offsetY || 0;
+        size.width = width = Math.floor(width);
+        size.height = height = Math.floor(height);
+        pushCanvasSizeUndo(width, height, offsetX, offsetY);
+        dispatchEvent('oncanvassize', {
+            width: width, height: height,
+            offsetX: offsetX, offsetY: offsetY
+        });
+        paintingCanvas.width = width;
+        paintingCanvas.height = height;
+        dirtyRectDisplay.width = width;
+        dirtyRectDisplay.height = height;
+        domElement.style.width = width + 'px';
+        domElement.style.height = height + 'px';
+        for (var i=0; i<layers.length; ++i) {
+            var canvas = getLayerCanvas(i);
+            var context = getLayerContext(i);
+            var imageData = context.getImageData(0, 0, width, height);
+            canvas.width = width;
+            canvas.height = height;
+            context.putImageData(imageData, offsetX, offsetY);
+        }
+    };
+    self.getCanvasWidth = function () {
+        return size.width;
+    };
+    self.setCanvasWidth = function (width, offsetX) {
+        self.setCanvasSize(width, size.height, offsetX, 0);
+    };
+    self.getCanvasHeight = function () {
+        return size.height;
+    };
+    self.setCanvasHeight = function (height, offsetY) {
+        self.setCanvasSize(size.width, height, 0, offsetY);
+    };
+    function getLayerCanvas(index) {
+        return layers[index].getElementsByClassName('croquis-layer-canvas')[0];
+    }
+    self.getLayerCanvas = getLayerCanvas;
+    function getLayerContext(index) {
+        return getLayerCanvas(index).getContext('2d');
+    }
+    var layers = [];
+    var layerIndex = 0;
+    var paintingCanvas = document.createElement('canvas');
+    var paintingContext = paintingCanvas.getContext('2d');
+    paintingCanvas.className = 'croquis-painting-canvas';
+    paintingCanvas.style.position = 'absolute';
+    var dirtyRectDisplay = document.createElement('canvas');
+    var dirtyRectDisplayContext = dirtyRectDisplay.getContext('2d');
+    dirtyRectDisplay.className = 'croquis-dirty-rect-display';
+    dirtyRectDisplay.style.position = 'absolute';
+    var renderDirtyRect = false;
+    function sortLayers() {
+        while (domElement.firstChild)
+            domElement.removeChild(domElement.firstChild);
+        for (var i = 0; i < layers.length; ++i) {
+            var layer = layers[i];
+            domElement.appendChild(layer);
+        }
+        domElement.appendChild(dirtyRectDisplay);
+    }
+    function drawDirtyRect(x, y, w, h) {
+        var context = dirtyRectDisplayContext;
+        context.fillStyle = '#f00';
+        context.globalCompositeOperation = 'source-over';
+        context.fillRect(x, y, w, h);
+        if ((w > 2) && (h > 2)) {
+            context.globalCompositeOperation = 'destination-out';
+            context.fillRect(x + 1, y + 1, w - 2, h - 2);
+        }
+    }
+    self.getRenderDirtyRect = function () {
+        return renderDirtyRect;
+    };
+    self.setRenderDirtyRect = function (render) {
+        renderDirtyRect = render;
+        if (render == false)
+            dirtyRectDisplayContext.clearRect(0, 0, size.width, size.height);
+    };
+    self.createLayerThumbnail = function (index, width, height) {
+        index = index || layerIndex;
+        width = width || size.width;
+        height = height || size.height;
+        var canvas = getLayerCanvas(index);
+        var thumbnail = document.createElement('canvas');
+        var thumbnailContext = thumbnail.getContext('2d');
+        thumbnail.width = width;
+        thumbnail.height = height;
+        thumbnailContext.drawImage(canvas, 0, 0, width, height);
+        return thumbnail;
+    };
+    self.createFlattenThumbnail = function (width, height) {
+        width = width || size.width;
+        height = height || size.height;
+        var thumbnail = document.createElement('canvas');
+        var thumbnailContext = thumbnail.getContext('2d');
+        thumbnail.width = width;
+        thumbnail.height = height;
+        for (var i = 0; i < layers.length; ++i) {
+            if (!self.getLayerVisible(i))
+                continue;
+            var canvas = getLayerCanvas(i);
+            thumbnailContext.globalAlpha = self.getLayerOpacity(i);
+            thumbnailContext.drawImage(canvas, 0, 0, width, height);
+        }
+        return thumbnail;
+    };
+    self.getLayers = function () {
+        return layers.concat(); //clone layers
+    };
+    self.getLayerCount = function () {
+        return layers.length;
+    };
+    self.addLayer = function (index) {
+        index = index || layers.length;
+        pushAddLayerUndo(index);
+        var layer = document.createElement('div');
+        layer.className = 'croquis-layer';
+        layer.style.visibility = 'visible';
+        layer.style.opacity = 1;
+        layer['croquis-metadata'] = {};
+        var canvas = document.createElement('canvas');
+        canvas.className = 'croquis-layer-canvas';
+        canvas.width = size.width;
+        canvas.height = size.height;
+        canvas.style.position = 'absolute';
+        layer.appendChild(canvas);
+        domElement.appendChild(layer);
+        layers.splice(index, 0, layer);
+        sortLayers();
+        self.selectLayer(layerIndex);
+        dispatchEvent('onlayeradd', {index: index});
+        if (self.onLayerAdded)
+            self.onLayerAdded(index);
+        return layer;
+    };
+    self.removeLayer = function (index) {
+        index = index || layerIndex;
+        pushRemoveLayerUndo(index);
+        domElement.removeChild(layers[index]);
+        layers.splice(index, 1);
+        if (layerIndex == layers.length)
+            self.selectLayer(layerIndex - 1);
+        sortLayers();
+        dispatchEvent('onlayerremove', {index: index});
+        if (self.onLayerRemoved)
+            self.onLayerRemoved(index);
+    };
+    self.removeAllLayer = function () {
+        while (layers.length)
+            self.removeLayer(0);
+    };
+    self.swapLayer = function (layerA, layerB) {
+        pushSwapLayerUndo(layerA, layerB);
+        var layer = layers[layerA];
+        layers[layerA] = layers[layerB];
+        layers[layerB] = layer;
+        sortLayers();
+        dispatchEvent('onlayerswap', {a: layerA, b: layerB});
+        if (self.onLayerSwapped)
+            self.onLayerSwapped(layerA, layerB);
+    };
+    self.getCurrentLayerIndex = function () {
+        return layerIndex;
+    };
+    self.selectLayer = function (index) {
+        var lastestLayerIndex = layers.length - 1;
+        if (index > lastestLayerIndex)
+            index = lastestLayerIndex;
+        layerIndex = index;
+        if (paintingCanvas.parentElement != null)
+            paintingCanvas.parentElement.removeChild(paintingCanvas);
+        layers[index].appendChild(paintingCanvas);
+        dispatchEvent('onlayerselect', {index: index});
+        if (self.onLayerSelected)
+            self.onLayerSelected(index);
+    };
+    self.clearLayer = function (index) {
+        index = index || layerIndex;
+        pushContextUndo(index);
+        var context = getLayerContext(index);
+        context.clearRect(0, 0, size.width, size.height);
+        cacheLayer(index);
+    };
+    self.fillLayer = function (fillColor, index) {
+        index = index || layerIndex;
+        pushContextUndo(index);
+        var context = getLayerContext(index);
+        context.fillStyle = fillColor;
+        context.fillRect(0, 0, size.width, size.height);
+        cacheLayer(index);
+    };
+    self.fillLayerRect = function (fillColor, x, y, width, height, index) {
+        index = index || layerIndex;
+        pushDirtyRectUndo(x, y, width, height, index);
+        var context = getLayerContext(index);
+        context.fillStyle = fillColor;
+        context.fillRect(x, y, width, height);
+        cacheLayer(index);
+    };
+    self.floodFill = function (x, y, r, g, b, a, index) {
+        index = index || layerIndex;
+        pushContextUndo(index);
+        var context = getLayerContext(index);
+        var w = size.width;
+        var h = size.height;
+        if ((x < 0) || (x >= w) || (y < 0) || (y >= h))
+            return;
+        var imageData = context.getImageData(0, 0, w, h);
+        var d = imageData.data;
+        var targetColor = getColor(x, y);
+        var replacementColor = (r << 24) | (g << 16) | (b << 8) | a;
+        if (targetColor === replacementColor)
+            return;
+        function getColor(x, y) {
+            var index = ((y * w) + x) * 4;
+            return ((d[index] << 24) | (d[index + 1] << 16) |
+                (d[index + 2] << 8) | d[index + 3]);
+        }
+        function setColor(x, y) {
+            var index = ((y * w) + x) * 4;
+            d[index] = r;
+            d[index + 1] = g;
+            d[index + 2] = b;
+            d[index + 3] = a;
+        }
+        var queue = [];
+        queue.push(x, y);
+        while (queue.length) {
+            var nx = queue.shift();
+            var ny = queue.shift();
+            if ((nx < 0) || (nx >= w) || (ny < 0) || (ny >= h) ||
+                (getColor(nx, ny) !== targetColor))
+                continue;
+            var west, east;
+            west = east = nx;
+            do {
+                var wc = getColor(--west, ny);
+            } while ((west >= 0) && (wc === targetColor));
+            do {
+                var ec = getColor(++east, ny);
+            } while ((east < w) && (ec === targetColor));
+            for (var i = west + 1; i < east; ++i) {
+                setColor(i, ny);
+                var north = ny - 1;
+                var south = ny + 1;
+                if (getColor(i, north) === targetColor)
+                    queue.push(i, north);
+                if (getColor(i, south) === targetColor)
+                    queue.push(i, south);
+            }
+        }
+        context.putImageData(imageData, 0, 0);
+        cacheLayer(index);
+    };
+    self.getLayerMetadata = function (index) {
+        index = index || layerIndex;
+        var metadata = layers[index]['croquis-metadata'];
+        var clone = {};
+        Object.keys(metadata).forEach(function (key) {
+            clone[key] = metadata[key];
+        });
+        return clone;
+    };
+    self.setLayerMetadata = function (metadata, index) {
+        index = index || layerIndex;
+        pushLayerMetadataUndo(index);
+        layers[index]['croquis-metadata'] = metadata;
+    };
+    self.getLayerOpacity = function (index) {
+        index = index || layerIndex;
+        var opacity = parseFloat(
+            layers[index].style.getPropertyValue('opacity'));
+        return window.isNaN(opacity) ? 1 : opacity;
+    };
+    self.setLayerOpacity = function (opacity, index) {
+        index = index || layerIndex;
+        pushLayerOpacityUndo(index);
+        layers[index].style.opacity = opacity;
+    };
+    self.getLayerVisible = function (index) {
+        index = index || layerIndex;
+        var visible = layers[index].style.getPropertyValue('visibility');
+        return visible != 'hidden';
+    };
+    self.setLayerVisible = function (visible, index) {
+        index = index || layerIndex;
+        pushLayerVisibleUndo(index);
+        layers[index].style.visibility = visible ? 'visible' : 'hidden';
+    };
+    function cacheLayer(index) {
+        index = index || layerIndex;
+        var w = size.width;
+        var h = size.height;
+        layers[index].cache = getLayerContext(index).getImageData(0, 0, w, h);
+    }
+    self.getLayerImageDataCache = function (index) {
+        index = index || layerIndex;
+        if (layers[index].cache == null)
+            cacheLayer(index);
+        return layers[index].cache;
+    };
+    function makeColorData(imageData1x1) {
+        var data = imageData1x1.data;
+        var r = data[0];
+        var g = data[1];
+        var b = data[2];
+        var a = data[3];
+        return {
+            r: r, g: g, b: b, a: a,
+            htmlColor: 'rgba(' + [r, g, b, a / 0xff].join(',') + ')'
+        };
+    }
+    self.pickColor = function (x, y, index) {
+        x = x | 0; // cast to int
+        y = y | 0;
+        if ((x < 0) || (x >= size.width) || (y < 0) || (y >= size.height))
+            return null;
+        index = index || layerIndex;
+        var cache = self.getLayerImageDataCache(index);
+        var position = (y * size.width + x) * 4;
+        var data = [];
+        data[0] = cache.data[position];
+        data[1] = cache.data[++position];
+        data[2] = cache.data[++position];
+        data[3] = cache.data[++position];
+        return makeColorData({data: data});
+    };
+    self.eyeDrop = function (x, y, baseColor) {
+        if (self.pickColor(x, y) == null)
+            return null;
+        baseColor = baseColor || '#fff';
+        var plane = document.createElement('canvas');
+        plane.width = 1;
+        plane.height = 1;
+        var planeContext = plane.getContext('2d');
+        planeContext.fillStyle = baseColor;
+        planeContext.fillRect(0, 0, 1, 1);
+        for (var i = 0; i < layers.length; ++i) {
+            if (!self.getLayerVisible(i))
+                continue;
+            planeContext.globalAlpha = self.getLayerOpacity(i);
+            planeContext.fillStyle = self.pickColor(x, y, i).htmlColor;
+            planeContext.fillRect(0, 0, 1, 1);
+        }
+        return makeColorData(planeContext.getImageData(0, 0, 1, 1));
+    };
+    var tool;
+    var toolStabilizeLevel = 0;
+    var toolStabilizeWeight = 0.8;
+    var stabilizer = null;
+    var stabilizerInterval = 5;
+    var tick;
+    var tickInterval = 20;
+    var paintingOpacity = 1;
+    var paintingKnockout = false;
+    self.getTool = function () {
+        return tool;
+    };
+    self.setTool = function (value) {
+        tool = value;
+        dispatchEvent('ontool', {tool: value});
+        paintingContext = paintingCanvas.getContext('2d');
+        if (tool && tool.setContext)
+            tool.setContext(paintingContext);
+    };
+    self.setTool(new Croquis.Brush());
+    self.getPaintingOpacity = function () {
+        return paintingOpacity;
+    };
+    self.setPaintingOpacity = function (opacity) {
+        paintingOpacity = opacity;
+        paintingCanvas.style.opacity = opacity;
+    };
+    self.getPaintingKnockout = function () {
+        return paintingKnockout;
+    };
+    self.setPaintingKnockout = function (knockout) {
+        if (isDrawing || isStabilizing)
+            throw 'still drawing';
+        paintingKnockout = knockout;
+        paintingCanvas.style.visibility = knockout ? 'hidden' : 'visible';
+    };
+    self.getTickInterval = function () {
+        return tickInterval;
+    };
+    self.setTickInterval = function (interval) {
+        tickInterval = interval;
+    };
+    /*
+    stabilize level is the number of coordinate tracker.
+    higher stabilize level makes lines smoother.
+    */
+    self.getToolStabilizeLevel = function () {
+        return toolStabilizeLevel;
+    };
+    self.setToolStabilizeLevel = function (level) {
+        toolStabilizeLevel = (level < 0) ? 0 : level;
+    };
+    /*
+    higher stabilize weight makes trackers follow slower.
+    */
+    self.getToolStabilizeWeight = function () {
+        return toolStabilizeWeight;
+    };
+    self.setToolStabilizeWeight = function (weight) {
+        toolStabilizeWeight = weight;
+    };
+    self.getToolStabilizeInterval = function () {
+        return stabilizerInterval;
+    };
+    self.setToolStabilizeInterval = function (interval) {
+        stabilizerInterval = interval;
+    };
+    var isDrawing = false;
+    var isStabilizing = false;
+    var beforeKnockout = document.createElement('canvas');
+    var knockoutTick;
+    var knockoutTickInterval = 20;
+    function gotoBeforeKnockout() {
+        var context = getLayerContext(layerIndex);
+        var w = size.width;
+        var h = size.height;
+        context.clearRect(0, 0, w, h);
+        context.drawImage(beforeKnockout, 0, 0, w, h);
+    }
+    function drawPaintingCanvas() { //draw painting canvas on current layer
+        var context = getLayerContext(layerIndex);
+        var w = size.width;
+        var h = size.height;
+        context.save();
+        context.globalAlpha = paintingOpacity;
+        context.globalCompositeOperation = paintingKnockout ?
+            'destination-out' : 'source-over';
+        context.drawImage(paintingCanvas, 0, 0, w, h);
+        context.restore();
+    }
+    function _move(x, y, pressure) {
+        if (tool.move)
+            tool.move(x, y, pressure);
+        dispatchEvent('onmove', {x: x, y: y, pressure: pressure});
+        if (self.onMoved)
+            self.onMoved(x, y, pressure);
+    }
+    function _up(x, y, pressure) {
+        isDrawing = false;
+        isStabilizing = false;
+        var dirtyRect;
+        if (tool.up)
+            dirtyRect = tool.up(x, y, pressure);
+        if (paintingKnockout)
+            gotoBeforeKnockout();
+        if (dirtyRect)
+            pushDirtyRectUndo(dirtyRect.x, dirtyRect.y,
+                              dirtyRect.width, dirtyRect.height);
+        else
+            pushContextUndo();
+        drawPaintingCanvas();
+        paintingContext.clearRect(0, 0, size.width, size.height);
+        dirtyRect = dirtyRect ||
+            {x: 0, y: 0, width: size.width, height: size.height};
+        dispatchEvent('onup',
+            {x: x, y: y, pressure: pressure, dirtyRect: dirtyRect});
+        if (self.onUpped)
+            self.onUpped(x, y, pressure, dirtyRect);
+        window.clearInterval(knockoutTick);
+        window.clearInterval(tick);
+        cacheLayer(self.getCurrentLayerIndex());
+    }
+    self.down = function (x, y, pressure) {
+        if (isDrawing || isStabilizing)
+            throw 'still drawing';
+        isDrawing = true;
+        if (tool == null)
+            return;
+        if (paintingKnockout) {
+            var w = size.width;
+            var h = size.height;
+            var canvas = getLayerCanvas(layerIndex);
+            var beforeKnockoutContext = beforeKnockout.getContext('2d');
+            beforeKnockout.width = w;
+            beforeKnockout.height = h;
+            beforeKnockoutContext.clearRect(0, 0, w, h);
+            beforeKnockoutContext.drawImage(canvas, 0, 0, w, h);
+        }
+        pressure = pressure || Croquis.Tablet.pressure();
+        var down = tool.down;
+        if (toolStabilizeLevel > 0) {
+            stabilizer = new Croquis.Stabilizer(down, _move, _up,
+                toolStabilizeLevel, toolStabilizeWeight,
+                x, y, pressure, stabilizerInterval);
+            isStabilizing = true;
+        }
+        else if (down != null)
+            down(x, y, pressure);
+        dispatchEvent('ondown', {x: x, y: y, pressure: pressure});
+        if (self.onDowned)
+            self.onDowned(x, y, pressure);
+        knockoutTick = window.setInterval(function () {
+            if (paintingKnockout) {
+                gotoBeforeKnockout();
+                drawPaintingCanvas();
+            }
+        }, knockoutTickInterval);
+        tick = window.setInterval(function () {
+            if (tool.tick)
+                tool.tick();
+            dispatchEvent('ontick');
+            if (self.onTicked)
+                self.onTicked();
+        }, tickInterval);
+    };
+    self.move = function (x, y, pressure) {
+        if (!isDrawing)
+            throw 'you need to call \'down\' first';
+        if (tool == null)
+            return;
+        pressure = pressure || Croquis.Tablet.pressure();
+        if (stabilizer != null)
+            stabilizer.move(x, y, pressure);
+        else if (!isStabilizing)
+            _move(x, y, pressure);
+    };
+    self.up = function (x, y, pressure) {
+        if (!isDrawing)
+            throw 'you need to call \'down\' first';
+        if (tool == null) {
+            isDrawing = false;
+            return;
+        }
+        pressure = pressure || Croquis.Tablet.pressure();
+        if (stabilizer != null)
+            stabilizer.up(x, y, pressure);
+        else
+            _up(x, y, pressure);
+        stabilizer = null;
+    };
+    // apply image data
+    ;(function (croquis, imageDataList) {
+        if (imageDataList != null) {
+            if (imageDataList.length === 0)
+                return;
+            croquis.lockHistory();
+            var first = imageDataList[0];
+            croquis.setCanvasSize(first.width, first.height);
+            for (var i = 0; i < imageDataList.length; ++i) {
+                var current = imageDataList[i];
+                if ((current.width != first.width) ||
+                    (current.height != first.height))
+                    throw 'all image data must have same size';
+                croquis.addLayer();
+                var context = croquis.getLayerCanvas(i).getContext('2d');
+                context.putImageData(current, 0, 0);
+            }
+            croquis.selectLayer(0);
+            croquis.unlockHistory();
+        }
+    }).call(null, self, imageDataList);
+}
+Croquis.createChecker = function (cellSize, colorA, colorB) {
+    cellSize = cellSize || 10;
+    colorA = colorA || '#fff';
+    colorB = colorB || '#ccc';
+    var size = cellSize + cellSize;
+    var checker = document.createElement('canvas');
+    checker.width = checker.height = size;
+    var context = checker.getContext('2d');
+    context.fillStyle = colorB;
+    context.fillRect(0, 0, size, size);
+    context.fillStyle = colorA;
+    context.fillRect(0, 0, cellSize, cellSize);
+    context.fillRect(cellSize, cellSize, size, size);
+    return checker;
+};
+Croquis.createBrushPointer = function (brushImage, brushSize, brushAngle,
+                                       threshold, antialias, color,
+                                       shadow, shadowOffsetX, shadowOffsetY) {
+    brushSize = brushSize | 0;
+    var pointer = document.createElement('canvas');
+    var pointerContext = pointer.getContext('2d');
+    var boundWidth;
+    var boundHeight;
+    if (brushSize === 0) {
+        pointer.width = boundWidth = 1;
+        pointer.height = boundHeight = 1;
+    }
+    if (brushImage == null) {
+        var halfSize = (brushSize * 0.5) | 0;
+        pointer.width = boundWidth = brushSize;
+        pointer.height = boundHeight = brushSize;
+        pointerContext.fillStyle = '#000';
+        pointerContext.beginPath();
+        pointerContext.arc(halfSize, halfSize, halfSize, 0, Math.PI * 2);
+        pointerContext.closePath();
+        pointerContext.fill();
+    }
+    else {
+        var width = brushSize;
+        var height = brushSize * (brushImage.height / brushImage.width);
+        var toRad = Math.PI / 180;
+        var ra = brushAngle * toRad;
+        var abs = Math.abs;
+        var sin = Math.sin;
+        var cos = Math.cos;
+        boundWidth = abs(height * sin(ra)) + abs(width * cos(ra));
+        boundHeight = abs(width * sin(ra)) + abs(height * cos(ra));
+        pointer.width = boundWidth;
+        pointer.height = boundHeight;
+        pointerContext.save();
+        pointerContext.translate(boundWidth * 0.5, boundHeight * 0.5);
+        pointerContext.rotate(ra);
+        pointerContext.translate(width * -0.5, height * -0.5);
+        pointerContext.drawImage(brushImage, 0, 0, width, height);
+        pointerContext.restore();
+    }
+    var result;
+    var alphaThresholdBorder = Croquis.createAlphaThresholdBorder(
+        pointer, threshold, antialias, color);
+    if (shadow) {
+        shadowOffsetX = shadowOffsetX || 1;
+        shadowOffsetY = shadowOffsetY || 1;
+        result = document.createElement('canvas');
+        result.width = boundWidth + shadowOffsetX;
+        result.height = boundHeight + shadowOffsetY;
+        var resultContext = result.getContext('2d');
+        resultContext.shadowOffsetX = shadowOffsetX;
+        resultContext.shadowOffsetY = shadowOffsetY;
+        resultContext.shadowColor = shadow;
+        resultContext.drawImage(
+            alphaThresholdBorder, 0, 0, boundWidth, boundHeight);
+    }
+    else {
+        result = alphaThresholdBorder;
+    }
+    return result;
+};
+Croquis.createAlphaThresholdBorder = function (image, threshold,
+                                               antialias, color) {
+    threshold = threshold || 0x80;
+    color = color || '#000';
+    var width = image.width;
+    var height = image.height;
+    var canvas = document.createElement('canvas');
+    var context = canvas.getContext('2d');
+    canvas.width = width;
+    canvas.height = height;
+    try {
+        context.drawImage(image, 0, 0, width, height);
+    }
+    catch (e) {
+        return canvas;
+    }
+    var imageData = context.getImageData(0, 0, width, height);
+    var d = imageData.data;
+    function getAlphaIndex(index) {
+        return d[index * 4 + 3];
+    }
+    function setRedIndex(index, red) {
+        d[index * 4] = red;
+    }
+    function getRedXY(x, y) {
+        var red = d[((y * width) + x) * 4];
+        return red || 0;
+    }
+    function getGreenXY(x, y) {
+        var green = d[((y * width) + x) * 4 + 1];
+        return green;
+    }
+    function setColorXY(x, y, red, green, alpha) {
+        var i = ((y * width) + x) * 4;
+        d[i] = red;
+        d[i + 1] = green;
+        d[i + 2] = 0;
+        d[i + 3] = alpha;
+    }
+    //threshold
+    var pixelCount = (d.length * 0.25) | 0;
+    for (var i = 0; i < pixelCount; ++i)
+        setRedIndex(i, (getAlphaIndex(i) < threshold) ? 0 : 1);
+    //outline
+    var x;
+    var y;
+    for (x = 0; x < width; ++x) {
+        for (y = 0; y < height; ++y) {
+            if (!getRedXY(x, y)) {
+                setColorXY(x, y, 0, 0, 0);
+            }
+            else {
+                var redCount = 0;
+                var left = x - 1;
+                var right = x + 1;
+                var up = y - 1;
+                var down = y + 1;
+                redCount += getRedXY(left, up);
+                redCount += getRedXY(left, y);
+                redCount += getRedXY(left, down);
+                redCount += getRedXY(right, up);
+                redCount += getRedXY(right, y);
+                redCount += getRedXY(right, down);
+                redCount += getRedXY(x, up);
+                redCount += getRedXY(x, down);
+                if (redCount != 8)
+                    setColorXY(x, y, 1, 1, 255);
+                else
+                    setColorXY(x, y, 1, 0, 0);
+            }
+        }
+    }
+    //antialias
+    if (antialias) {
+        for (x = 0; x < width; ++x) {
+            for (y = 0; y < height; ++y) {
+                if (getGreenXY(x, y)) {
+                    var alpha = 0;
+                    if (getGreenXY(x - 1, y) != getGreenXY(x + 1, y))
+                        setColorXY(x, y, 1, 1, alpha += 0x40);
+                    if (getGreenXY(x, y - 1) != getGreenXY(x, y + 1))
+                        setColorXY(x, y, 1, 1, alpha + 0x50);
+                }
+            }
+        }
+    }
+    context.putImageData(imageData, 0, 0);
+    context.globalCompositeOperation = 'source-in';
+    context.fillStyle = color;
+    context.fillRect(0, 0, width, height);
+    return canvas;
+};
+Croquis.createFloodFill = function (canvas, x, y, r, g, b, a) {
+    var result = document.createElement('canvas');
+    var w = result.width = canvas.width;
+    var h = result.height = canvas.height;
+    if ((x < 0) || (x >= w) || (y < 0) || (y >= h) || !(r || g || b || a))
+        return result;
+    var originalContext = canvas.getContext('2d');
+    var originalData = originalContext.getImageData(0, 0, w, h);
+    var od = originalData.data;
+    var resultContext = result.getContext('2d');
+    var resultData = resultContext.getImageData(0, 0, w, h);
+    var rd = resultData.data;
+    var targetColor = getColor(x, y);
+    var replacementColor = (r << 24) | (g << 16) | (b << 8) | a;
+    function getColor(x, y) {
+        var index = ((y * w) + x) * 4;
+        return (rd[index] ? replacementColor :
+            ((od[index] << 24) | (od[index + 1] << 16) |
+             (od[index + 2] << 8) | od[index + 3]));
+    }
+    var queue = [];
+    queue.push(x, y);
+    while (queue.length) {
+        var nx = queue.shift();
+        var ny = queue.shift();
+        if ((nx < 0) || (nx >= w) || (ny < 0) || (ny >= h) ||
+            (getColor(nx, ny) !== targetColor))
+            continue;
+        var west, east;
+        west = east = nx;
+        do {
+            var wc = getColor(--west, ny);
+        } while ((west >= 0) && (wc === targetColor));
+        do {
+            var ec = getColor(++east, ny);
+        } while ((east < w) && (ec === targetColor));
+        for (var i = west + 1; i < east; ++i) {
+            rd[((ny * w) + i) * 4] = 1;
+            var north = ny - 1;
+            var south = ny + 1;
+            if (getColor(i, north) === targetColor)
+                queue.push(i, north);
+            if (getColor(i, south) === targetColor)
+                queue.push(i, south);
+        }
+    }
+    for (var i = 0; i < w; ++i) {
+        for (var j = 0; j < h; ++j) {
+            var index = ((j * w) + i) * 4;
+            if (rd[index] === 0)
+                continue;
+            rd[index] = r;
+            rd[index + 1] = g;
+            rd[index + 2] = b;
+            rd[index + 3] = a;
+        }
+    }
+    resultContext.putImageData(resultData, 0, 0);
+    return result;
+};
+
+Croquis.Tablet = {};
+Croquis.Tablet.plugin = function () {
+    var plugin = document.querySelector(
+        'object[type=\'application/x-wacomtabletplugin\']');
+    if (!plugin) {
+        plugin = document.createElement('object');
+        plugin.type = 'application/x-wacomtabletplugin';
+        plugin.style.position = 'absolute';
+        plugin.style.top = '-1000px';
+        document.body.appendChild(plugin);
+    }
+    return plugin;
+};
+Croquis.Tablet.pen = function () {
+    var plugin = Croquis.Tablet.plugin();
+    return plugin.penAPI;
+};
+Croquis.Tablet.pressure = function () {
+    var pen = Croquis.Tablet.pen();
+    return (pen && pen.pointerType) ? pen.pressure : 1;
+};
+Croquis.Tablet.isEraser = function () {
+    var pen = Croquis.Tablet.pen();
+    return pen ? pen.isEraser : false;
+};
+
+Croquis.Stabilizer = function (down, move, up, level, weight,
+                               x, y, pressure, interval) {
+    interval = interval || 5;
+    var follow = 1 - Math.min(0.95, Math.max(0, weight));
+    var paramTable = [];
+    var current = { x: x, y: y, pressure: pressure };
+    for (var i = 0; i < level; ++i)
+        paramTable.push({ x: x, y: y, pressure: pressure });
+    var first = paramTable[0];
+    var last = paramTable[paramTable.length - 1];
+    var upCalled = false;
+    if (down != null)
+        down(x, y, pressure);
+    window.setTimeout(_move, interval);
+    this.getParamTable = function () { //for test
+        return paramTable;
+    };
+    this.move = function (x, y, pressure) {
+        current.x = x;
+        current.y = y;
+        current.pressure = pressure;
+    };
+    this.up = function (x, y, pressure) {
+        current.x = x;
+        current.y = y;
+        current.pressure = pressure;
+        upCalled = true;
+    };
+    function dlerp(a, d, t) {
+        return a + d * t;
+    }
+    function _move(justCalc) {
+        var curr;
+        var prev;
+        var dx;
+        var dy;
+        var dp;
+        var delta = 0;
+        first.x = current.x;
+        first.y = current.y;
+        first.pressure = current.pressure;
+        for (var i = 1; i < paramTable.length; ++i) {
+            curr = paramTable[i];
+            prev = paramTable[i - 1];
+            dx = prev.x - curr.x;
+            dy = prev.y - curr.y;
+            dp = prev.pressure - curr.pressure;
+            delta += Math.abs(dx);
+            delta += Math.abs(dy);
+            curr.x = dlerp(curr.x, dx, follow);
+            curr.y = dlerp(curr.y, dy, follow);
+            curr.pressure = dlerp(curr.pressure, dp, follow);
+        }
+        if (justCalc)
+            return delta;
+        if (upCalled) {
+            while(delta > 1) {
+                move(last.x, last.y, last.pressure);
+                delta = _move(true);
+            }
+            up(last.x, last.y, last.pressure);
+        }
+        else {
+            move(last.x, last.y, last.pressure);
+            window.setTimeout(_move, interval);
+        }
+    }
+};
+
+Croquis.Random = {};
+Croquis.Random.LFSR113 = function (seed) {
+    var IA = 16807;
+    var IM = 2147483647;
+    var IQ = 127773;
+    var IR = 2836;
+    var a, b, c, d, e;
+    this.get = function () {
+        var f = ((a << 6) ^ a) >> 13;
+        a = ((a & 4294967294) << 18) ^ f;
+        f  = ((b << 2) ^ b) >> 27;
+        b = ((b & 4294967288) << 2) ^ f;
+        f  = ((c << 13) ^ c) >> 21;
+        c = ((c & 4294967280) << 7) ^ f;
+        f  = ((d << 3) ^ d) >> 12;
+        d = ((d & 4294967168) << 13) ^ f;
+        return (a ^ b ^ c ^ d) * 2.3283064365386963e-10 + 0.5;
+    };
+    seed |= 0;
+    if (seed <= 0) seed = 1;
+    e = (seed / IQ) | 0;
+    seed = (((IA * (seed - ((e * IQ) | 0))) | 0) - ((IR * e) | 0)) | 0;
+    if (seed < 0) seed = (seed + IM) | 0;
+    if (seed < 2) a = (seed + 2) | 0 ; else a = seed;
+    e = (seed / IQ) | 0;
+    seed = (((IA * (seed - ((e * IQ) | 0))) | 0) - ((IR * e) | 0)) | 0;
+    if (seed < 0) seed = (seed + IM) | 0;
+    if (seed < 8) b = (seed + 8) | 0; else b = seed;
+    e = (seed / IQ) | 0;
+    seed = (((IA * (seed - ((e * IQ) | 0))) | 0) - ((IR * e) | 0)) | 0;
+    if (seed < 0) seed = (seed + IM) | 0;
+    if (seed < 16) c = (seed + 16) | 0; else c = seed;
+    e = (seed / IQ) | 0;
+    seed = (((IA * (seed - ((e * IQ) | 0))) | 0) - ((IR * e) | 0)) | 0;
+    if (seed < 0) seed = (seed + IM) | 0;
+    if (seed < 128) d = (seed + 128) | 0; else d = seed;
+    this.get();
+};
+
+Croquis.Brush = function () {
+    // math shortcut
+    var min = Math.min;
+    var max = Math.max;
+    var abs = Math.abs;
+    var sin = Math.sin;
+    var cos = Math.cos;
+    var sqrt = Math.sqrt;
+    var atan2 = Math.atan2;
+    var PI = Math.PI;
+    var ONE = PI + PI;
+    var QUARTER = PI * 0.5;
+    var random = Math.random;
+    this.setRandomFunction = function (value) {
+        random = value;
+    };
+    this.clone = function () {
+        var clone = new Brush(context);
+        clone.setColor(this.getColor());
+        clone.setFlow(this.getFlow());
+        clone.setSize(this.getSize());
+        clone.setSpacing(this.getSpacing());
+        clone.setAngle(this.getAngle());
+        clone.setRotateToDirection(this.getRotateToDirection());
+        clone.setNormalSpread(this.getNormalSpread());
+        clone.setTangentSpread(this.getTangentSpread());
+        clone.setImage(this.getImage());
+    };
+    var context = null;
+    this.getContext = function () {
+        return context;
+    };
+    this.setContext = function (value) {
+        context = value;
+    };
+    var color = '#000';
+    this.getColor = function () {
+        return color;
+    };
+    this.setColor = function (value) {
+        color = value;
+        transformedImageIsDirty = true;
+    };
+    var flow = 1;
+    this.getFlow = function() {
+        return flow;
+    };
+    this.setFlow = function(value) {
+        flow = value;
+        transformedImageIsDirty = true;
+    };
+    var size = 10;
+    this.getSize = function () {
+        return size;
+    };
+    this.setSize = function (value) {
+        size = (value < 1) ? 1 : value;
+        transformedImageIsDirty = true;
+    };
+    var spacing = 0.2;
+    this.getSpacing = function () {
+        return spacing;
+    };
+    this.setSpacing = function (value) {
+        spacing = (value < 0.01) ? 0.01 : value;
+    };
+    var toRad = PI / 180;
+    var toDeg = 1 / toRad;
+    var angle = 0; // radian unit
+    this.getAngle = function () { // returns degree unit
+        return angle * toDeg;
+    };
+    this.setAngle = function (value) {
+        angle = value * toRad;
+    };
+    var rotateToDirection = false;
+    this.getRotateToDirection = function () {
+        return rotateToDirection;
+    };
+    this.setRotateToDirection = function (value) {
+        rotateToDirection = value;
+    };
+    var normalSpread = 0;
+    this.getNormalSpread = function () {
+        return normalSpread;
+    };
+    this.setNormalSpread = function (value) {
+        normalSpread = value;
+    };
+    var tangentSpread = 0;
+    this.getTangentSpread = function () {
+        return tangentSpread;
+    };
+    this.setTangentSpread = function (value) {
+        tangentSpread = value;
+    };
+    var image = null;
+    var transformedImage = null;
+    var transformedImageIsDirty = true;
+    var imageRatio = 1;
+    this.getImage = function () {
+        return image;
+    };
+    this.setImage = function (value) {
+        if (value == null) {
+            transformedImage = image = null;
+            imageRatio = 1;
+            drawFunction = drawCircle;
+        }
+        else if (value != image) {
+            image = value;
+            imageRatio = image.height / image.width;
+            transformedImage = document.createElement('canvas');
+            drawFunction = drawImage;
+            transformedImageIsDirty = true;
+        }
+    };
+    var delta = 0;
+    var prevX = 0;
+    var prevY = 0;
+    var lastX = 0;
+    var lastY = 0;
+    var dir = 0;
+    var prevScale = 0;
+    var drawFunction = drawCircle;
+    var reserved = null;
+    var dirtyRect;
+    function spreadRandom() {
+        return random() - 0.5;
+    }
+    function drawReserved() {
+        if (reserved != null) {
+            drawTo(reserved.x, reserved.y, reserved.scale);
+            reserved = null;
+        }
+    }
+    function appendDirtyRect(x, y, width, height) {
+        if (!(width && height))
+            return;
+        var dxw = dirtyRect.x + dirtyRect.width;
+        var dyh = dirtyRect.y + dirtyRect.height;
+        var xw = x + width;
+        var yh = y + height;
+        var minX = dirtyRect.width ? min(dirtyRect.x, x) : x;
+        var minY = dirtyRect.height ? min(dirtyRect.y, y) : y;
+        dirtyRect.x = minX;
+        dirtyRect.y = minY;
+        dirtyRect.width = max(dxw, xw) - minX;
+        dirtyRect.height = max(dyh, yh) - minY;
+    }
+    function transformImage() {
+        transformedImage.width = size;
+        transformedImage.height = size * imageRatio;
+        var brushContext = transformedImage.getContext('2d');
+        brushContext.clearRect(0, 0,
+            transformedImage.width, transformedImage.height);
+        brushContext.drawImage(image, 0, 0,
+            transformedImage.width, transformedImage.height);
+        brushContext.globalCompositeOperation = 'source-in';
+        brushContext.fillStyle = color;
+        brushContext.globalAlpha = flow;
+        brushContext.fillRect(0, 0,
+            transformedImage.width, transformedImage.height);
+    }
+    function drawCircle(size) {
+        var halfSize = size * 0.5;
+        context.fillStyle = color;
+        context.globalAlpha = flow;
+        context.beginPath();
+        context.arc(halfSize, halfSize, halfSize, 0, ONE);
+        context.closePath();
+        context.fill();
+    }
+    function drawImage(size) {
+        if (transformedImageIsDirty)
+            transformImage();
+        try {
+            context.drawImage(transformedImage, 0, 0, size, size * imageRatio);
+        }
+        catch (e) {
+            drawCircle(size);
+        }
+    }
+    function drawTo(x, y, scale) {
+        var scaledSize = size * scale;
+        var nrm = dir + QUARTER;
+        var nr = normalSpread * scaledSize * spreadRandom();
+        var tr = tangentSpread * scaledSize * spreadRandom();
+        var ra = rotateToDirection ? angle + dir : angle;
+        var width = scaledSize;
+        var height = width * imageRatio;
+        var boundWidth = abs(height * sin(ra)) + abs(width * cos(ra));
+        var boundHeight = abs(width * sin(ra)) + abs(height * cos(ra));
+        x += Math.cos(nrm) * nr + Math.cos(dir) * tr;
+        y += Math.sin(nrm) * nr + Math.sin(dir) * tr;
+        context.save();
+        context.translate(x, y);
+        context.rotate(ra);
+        context.translate(-(width * 0.5), -(height * 0.5));
+        drawFunction(width);
+        context.restore();
+        appendDirtyRect(x - (boundWidth * 0.5),
+                        y - (boundHeight * 0.5),
+                        boundWidth, boundHeight);
+    }
+    this.down = function(x, y, scale) {
+        if (context == null)
+            throw 'brush needs the context';
+        dir = 0;
+        dirtyRect = {x: 0, y: 0, width: 0, height: 0};
+        if (scale > 0) {
+            if (rotateToDirection || normalSpread !== 0 || tangentSpread !== 0)
+                reserved = {x: x, y: y, scale: scale};
+            else
+                drawTo(x, y, scale);
+        }
+        delta = 0;
+        lastX = prevX = x;
+        lastY = prevY = y;
+        prevScale = scale;
+    };
+    this.move = function(x, y, scale) {
+        if (context == null)
+            throw 'brush needs the context';
+        if (scale <= 0) {
+            delta = 0;
+            prevX = x;
+            prevY = y;
+            prevScale = scale;
+            return;
+        }
+        var dx = x - prevX;
+        var dy = y - prevY;
+        var ds = scale - prevScale;
+        var d = sqrt(dx * dx + dy * dy);
+        prevX = x;
+        prevY = y;
+        delta += d;
+        var midScale = (prevScale + scale) * 0.5;
+        var drawSpacing = size * spacing * midScale;
+        var ldx = x - lastX;
+        var ldy = y - lastY;
+        var ld = sqrt(ldx * ldx + ldy * ldy);
+        dir = atan2(ldy, ldx);
+        if (ldx || ldy)
+            drawReserved();
+        if (drawSpacing < 0.5)
+            drawSpacing = 0.5;
+        if (delta < drawSpacing) {
+            prevScale = scale;
+            return;
+        }
+        var scaleSpacing = ds * (drawSpacing / delta);
+        if (ld < drawSpacing) {
+            lastX = x;
+            lastY = y;
+            drawTo(lastX, lastY, scale);
+            delta -= drawSpacing;
+        } else {
+            while(delta >= drawSpacing) {
+                ldx = x - lastX;
+                ldy = y - lastY;
+                var tx = cos(dir);
+                var ty = sin(dir);
+                lastX += tx * drawSpacing;
+                lastY += ty * drawSpacing;
+                prevScale += scaleSpacing;
+                drawTo(lastX, lastY, prevScale);
+                delta -= drawSpacing;
+            }
+        }
+        prevScale = scale;
+    };
+    this.up = function (x, y, scale) {
+        dir = atan2(y - lastY, x - lastX);
+        drawReserved();
+        return dirtyRect;
+    };
+};
diff --git a/lib/pixi.4.5.6.min.js b/lib/pixi.4.5.6.min.js
new file mode 100644
index 00000000..ec49011d
--- /dev/null
+++ b/lib/pixi.4.5.6.min.js
@@ -0,0 +1,22 @@
+/*!
+ * pixi.js - v4.5.6
+ * Compiled Wed, 20 Sep 2017 15:08:21 UTC
+ *
+ * pixi.js is licensed under the MIT License.
+ * http://www.opensource.org/licenses/mit-license
+ */
+!function(t){if("object"==typeof exports&&"undefined"!=typeof module)module.exports=t();else if("function"==typeof define&&define.amd)define([],t);else{var e;e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:this,e.PIXI=t()}}(function(){var t;return function t(e,r,n){function i(s,a){if(!r[s]){if(!e[s]){var u="function"==typeof require&&require;if(!a&&u)return u(s,!0);if(o)return o(s,!0);var h=new Error("Cannot find module '"+s+"'");throw h.code="MODULE_NOT_FOUND",h}var l=r[s]={exports:{}};e[s][0].call(l.exports,function(t){var r=e[s][1][t];return i(r||t)},l,l.exports,t,e,r,n)}return r[s].exports}for(var o="function"==typeof require&&require,s=0;s<n.length;s++)i(n[s]);return i}({1:[function(t,e,r){"use strict";"use restrict";function n(t){var e=32;return t&=-t,t&&e--,65535&t&&(e-=16),16711935&t&&(e-=8),252645135&t&&(e-=4),858993459&t&&(e-=2),1431655765&t&&(e-=1),e}r.INT_BITS=32,r.INT_MAX=2147483647,r.INT_MIN=-1<<31,r.sign=function(t){return(t>0)-(t<0)},r.abs=function(t){var e=t>>31;return(t^e)-e},r.min=function(t,e){return e^(t^e)&-(t<e)},r.max=function(t,e){return t^(t^e)&-(t<e)},r.isPow2=function(t){return!(t&t-1||!t)},r.log2=function(t){var e,r;return e=(t>65535)<<4,t>>>=e,r=(t>255)<<3,t>>>=r,e|=r,r=(t>15)<<2,t>>>=r,e|=r,r=(t>3)<<1,t>>>=r,(e|=r)|t>>1},r.log10=function(t){return t>=1e9?9:t>=1e8?8:t>=1e7?7:t>=1e6?6:t>=1e5?5:t>=1e4?4:t>=1e3?3:t>=100?2:t>=10?1:0},r.popCount=function(t){return t-=t>>>1&1431655765,16843009*((t=(858993459&t)+(t>>>2&858993459))+(t>>>4)&252645135)>>>24},r.countTrailingZeros=n,r.nextPow2=function(t){return t+=0===t,--t,t|=t>>>1,t|=t>>>2,t|=t>>>4,t|=t>>>8,(t|=t>>>16)+1},r.prevPow2=function(t){return t|=t>>>1,t|=t>>>2,t|=t>>>4,t|=t>>>8,(t|=t>>>16)-(t>>>1)},r.parity=function(t){return t^=t>>>16,t^=t>>>8,t^=t>>>4,27030>>>(t&=15)&1};var i=new Array(256);!function(t){for(var e=0;e<256;++e){var r=e,n=e,i=7;for(r>>>=1;r;r>>>=1)n<<=1,n|=1&r,--i;t[e]=n<<i&255}}(i),r.reverse=function(t){return i[255&t]<<24|i[t>>>8&255]<<16|i[t>>>16&255]<<8|i[t>>>24&255]},r.interleave2=function(t,e){return t&=65535,t=16711935&(t|t<<8),t=252645135&(t|t<<4),t=858993459&(t|t<<2),t=1431655765&(t|t<<1),e&=65535,e=16711935&(e|e<<8),e=252645135&(e|e<<4),e=858993459&(e|e<<2),e=1431655765&(e|e<<1),t|e<<1},r.deinterleave2=function(t,e){return t=t>>>e&1431655765,t=858993459&(t|t>>>1),t=252645135&(t|t>>>2),t=16711935&(t|t>>>4),(t=65535&(t|t>>>16))<<16>>16},r.interleave3=function(t,e,r){return t&=1023,t=4278190335&(t|t<<16),t=251719695&(t|t<<8),t=3272356035&(t|t<<4),t=1227133513&(t|t<<2),e&=1023,e=4278190335&(e|e<<16),e=251719695&(e|e<<8),e=3272356035&(e|e<<4),e=1227133513&(e|e<<2),t|=e<<1,r&=1023,r=4278190335&(r|r<<16),r=251719695&(r|r<<8),r=3272356035&(r|r<<4),r=1227133513&(r|r<<2),t|r<<2},r.deinterleave3=function(t,e){return t=t>>>e&1227133513,t=3272356035&(t|t>>>2),t=251719695&(t|t>>>4),t=4278190335&(t|t>>>8),(t=1023&(t|t>>>16))<<22>>22},r.nextCombination=function(t){var e=t|t-1;return e+1|(~e&-~e)-1>>>n(t)+1}},{}],2:[function(t,e,r){"use strict";function n(t,e,r){r=r||2;var n=e&&e.length,o=n?e[0]*r:t.length,a=i(t,0,o,r,!0),u=[];if(!a)return u;var h,l,d,f,p,v,y;if(n&&(a=c(t,e,a,r)),t.length>80*r){h=d=t[0],l=f=t[1];for(var g=r;g<o;g+=r)p=t[g],v=t[g+1],p<h&&(h=p),v<l&&(l=v),p>d&&(d=p),v>f&&(f=v);y=Math.max(d-h,f-l)}return s(a,u,r,h,l,y),u}function i(t,e,r,n,i){var o,s;if(i===A(t,e,r,n)>0)for(o=e;o<r;o+=n)s=P(o,t[o],t[o+1],s);else for(o=r-n;o>=e;o-=n)s=P(o,t[o],t[o+1],s);return s&&T(s,s.next)&&(C(s),s=s.next),s}function o(t,e){if(!t)return t;e||(e=t);var r,n=t;do{if(r=!1,n.steiner||!T(n,n.next)&&0!==x(n.prev,n,n.next))n=n.next;else{if(C(n),(n=e=n.prev)===n.next)return null;r=!0}}while(r||n!==e);return e}function s(t,e,r,n,i,c,d){if(t){!d&&c&&v(t,n,i,c);for(var f,p,y=t;t.prev!==t.next;)if(f=t.prev,p=t.next,c?u(t,n,i,c):a(t))e.push(f.i/r),e.push(t.i/r),e.push(p.i/r),C(t),t=p.next,y=p.next;else if((t=p)===y){d?1===d?(t=h(t,e,r),s(t,e,r,n,i,c,2)):2===d&&l(t,e,r,n,i,c):s(o(t),e,r,n,i,c,1);break}}}function a(t){var e=t.prev,r=t,n=t.next;if(x(e,r,n)>=0)return!1;for(var i=t.next.next;i!==t.prev;){if(_(e.x,e.y,r.x,r.y,n.x,n.y,i.x,i.y)&&x(i.prev,i,i.next)>=0)return!1;i=i.next}return!0}function u(t,e,r,n){var i=t.prev,o=t,s=t.next;if(x(i,o,s)>=0)return!1;for(var a=i.x<o.x?i.x<s.x?i.x:s.x:o.x<s.x?o.x:s.x,u=i.y<o.y?i.y<s.y?i.y:s.y:o.y<s.y?o.y:s.y,h=i.x>o.x?i.x>s.x?i.x:s.x:o.x>s.x?o.x:s.x,l=i.y>o.y?i.y>s.y?i.y:s.y:o.y>s.y?o.y:s.y,c=g(a,u,e,r,n),d=g(h,l,e,r,n),f=t.nextZ;f&&f.z<=d;){if(f!==t.prev&&f!==t.next&&_(i.x,i.y,o.x,o.y,s.x,s.y,f.x,f.y)&&x(f.prev,f,f.next)>=0)return!1;f=f.nextZ}for(f=t.prevZ;f&&f.z>=c;){if(f!==t.prev&&f!==t.next&&_(i.x,i.y,o.x,o.y,s.x,s.y,f.x,f.y)&&x(f.prev,f,f.next)>=0)return!1;f=f.prevZ}return!0}function h(t,e,r){var n=t;do{var i=n.prev,o=n.next.next;!T(i,o)&&w(i,n,n.next,o)&&S(i,o)&&S(o,i)&&(e.push(i.i/r),e.push(n.i/r),e.push(o.i/r),C(n),C(n.next),n=t=o),n=n.next}while(n!==t);return n}function l(t,e,r,n,i,a){var u=t;do{for(var h=u.next.next;h!==u.prev;){if(u.i!==h.i&&b(u,h)){var l=M(u,h);return u=o(u,u.next),l=o(l,l.next),s(u,e,r,n,i,a),void s(l,e,r,n,i,a)}h=h.next}u=u.next}while(u!==t)}function c(t,e,r,n){var s,a,u,h,l,c=[];for(s=0,a=e.length;s<a;s++)u=e[s]*n,h=s<a-1?e[s+1]*n:t.length,l=i(t,u,h,n,!1),l===l.next&&(l.steiner=!0),c.push(m(l));for(c.sort(d),s=0;s<c.length;s++)f(c[s],r),r=o(r,r.next);return r}function d(t,e){return t.x-e.x}function f(t,e){if(e=p(t,e)){var r=M(e,t);o(r,r.next)}}function p(t,e){var r,n=e,i=t.x,o=t.y,s=-1/0;do{if(o<=n.y&&o>=n.next.y){var a=n.x+(o-n.y)*(n.next.x-n.x)/(n.next.y-n.y);if(a<=i&&a>s){if(s=a,a===i){if(o===n.y)return n;if(o===n.next.y)return n.next}r=n.x<n.next.x?n:n.next}}n=n.next}while(n!==e);if(!r)return null;if(i===s)return r.prev;var u,h=r,l=r.x,c=r.y,d=1/0;for(n=r.next;n!==h;)i>=n.x&&n.x>=l&&_(o<c?i:s,o,l,c,o<c?s:i,o,n.x,n.y)&&((u=Math.abs(o-n.y)/(i-n.x))<d||u===d&&n.x>r.x)&&S(n,t)&&(r=n,d=u),n=n.next;return r}function v(t,e,r,n){var i=t;do{null===i.z&&(i.z=g(i.x,i.y,e,r,n)),i.prevZ=i.prev,i.nextZ=i.next,i=i.next}while(i!==t);i.prevZ.nextZ=null,i.prevZ=null,y(i)}function y(t){var e,r,n,i,o,s,a,u,h=1;do{for(r=t,t=null,o=null,s=0;r;){for(s++,n=r,a=0,e=0;e<h&&(a++,n=n.nextZ);e++);for(u=h;a>0||u>0&&n;)0===a?(i=n,n=n.nextZ,u--):0!==u&&n?r.z<=n.z?(i=r,r=r.nextZ,a--):(i=n,n=n.nextZ,u--):(i=r,r=r.nextZ,a--),o?o.nextZ=i:t=i,i.prevZ=o,o=i;r=n}o.nextZ=null,h*=2}while(s>1);return t}function g(t,e,r,n,i){return t=32767*(t-r)/i,e=32767*(e-n)/i,t=16711935&(t|t<<8),t=252645135&(t|t<<4),t=858993459&(t|t<<2),t=1431655765&(t|t<<1),e=16711935&(e|e<<8),e=252645135&(e|e<<4),e=858993459&(e|e<<2),e=1431655765&(e|e<<1),t|e<<1}function m(t){var e=t,r=t;do{e.x<r.x&&(r=e),e=e.next}while(e!==t);return r}function _(t,e,r,n,i,o,s,a){return(i-s)*(e-a)-(t-s)*(o-a)>=0&&(t-s)*(n-a)-(r-s)*(e-a)>=0&&(r-s)*(o-a)-(i-s)*(n-a)>=0}function b(t,e){return t.next.i!==e.i&&t.prev.i!==e.i&&!E(t,e)&&S(t,e)&&S(e,t)&&O(t,e)}function x(t,e,r){return(e.y-t.y)*(r.x-e.x)-(e.x-t.x)*(r.y-e.y)}function T(t,e){return t.x===e.x&&t.y===e.y}function w(t,e,r,n){return!!(T(t,e)&&T(r,n)||T(t,n)&&T(r,e))||x(t,e,r)>0!=x(t,e,n)>0&&x(r,n,t)>0!=x(r,n,e)>0}function E(t,e){var r=t;do{if(r.i!==t.i&&r.next.i!==t.i&&r.i!==e.i&&r.next.i!==e.i&&w(r,r.next,t,e))return!0;r=r.next}while(r!==t);return!1}function S(t,e){return x(t.prev,t,t.next)<0?x(t,e,t.next)>=0&&x(t,t.prev,e)>=0:x(t,e,t.prev)<0||x(t,t.next,e)<0}function O(t,e){var r=t,n=!1,i=(t.x+e.x)/2,o=(t.y+e.y)/2;do{r.y>o!=r.next.y>o&&i<(r.next.x-r.x)*(o-r.y)/(r.next.y-r.y)+r.x&&(n=!n),r=r.next}while(r!==t);return n}function M(t,e){var r=new R(t.i,t.x,t.y),n=new R(e.i,e.x,e.y),i=t.next,o=e.prev;return t.next=e,e.prev=t,r.next=i,i.prev=r,n.next=r,r.prev=n,o.next=n,n.prev=o,n}function P(t,e,r,n){var i=new R(t,e,r);return n?(i.next=n.next,i.prev=n,n.next.prev=i,n.next=i):(i.prev=i,i.next=i),i}function C(t){t.next.prev=t.prev,t.prev.next=t.next,t.prevZ&&(t.prevZ.nextZ=t.nextZ),t.nextZ&&(t.nextZ.prevZ=t.prevZ)}function R(t,e,r){this.i=t,this.x=e,this.y=r,this.prev=null,this.next=null,this.z=null,this.prevZ=null,this.nextZ=null,this.steiner=!1}function A(t,e,r,n){for(var i=0,o=e,s=r-n;o<r;o+=n)i+=(t[s]-t[o])*(t[o+1]+t[s+1]),s=o;return i}e.exports=n,n.deviation=function(t,e,r,n){var i=e&&e.length,o=i?e[0]*r:t.length,s=Math.abs(A(t,0,o,r));if(i)for(var a=0,u=e.length;a<u;a++){var h=e[a]*r,l=a<u-1?e[a+1]*r:t.length;s-=Math.abs(A(t,h,l,r))}var c=0;for(a=0;a<n.length;a+=3){var d=n[a]*r,f=n[a+1]*r,p=n[a+2]*r;c+=Math.abs((t[d]-t[p])*(t[f+1]-t[d+1])-(t[d]-t[f])*(t[p+1]-t[d+1]))}return 0===s&&0===c?0:Math.abs((c-s)/s)},n.flatten=function(t){for(var e=t[0][0].length,r={vertices:[],holes:[],dimensions:e},n=0,i=0;i<t.length;i++){for(var o=0;o<t[i].length;o++)for(var s=0;s<e;s++)r.vertices.push(t[i][o][s]);i>0&&(n+=t[i-1].length,r.holes.push(n))}return r}},{}],3:[function(t,e,r){"use strict";function n(){}function i(t,e,r){this.fn=t,this.context=e,this.once=r||!1}function o(){this._events=new n,this._eventsCount=0}var s=Object.prototype.hasOwnProperty,a="~";Object.create&&(n.prototype=Object.create(null),(new n).__proto__||(a=!1)),o.prototype.eventNames=function(){var t,e,r=[];if(0===this._eventsCount)return r;for(e in t=this._events)s.call(t,e)&&r.push(a?e.slice(1):e);return Object.getOwnPropertySymbols?r.concat(Object.getOwnPropertySymbols(t)):r},o.prototype.listeners=function(t,e){var r=a?a+t:t,n=this._events[r];if(e)return!!n;if(!n)return[];if(n.fn)return[n.fn];for(var i=0,o=n.length,s=new Array(o);i<o;i++)s[i]=n[i].fn;return s},o.prototype.emit=function(t,e,r,n,i,o){var s=a?a+t:t;if(!this._events[s])return!1;var u,h,l=this._events[s],c=arguments.length;if(l.fn){switch(l.once&&this.removeListener(t,l.fn,void 0,!0),c){case 1:return l.fn.call(l.context),!0;case 2:return l.fn.call(l.context,e),!0;case 3:return l.fn.call(l.context,e,r),!0;case 4:return l.fn.call(l.context,e,r,n),!0;case 5:return l.fn.call(l.context,e,r,n,i),!0;case 6:return l.fn.call(l.context,e,r,n,i,o),!0}for(h=1,u=new Array(c-1);h<c;h++)u[h-1]=arguments[h];l.fn.apply(l.context,u)}else{var d,f=l.length;for(h=0;h<f;h++)switch(l[h].once&&this.removeListener(t,l[h].fn,void 0,!0),c){case 1:l[h].fn.call(l[h].context);break;case 2:l[h].fn.call(l[h].context,e);break;case 3:l[h].fn.call(l[h].context,e,r);break;case 4:l[h].fn.call(l[h].context,e,r,n);break;default:if(!u)for(d=1,u=new Array(c-1);d<c;d++)u[d-1]=arguments[d];l[h].fn.apply(l[h].context,u)}}return!0},o.prototype.on=function(t,e,r){var n=new i(e,r||this),o=a?a+t:t;return this._events[o]?this._events[o].fn?this._events[o]=[this._events[o],n]:this._events[o].push(n):(this._events[o]=n,this._eventsCount++),this},o.prototype.once=function(t,e,r){var n=new i(e,r||this,!0),o=a?a+t:t;return this._events[o]?this._events[o].fn?this._events[o]=[this._events[o],n]:this._events[o].push(n):(this._events[o]=n,this._eventsCount++),this},o.prototype.removeListener=function(t,e,r,i){var o=a?a+t:t;if(!this._events[o])return this;if(!e)return 0==--this._eventsCount?this._events=new n:delete this._events[o],this;var s=this._events[o];if(s.fn)s.fn!==e||i&&!s.once||r&&s.context!==r||(0==--this._eventsCount?this._events=new n:delete this._events[o]);else{for(var u=0,h=[],l=s.length;u<l;u++)(s[u].fn!==e||i&&!s[u].once||r&&s[u].context!==r)&&h.push(s[u]);h.length?this._events[o]=1===h.length?h[0]:h:0==--this._eventsCount?this._events=new n:delete this._events[o]}return this},o.prototype.removeAllListeners=function(t){var e;return t?(e=a?a+t:t,this._events[e]&&(0==--this._eventsCount?this._events=new n:delete this._events[e])):(this._events=new n,this._eventsCount=0),this},o.prototype.off=o.prototype.removeListener,o.prototype.addListener=o.prototype.on,o.prototype.setMaxListeners=function(){return this},o.prefixed=a,o.EventEmitter=o,void 0!==e&&(e.exports=o)},{}],4:[function(e,r,n){!function(e){var n=/iPhone/i,i=/iPod/i,o=/iPad/i,s=/(?=.*\bAndroid\b)(?=.*\bMobile\b)/i,a=/Android/i,u=/(?=.*\bAndroid\b)(?=.*\bSD4930UR\b)/i,h=/(?=.*\bAndroid\b)(?=.*\b(?:KFOT|KFTT|KFJWI|KFJWA|KFSOWI|KFTHWI|KFTHWA|KFAPWI|KFAPWA|KFARWI|KFASWI|KFSAWI|KFSAWA)\b)/i,l=/Windows Phone/i,c=/(?=.*\bWindows\b)(?=.*\bARM\b)/i,d=/BlackBerry/i,f=/BB10/i,p=/Opera Mini/i,v=/(CriOS|Chrome)(?=.*\bMobile\b)/i,y=/(?=.*\bFirefox\b)(?=.*\bMobile\b)/i,g=new RegExp("(?:Nexus 7|BNTV250|Kindle Fire|Silk|GT-P1000)","i"),m=function(t,e){return t.test(e)},_=function(t){var e=t||navigator.userAgent,r=e.split("[FBAN");if(void 0!==r[1]&&(e=r[0]),r=e.split("Twitter"),void 0!==r[1]&&(e=r[0]),this.apple={phone:m(n,e),ipod:m(i,e),tablet:!m(n,e)&&m(o,e),device:m(n,e)||m(i,e)||m(o,e)},this.amazon={phone:m(u,e),tablet:!m(u,e)&&m(h,e),device:m(u,e)||m(h,e)},this.android={phone:m(u,e)||m(s,e),tablet:!m(u,e)&&!m(s,e)&&(m(h,e)||m(a,e)),device:m(u,e)||m(h,e)||m(s,e)||m(a,e)},this.windows={phone:m(l,e),tablet:m(c,e),device:m(l,e)||m(c,e)},this.other={blackberry:m(d,e),blackberry10:m(f,e),opera:m(p,e),firefox:m(y,e),chrome:m(v,e),device:m(d,e)||m(f,e)||m(p,e)||m(y,e)||m(v,e)},this.seven_inch=m(g,e),this.any=this.apple.device||this.android.device||this.windows.device||this.other.device||this.seven_inch,this.phone=this.apple.phone||this.android.phone||this.windows.phone,this.tablet=this.apple.tablet||this.android.tablet||this.windows.tablet,"undefined"==typeof window)return this},b=function(){var t=new _;return t.Class=_,t};void 0!==r&&r.exports&&"undefined"==typeof window?r.exports=_:void 0!==r&&r.exports&&"undefined"!=typeof window?r.exports=b():"function"==typeof t&&t.amd?t("isMobile",[],e.isMobile=b()):e.isMobile=b()}(this)},{}],5:[function(t,e,r){"use strict";function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function i(t,e){return t._head?(t._tail._next=e,e._prev=t._tail,t._tail=e):(t._head=e,t._tail=e),e._owner=t,e}Object.defineProperty(r,"__esModule",{value:!0});var o=function(){function t(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,r,n){return r&&t(e.prototype,r),n&&t(e,n),e}}(),s=function(){function t(e,r,i){void 0===r&&(r=!1),n(this,t),this._fn=e,this._once=r,this._thisArg=i,this._next=this._prev=this._owner=null}return o(t,[{key:"detach",value:function(){return null!==this._owner&&(this._owner.detach(this),!0)}}]),t}(),a=function(){function t(){n(this,t),this._head=this._tail=void 0}return o(t,[{key:"handlers",value:function(){var t=!(arguments.length<=0||void 0===arguments[0])&&arguments[0],e=this._head;if(t)return!!e;for(var r=[];e;)r.push(e),e=e._next;return r}},{key:"has",value:function(t){if(!(t instanceof s))throw new Error("MiniSignal#has(): First arg must be a MiniSignalBinding object.");return t._owner===this}},{key:"dispatch",value:function(){var t=this._head;if(!t)return!1;for(;t;)t._once&&this.detach(t),t._fn.apply(t._thisArg,arguments),t=t._next;return!0}},{key:"add",value:function(t){var e=arguments.length<=1||void 0===arguments[1]?null:arguments[1];if("function"!=typeof t)throw new Error("MiniSignal#add(): First arg must be a Function.");return i(this,new s(t,!1,e))}},{key:"once",value:function(t){var e=arguments.length<=1||void 0===arguments[1]?null:arguments[1];if("function"!=typeof t)throw new Error("MiniSignal#once(): First arg must be a Function.");return i(this,new s(t,!0,e))}},{key:"detach",value:function(t){if(!(t instanceof s))throw new Error("MiniSignal#detach(): First arg must be a MiniSignalBinding object.");return t._owner!==this?this:(t._prev&&(t._prev._next=t._next),t._next&&(t._next._prev=t._prev),t===this._head?(this._head=t._next,null===t._next&&(this._tail=null)):t===this._tail&&(this._tail=t._prev,this._tail._next=null),t._owner=null,this)}},{key:"detachAll",value:function(){var t=this._head;if(!t)return this;for(this._head=this._tail=null;t;)t._owner=null,t=t._next;return this}}]),t}();a.MiniSignalBinding=s,r.default=a,e.exports=r.default},{}],6:[function(t,e,r){"use strict";function n(t){if(null===t||void 0===t)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(t)}var i=Object.getOwnPropertySymbols,o=Object.prototype.hasOwnProperty,s=Object.prototype.propertyIsEnumerable;e.exports=function(){try{if(!Object.assign)return!1;var t=new String("abc");if(t[5]="de","5"===Object.getOwnPropertyNames(t)[0])return!1;for(var e={},r=0;r<10;r++)e["_"+String.fromCharCode(r)]=r;if("0123456789"!==Object.getOwnPropertyNames(e).map(function(t){return e[t]}).join(""))return!1;var n={};return"abcdefghijklmnopqrst".split("").forEach(function(t){n[t]=t}),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},n)).join("")}catch(t){return!1}}()?Object.assign:function(t,e){for(var r,a,u=n(t),h=1;h<arguments.length;h++){r=Object(arguments[h]);for(var l in r)o.call(r,l)&&(u[l]=r[l]);if(i){a=i(r);for(var c=0;c<a.length;c++)s.call(r,a[c])&&(u[a[c]]=r[a[c]])}}return u}},{}],7:[function(t,e,r){"use strict";e.exports=function(t,e){e=e||{};for(var r={key:["source","protocol","authority","userInfo","user","password","host","port","relative","path","directory","file","query","anchor"],q:{name:"queryKey",parser:/(?:^|&)([^&=]*)=?([^&]*)/g},parser:{strict:/^(?:([^:\/?#]+):)?(?:\/\/((?:(([^:@]*)(?::([^:@]*))?)?@)?([^:\/?#]*)(?::(\d*))?))?((((?:[^?#\/]*\/)*)([^?#]*))(?:\?([^#]*))?(?:#(.*))?)/,loose:/^(?:(?![^:@]+:[^:@\/]*@)([^:\/?#.]+):)?(?:\/\/)?((?:(([^:@]*)(?::([^:@]*))?)?@)?([^:\/?#]*)(?::(\d*))?)(((\/(?:[^?#](?![^?#\/]*\.[^?#\/.]+(?:[?#]|$)))*\/?)?([^?#\/]*))(?:\?([^#]*))?(?:#(.*))?)/}},n=r.parser[e.strictMode?"strict":"loose"].exec(t),i={},o=14;o--;)i[r.key[o]]=n[o]||"";return i[r.q.name]={},i[r.key[12]].replace(r.q.parser,function(t,e,n){e&&(i[r.q.name][e]=n)}),i}},{}],8:[function(t,e,r){(function(t){function e(t,e){for(var r=0,n=t.length-1;n>=0;n--){var i=t[n];"."===i?t.splice(n,1):".."===i?(t.splice(n,1),r++):r&&(t.splice(n,1),r--)}if(e)for(;r--;r)t.unshift("..");return t}function n(t,e){if(t.filter)return t.filter(e);for(var r=[],n=0;n<t.length;n++)e(t[n],n,t)&&r.push(t[n]);return r}var i=/^(\/?|)([\s\S]*?)((?:\.{1,2}|[^\/]+?|)(\.[^.\/]*|))(?:[\/]*)$/,o=function(t){return i.exec(t).slice(1)};r.resolve=function(){for(var r="",i=!1,o=arguments.length-1;o>=-1&&!i;o--){var s=o>=0?arguments[o]:t.cwd();if("string"!=typeof s)throw new TypeError("Arguments to path.resolve must be strings");s&&(r=s+"/"+r,i="/"===s.charAt(0))}return r=e(n(r.split("/"),function(t){return!!t}),!i).join("/"),(i?"/":"")+r||"."},r.normalize=function(t){var i=r.isAbsolute(t),o="/"===s(t,-1);return t=e(n(t.split("/"),function(t){return!!t}),!i).join("/"),t||i||(t="."),t&&o&&(t+="/"),(i?"/":"")+t},r.isAbsolute=function(t){return"/"===t.charAt(0)},r.join=function(){var t=Array.prototype.slice.call(arguments,0);return r.normalize(n(t,function(t,e){if("string"!=typeof t)throw new TypeError("Arguments to path.join must be strings");return t}).join("/"))},r.relative=function(t,e){function n(t){for(var e=0;e<t.length&&""===t[e];e++);for(var r=t.length-1;r>=0&&""===t[r];r--);return e>r?[]:t.slice(e,r-e+1)}t=r.resolve(t).substr(1),e=r.resolve(e).substr(1);for(var i=n(t.split("/")),o=n(e.split("/")),s=Math.min(i.length,o.length),a=s,u=0;u<s;u++)if(i[u]!==o[u]){a=u;break}for(var h=[],u=a;u<i.length;u++)h.push("..");return h=h.concat(o.slice(a)),h.join("/")},r.sep="/",r.delimiter=":",r.dirname=function(t){var e=o(t),r=e[0],n=e[1];return r||n?(n&&(n=n.substr(0,n.length-1)),r+n):"."},r.basename=function(t,e){var r=o(t)[2];return e&&r.substr(-1*e.length)===e&&(r=r.substr(0,r.length-e.length)),r},r.extname=function(t){return o(t)[3]};var s="b"==="ab".substr(-1)?function(t,e,r){return t.substr(e,r)}:function(t,e,r){return e<0&&(e=t.length+e),t.substr(e,r)}}).call(this,t("_process"))},{_process:26}],9:[function(t,e,r){var n=new ArrayBuffer(0),i=function(t,e,r,i){this.gl=t,this.buffer=t.createBuffer(),this.type=e||t.ARRAY_BUFFER,this.drawType=i||t.STATIC_DRAW,this.data=n,r&&this.upload(r),this._updateID=0};i.prototype.upload=function(t,e,r){r||this.bind();var n=this.gl;t=t||this.data,e=e||0,this.data.byteLength>=t.byteLength?n.bufferSubData(this.type,e,t):n.bufferData(this.type,t,this.drawType),this.data=t},i.prototype.bind=function(){this.gl.bindBuffer(this.type,this.buffer)},i.createVertexBuffer=function(t,e,r){return new i(t,t.ARRAY_BUFFER,e,r)},i.createIndexBuffer=function(t,e,r){return new i(t,t.ELEMENT_ARRAY_BUFFER,e,r)},i.create=function(t,e,r,n){return new i(t,e,r,n)},i.prototype.destroy=function(){this.gl.deleteBuffer(this.buffer)},e.exports=i},{}],10:[function(t,e,r){var n=t("./GLTexture"),i=function(t,e,r){this.gl=t,this.framebuffer=t.createFramebuffer(),this.stencil=null,this.texture=null,this.width=e||100,this.height=r||100};i.prototype.enableTexture=function(t){var e=this.gl;this.texture=t||new n(e),this.texture.bind(),this.bind(),e.framebufferTexture2D(e.FRAMEBUFFER,e.COLOR_ATTACHMENT0,e.TEXTURE_2D,this.texture.texture,0)},i.prototype.enableStencil=function(){if(!this.stencil){var t=this.gl;this.stencil=t.createRenderbuffer(),t.bindRenderbuffer(t.RENDERBUFFER,this.stencil),t.framebufferRenderbuffer(t.FRAMEBUFFER,t.DEPTH_STENCIL_ATTACHMENT,t.RENDERBUFFER,this.stencil),t.renderbufferStorage(t.RENDERBUFFER,t.DEPTH_STENCIL,this.width,this.height)}},i.prototype.clear=function(t,e,r,n){this.bind();var i=this.gl;i.clearColor(t,e,r,n),i.clear(i.COLOR_BUFFER_BIT|i.DEPTH_BUFFER_BIT)},i.prototype.bind=function(){var t=this.gl;t.bindFramebuffer(t.FRAMEBUFFER,this.framebuffer)},i.prototype.unbind=function(){var t=this.gl;t.bindFramebuffer(t.FRAMEBUFFER,null)},i.prototype.resize=function(t,e){var r=this.gl;this.width=t,this.height=e,this.texture&&this.texture.uploadData(null,t,e),this.stencil&&(r.bindRenderbuffer(r.RENDERBUFFER,this.stencil),r.renderbufferStorage(r.RENDERBUFFER,r.DEPTH_STENCIL,t,e))},i.prototype.destroy=function(){var t=this.gl;this.texture&&this.texture.destroy(),t.deleteFramebuffer(this.framebuffer),this.gl=null,this.stencil=null,this.texture=null},i.createRGBA=function(t,e,r,o){var s=n.fromData(t,null,e,r);s.enableNearestScaling(),s.enableWrapClamp();var a=new i(t,e,r);return a.enableTexture(s),a.unbind(),a},i.createFloat32=function(t,e,r,o){var s=new n.fromData(t,o,e,r);s.enableNearestScaling(),s.enableWrapClamp();var a=new i(t,e,r);return a.enableTexture(s),a.unbind(),a},e.exports=i},{"./GLTexture":12}],11:[function(t,e,r){var n=t("./shader/compileProgram"),i=t("./shader/extractAttributes"),o=t("./shader/extractUniforms"),s=t("./shader/setPrecision"),a=t("./shader/generateUniformAccessObject"),u=function(t,e,r,u,h){this.gl=t,u&&(e=s(e,u),r=s(r,u)),this.program=n(t,e,r,h),this.attributes=i(t,this.program),this.uniformData=o(t,this.program),this.uniforms=a(t,this.uniformData)};u.prototype.bind=function(){this.gl.useProgram(this.program)},u.prototype.destroy=function(){this.attributes=null,this.uniformData=null,this.uniforms=null,this.gl.deleteProgram(this.program)},e.exports=u},{"./shader/compileProgram":17,"./shader/extractAttributes":19,"./shader/extractUniforms":20,"./shader/generateUniformAccessObject":21,"./shader/setPrecision":25}],12:[function(t,e,r){var n=function(t,e,r,n,i){this.gl=t,this.texture=t.createTexture(),this.mipmap=!1,this.premultiplyAlpha=!1,this.width=e||-1,this.height=r||-1,this.format=n||t.RGBA,this.type=i||t.UNSIGNED_BYTE};n.prototype.upload=function(t){this.bind();var e=this.gl;e.pixelStorei(e.UNPACK_PREMULTIPLY_ALPHA_WEBGL,this.premultiplyAlpha);var r=t.videoWidth||t.width,n=t.videoHeight||t.height;n!==this.height||r!==this.width?e.texImage2D(e.TEXTURE_2D,0,this.format,this.format,this.type,t):e.texSubImage2D(e.TEXTURE_2D,0,0,0,this.format,this.type,t),this.width=r,this.height=n};var i=!1;n.prototype.uploadData=function(t,e,r){this.bind();var n=this.gl;if(t instanceof Float32Array){if(!i){if(!n.getExtension("OES_texture_float"))throw new Error("floating point textures not available");i=!0}this.type=n.FLOAT}else this.type=this.type||n.UNSIGNED_BYTE;n.pixelStorei(n.UNPACK_PREMULTIPLY_ALPHA_WEBGL,this.premultiplyAlpha),e!==this.width||r!==this.height?n.texImage2D(n.TEXTURE_2D,0,this.format,e,r,0,this.format,this.type,t||null):n.texSubImage2D(n.TEXTURE_2D,0,0,0,e,r,this.format,this.type,t||null),this.width=e,this.height=r},n.prototype.bind=function(t){var e=this.gl;void 0!==t&&e.activeTexture(e.TEXTURE0+t),e.bindTexture(e.TEXTURE_2D,this.texture)},n.prototype.unbind=function(){var t=this.gl;t.bindTexture(t.TEXTURE_2D,null)},n.prototype.minFilter=function(t){var e=this.gl;this.bind(),this.mipmap?e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MIN_FILTER,t?e.LINEAR_MIPMAP_LINEAR:e.NEAREST_MIPMAP_NEAREST):e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MIN_FILTER,t?e.LINEAR:e.NEAREST)},n.prototype.magFilter=function(t){var e=this.gl;this.bind(),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MAG_FILTER,t?e.LINEAR:e.NEAREST)},n.prototype.enableMipmap=function(){var t=this.gl;this.bind(),this.mipmap=!0,t.generateMipmap(t.TEXTURE_2D)},n.prototype.enableLinearScaling=function(){this.minFilter(!0),this.magFilter(!0)},n.prototype.enableNearestScaling=function(){this.minFilter(!1),this.magFilter(!1)},n.prototype.enableWrapClamp=function(){var t=this.gl;this.bind(),t.texParameteri(t.TEXTURE_2D,t.TEXTURE_WRAP_S,t.CLAMP_TO_EDGE),t.texParameteri(t.TEXTURE_2D,t.TEXTURE_WRAP_T,t.CLAMP_TO_EDGE)},n.prototype.enableWrapRepeat=function(){var t=this.gl;this.bind(),t.texParameteri(t.TEXTURE_2D,t.TEXTURE_WRAP_S,t.REPEAT),t.texParameteri(t.TEXTURE_2D,t.TEXTURE_WRAP_T,t.REPEAT)},n.prototype.enableWrapMirrorRepeat=function(){var t=this.gl;this.bind(),t.texParameteri(t.TEXTURE_2D,t.TEXTURE_WRAP_S,t.MIRRORED_REPEAT),t.texParameteri(t.TEXTURE_2D,t.TEXTURE_WRAP_T,t.MIRRORED_REPEAT)},n.prototype.destroy=function(){this.gl.deleteTexture(this.texture)},n.fromSource=function(t,e,r){var i=new n(t);return i.premultiplyAlpha=r||!1,i.upload(e),i},n.fromData=function(t,e,r,i){var o=new n(t);return o.uploadData(e,r,i),o},e.exports=n},{}],13:[function(t,e,r){function n(t,e){if(this.nativeVaoExtension=null,n.FORCE_NATIVE||(this.nativeVaoExtension=t.getExtension("OES_vertex_array_object")||t.getExtension("MOZ_OES_vertex_array_object")||t.getExtension("WEBKIT_OES_vertex_array_object")),this.nativeState=e,this.nativeVaoExtension){this.nativeVao=this.nativeVaoExtension.createVertexArrayOES();var r=t.getParameter(t.MAX_VERTEX_ATTRIBS);this.nativeState={tempAttribState:new Array(r),attribState:new Array(r)}}this.gl=t,this.attributes=[],this.indexBuffer=null,this.dirty=!1}var i=t("./setVertexAttribArrays");n.prototype.constructor=n,e.exports=n,n.FORCE_NATIVE=!1,n.prototype.bind=function(){return this.nativeVao?(this.nativeVaoExtension.bindVertexArrayOES(this.nativeVao),this.dirty&&(this.dirty=!1,this.activate())):this.activate(),this},n.prototype.unbind=function(){return this.nativeVao&&this.nativeVaoExtension.bindVertexArrayOES(null),this},n.prototype.activate=function(){for(var t=this.gl,e=null,r=0;r<this.attributes.length;r++){var n=this.attributes[r];e!==n.buffer&&(n.buffer.bind(),e=n.buffer),t.vertexAttribPointer(n.attribute.location,n.attribute.size,n.type||t.FLOAT,n.normalized||!1,n.stride||0,n.start||0)}return i(t,this.attributes,this.nativeState),this.indexBuffer&&this.indexBuffer.bind(),this},n.prototype.addAttribute=function(t,e,r,n,i,o){return this.attributes.push({buffer:t,attribute:e,location:e.location,type:r||this.gl.FLOAT,normalized:n||!1,stride:i||0,start:o||0}),this.dirty=!0,this},n.prototype.addIndex=function(t){return this.indexBuffer=t,this.dirty=!0,this},n.prototype.clear=function(){return this.nativeVao&&this.nativeVaoExtension.bindVertexArrayOES(this.nativeVao),this.attributes.length=0,this.indexBuffer=null,this},n.prototype.draw=function(t,e,r){var n=this.gl;return this.indexBuffer?n.drawElements(t,e||this.indexBuffer.data.length,n.UNSIGNED_SHORT,2*(r||0)):n.drawArrays(t,r,e||this.getSize()),this},n.prototype.destroy=function(){this.gl=null,this.indexBuffer=null,this.attributes=null,this.nativeState=null,this.nativeVao&&this.nativeVaoExtension.deleteVertexArrayOES(this.nativeVao),this.nativeVaoExtension=null,this.nativeVao=null},n.prototype.getSize=function(){var t=this.attributes[0];return t.buffer.data.length/(t.stride/4||t.attribute.size)}},{"./setVertexAttribArrays":16}],14:[function(t,e,r){var n=function(t,e){var r=t.getContext("webgl",e)||t.getContext("experimental-webgl",e);if(!r)throw new Error("This browser does not support webGL. Try using the canvas renderer");return r};e.exports=n},{}],15:[function(t,e,r){var n={createContext:t("./createContext"),setVertexAttribArrays:t("./setVertexAttribArrays"),GLBuffer:t("./GLBuffer"),GLFramebuffer:t("./GLFramebuffer"),GLShader:t("./GLShader"),GLTexture:t("./GLTexture"),VertexArrayObject:t("./VertexArrayObject"),shader:t("./shader")};void 0!==e&&e.exports&&(e.exports=n),"undefined"!=typeof window&&(window.PIXI=window.PIXI||{},window.PIXI.glCore=n)},{"./GLBuffer":9,"./GLFramebuffer":10,"./GLShader":11,"./GLTexture":12,"./VertexArrayObject":13,"./createContext":14,"./setVertexAttribArrays":16,"./shader":22}],16:[function(t,e,r){var n=function(t,e,r){var n;if(r){var i=r.tempAttribState,o=r.attribState;for(n=0;n<i.length;n++)i[n]=!1;for(n=0;n<e.length;n++)i[e[n].attribute.location]=!0;for(n=0;n<o.length;n++)o[n]!==i[n]&&(o[n]=i[n],r.attribState[n]?t.enableVertexAttribArray(n):t.disableVertexAttribArray(n))}else for(n=0;n<e.length;n++){var s=e[n];t.enableVertexAttribArray(s.attribute.location)}};e.exports=n},{}],17:[function(t,e,r){var n=function(t,e,r,n){var o=i(t,t.VERTEX_SHADER,e),s=i(t,t.FRAGMENT_SHADER,r),a=t.createProgram();if(t.attachShader(a,o),t.attachShader(a,s),n)for(var u in n)t.bindAttribLocation(a,n[u],u);return t.linkProgram(a),t.getProgramParameter(a,t.LINK_STATUS)||(console.error("Pixi.js Error: Could not initialize shader."),console.error("gl.VALIDATE_STATUS",t.getProgramParameter(a,t.VALIDATE_STATUS)),console.error("gl.getError()",t.getError()),""!==t.getProgramInfoLog(a)&&console.warn("Pixi.js Warning: gl.getProgramInfoLog()",t.getProgramInfoLog(a)),t.deleteProgram(a),a=null),t.deleteShader(o),t.deleteShader(s),a},i=function(t,e,r){var n=t.createShader(e);return t.shaderSource(n,r),t.compileShader(n),t.getShaderParameter(n,t.COMPILE_STATUS)?n:(console.log(t.getShaderInfoLog(n)),null)};e.exports=n},{}],18:[function(t,e,r){var n=function(t,e){switch(t){case"float":return 0;case"vec2":return new Float32Array(2*e);case"vec3":return new Float32Array(3*e);case"vec4":return new Float32Array(4*e);case"int":case"sampler2D":return 0;case"ivec2":return new Int32Array(2*e);case"ivec3":return new Int32Array(3*e);case"ivec4":return new Int32Array(4*e);case"bool":return!1;case"bvec2":return i(2*e);case"bvec3":return i(3*e);case"bvec4":return i(4*e);case"mat2":return new Float32Array([1,0,0,1]);case"mat3":return new Float32Array([1,0,0,0,1,0,0,0,1]);case"mat4":return new Float32Array([1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1])}},i=function(t){for(var e=new Array(t),r=0;r<e.length;r++)e[r]=!1;return e};e.exports=n},{}],19:[function(t,e,r){var n=t("./mapType"),i=t("./mapSize"),o=function(t,e){for(var r={},o=t.getProgramParameter(e,t.ACTIVE_ATTRIBUTES),a=0;a<o;a++){var u=t.getActiveAttrib(e,a),h=n(t,u.type);r[u.name]={type:h,size:i(h),location:t.getAttribLocation(e,u.name),pointer:s}}return r},s=function(t,e,r,n){gl.vertexAttribPointer(this.location,this.size,t||gl.FLOAT,e||!1,r||0,n||0)};e.exports=o},{"./mapSize":23,"./mapType":24}],20:[function(t,e,r){var n=t("./mapType"),i=t("./defaultValue"),o=function(t,e){for(var r={},o=t.getProgramParameter(e,t.ACTIVE_UNIFORMS),s=0;s<o;s++){var a=t.getActiveUniform(e,s),u=a.name.replace(/\[.*?\]/,""),h=n(t,a.type);r[u]={type:h,size:a.size,location:t.getUniformLocation(e,u),value:i(h,a.size)}}return r};e.exports=o},{"./defaultValue":18,"./mapType":24}],21:[function(t,e,r){var n=function(t,e){var r={data:{}};r.gl=t;for(var n=Object.keys(e),a=0;a<n.length;a++){var u=n[a],h=u.split("."),l=h[h.length-1],c=s(h,r),d=e[u];c.data[l]=d,c.gl=t,Object.defineProperty(c,l,{get:i(l),set:o(l,d)})}return r},i=function(t){var e=a.replace("%%",t);return new Function(e)},o=function(t,e){var r,n=u.replace(/%%/g,t);return r=1===e.size?h[e.type]:l[e.type],r&&(n+="\nthis.gl."+r+";"),
+new Function("value",n)},s=function(t,e){for(var r=e,n=0;n<t.length-1;n++){var i=r[t[n]]||{data:{}};r[t[n]]=i,r=i}return r},a=["return this.data.%%.value;"].join("\n"),u=["this.data.%%.value = value;","var location = this.data.%%.location;"].join("\n"),h={float:"uniform1f(location, value)",vec2:"uniform2f(location, value[0], value[1])",vec3:"uniform3f(location, value[0], value[1], value[2])",vec4:"uniform4f(location, value[0], value[1], value[2], value[3])",int:"uniform1i(location, value)",ivec2:"uniform2i(location, value[0], value[1])",ivec3:"uniform3i(location, value[0], value[1], value[2])",ivec4:"uniform4i(location, value[0], value[1], value[2], value[3])",bool:"uniform1i(location, value)",bvec2:"uniform2i(location, value[0], value[1])",bvec3:"uniform3i(location, value[0], value[1], value[2])",bvec4:"uniform4i(location, value[0], value[1], value[2], value[3])",mat2:"uniformMatrix2fv(location, false, value)",mat3:"uniformMatrix3fv(location, false, value)",mat4:"uniformMatrix4fv(location, false, value)",sampler2D:"uniform1i(location, value)"},l={float:"uniform1fv(location, value)",vec2:"uniform2fv(location, value)",vec3:"uniform3fv(location, value)",vec4:"uniform4fv(location, value)",int:"uniform1iv(location, value)",ivec2:"uniform2iv(location, value)",ivec3:"uniform3iv(location, value)",ivec4:"uniform4iv(location, value)",bool:"uniform1iv(location, value)",bvec2:"uniform2iv(location, value)",bvec3:"uniform3iv(location, value)",bvec4:"uniform4iv(location, value)",sampler2D:"uniform1iv(location, value)"};e.exports=n},{}],22:[function(t,e,r){e.exports={compileProgram:t("./compileProgram"),defaultValue:t("./defaultValue"),extractAttributes:t("./extractAttributes"),extractUniforms:t("./extractUniforms"),generateUniformAccessObject:t("./generateUniformAccessObject"),setPrecision:t("./setPrecision"),mapSize:t("./mapSize"),mapType:t("./mapType")}},{"./compileProgram":17,"./defaultValue":18,"./extractAttributes":19,"./extractUniforms":20,"./generateUniformAccessObject":21,"./mapSize":23,"./mapType":24,"./setPrecision":25}],23:[function(t,e,r){var n=function(t){return i[t]},i={float:1,vec2:2,vec3:3,vec4:4,int:1,ivec2:2,ivec3:3,ivec4:4,bool:1,bvec2:2,bvec3:3,bvec4:4,mat2:4,mat3:9,mat4:16,sampler2D:1};e.exports=n},{}],24:[function(t,e,r){var n=function(t,e){if(!i){var r=Object.keys(o);i={};for(var n=0;n<r.length;++n){var s=r[n];i[t[s]]=o[s]}}return i[e]},i=null,o={FLOAT:"float",FLOAT_VEC2:"vec2",FLOAT_VEC3:"vec3",FLOAT_VEC4:"vec4",INT:"int",INT_VEC2:"ivec2",INT_VEC3:"ivec3",INT_VEC4:"ivec4",BOOL:"bool",BOOL_VEC2:"bvec2",BOOL_VEC3:"bvec3",BOOL_VEC4:"bvec4",FLOAT_MAT2:"mat2",FLOAT_MAT3:"mat3",FLOAT_MAT4:"mat4",SAMPLER_2D:"sampler2D"};e.exports=n},{}],25:[function(t,e,r){var n=function(t,e){return"precision"!==t.substring(0,9)?"precision "+e+" float;\n"+t:t};e.exports=n},{}],26:[function(t,e,r){function n(){throw new Error("setTimeout has not been defined")}function i(){throw new Error("clearTimeout has not been defined")}function o(t){if(c===setTimeout)return setTimeout(t,0);if((c===n||!c)&&setTimeout)return c=setTimeout,setTimeout(t,0);try{return c(t,0)}catch(e){try{return c.call(null,t,0)}catch(e){return c.call(this,t,0)}}}function s(t){if(d===clearTimeout)return clearTimeout(t);if((d===i||!d)&&clearTimeout)return d=clearTimeout,clearTimeout(t);try{return d(t)}catch(e){try{return d.call(null,t)}catch(e){return d.call(this,t)}}}function a(){y&&p&&(y=!1,p.length?v=p.concat(v):g=-1,v.length&&u())}function u(){if(!y){var t=o(a);y=!0;for(var e=v.length;e;){for(p=v,v=[];++g<e;)p&&p[g].run();g=-1,e=v.length}p=null,y=!1,s(t)}}function h(t,e){this.fun=t,this.array=e}function l(){}var c,d,f=e.exports={};!function(){try{c="function"==typeof setTimeout?setTimeout:n}catch(t){c=n}try{d="function"==typeof clearTimeout?clearTimeout:i}catch(t){d=i}}();var p,v=[],y=!1,g=-1;f.nextTick=function(t){var e=new Array(arguments.length-1);if(arguments.length>1)for(var r=1;r<arguments.length;r++)e[r-1]=arguments[r];v.push(new h(t,e)),1!==v.length||y||o(u)},h.prototype.run=function(){this.fun.apply(null,this.array)},f.title="browser",f.browser=!0,f.env={},f.argv=[],f.version="",f.versions={},f.on=l,f.addListener=l,f.once=l,f.off=l,f.removeListener=l,f.removeAllListeners=l,f.emit=l,f.prependListener=l,f.prependOnceListener=l,f.listeners=function(t){return[]},f.binding=function(t){throw new Error("process.binding is not supported")},f.cwd=function(){return"/"},f.chdir=function(t){throw new Error("process.chdir is not supported")},f.umask=function(){return 0}},{}],27:[function(e,r,n){(function(e){!function(i){function o(t){throw new RangeError(L[t])}function s(t,e){for(var r=t.length,n=[];r--;)n[r]=e(t[r]);return n}function a(t,e){var r=t.split("@"),n="";return r.length>1&&(n=r[0]+"@",t=r[1]),t=t.replace(D,"."),n+s(t.split("."),e).join(".")}function u(t){for(var e,r,n=[],i=0,o=t.length;i<o;)e=t.charCodeAt(i++),e>=55296&&e<=56319&&i<o?(r=t.charCodeAt(i++),56320==(64512&r)?n.push(((1023&e)<<10)+(1023&r)+65536):(n.push(e),i--)):n.push(e);return n}function h(t){return s(t,function(t){var e="";return t>65535&&(t-=65536,e+=B(t>>>10&1023|55296),t=56320|1023&t),e+=B(t)}).join("")}function l(t){return t-48<10?t-22:t-65<26?t-65:t-97<26?t-97:w}function c(t,e){return t+22+75*(t<26)-((0!=e)<<5)}function d(t,e,r){var n=0;for(t=r?F(t/M):t>>1,t+=F(t/e);t>N*S>>1;n+=w)t=F(t/N);return F(n+(N+1)*t/(t+O))}function f(t){var e,r,n,i,s,a,u,c,f,p,v=[],y=t.length,g=0,m=C,_=P;for(r=t.lastIndexOf(R),r<0&&(r=0),n=0;n<r;++n)t.charCodeAt(n)>=128&&o("not-basic"),v.push(t.charCodeAt(n));for(i=r>0?r+1:0;i<y;){for(s=g,a=1,u=w;i>=y&&o("invalid-input"),c=l(t.charCodeAt(i++)),(c>=w||c>F((T-g)/a))&&o("overflow"),g+=c*a,f=u<=_?E:u>=_+S?S:u-_,!(c<f);u+=w)p=w-f,a>F(T/p)&&o("overflow"),a*=p;e=v.length+1,_=d(g-s,e,0==s),F(g/e)>T-m&&o("overflow"),m+=F(g/e),g%=e,v.splice(g++,0,m)}return h(v)}function p(t){var e,r,n,i,s,a,h,l,f,p,v,y,g,m,_,b=[];for(t=u(t),y=t.length,e=C,r=0,s=P,a=0;a<y;++a)(v=t[a])<128&&b.push(B(v));for(n=i=b.length,i&&b.push(R);n<y;){for(h=T,a=0;a<y;++a)(v=t[a])>=e&&v<h&&(h=v);for(g=n+1,h-e>F((T-r)/g)&&o("overflow"),r+=(h-e)*g,e=h,a=0;a<y;++a)if(v=t[a],v<e&&++r>T&&o("overflow"),v==e){for(l=r,f=w;p=f<=s?E:f>=s+S?S:f-s,!(l<p);f+=w)_=l-p,m=w-p,b.push(B(c(p+_%m,0))),l=F(_/m);b.push(B(c(l,0))),s=d(r,g,n==i),r=0,++n}++r,++e}return b.join("")}function v(t){return a(t,function(t){return A.test(t)?f(t.slice(4).toLowerCase()):t})}function y(t){return a(t,function(t){return I.test(t)?"xn--"+p(t):t})}var g="object"==typeof n&&n&&!n.nodeType&&n,m="object"==typeof r&&r&&!r.nodeType&&r,_="object"==typeof e&&e;_.global!==_&&_.window!==_&&_.self!==_||(i=_);var b,x,T=2147483647,w=36,E=1,S=26,O=38,M=700,P=72,C=128,R="-",A=/^xn--/,I=/[^\x20-\x7E]/,D=/[\x2E\u3002\uFF0E\uFF61]/g,L={overflow:"Overflow: input needs wider integers to process","not-basic":"Illegal input >= 0x80 (not a basic code point)","invalid-input":"Invalid input"},N=w-E,F=Math.floor,B=String.fromCharCode;if(b={version:"1.4.1",ucs2:{decode:u,encode:h},decode:f,encode:p,toASCII:y,toUnicode:v},"function"==typeof t&&"object"==typeof t.amd&&t.amd)t("punycode",function(){return b});else if(g&&m)if(r.exports==g)m.exports=b;else for(x in b)b.hasOwnProperty(x)&&(g[x]=b[x]);else i.punycode=b}(this)}).call(this,"undefined"!=typeof global?global:"undefined"!=typeof self?self:"undefined"!=typeof window?window:{})},{}],28:[function(t,e,r){"use strict";function n(t,e){return Object.prototype.hasOwnProperty.call(t,e)}e.exports=function(t,e,r,o){e=e||"&",r=r||"=";var s={};if("string"!=typeof t||0===t.length)return s;var a=/\+/g;t=t.split(e);var u=1e3;o&&"number"==typeof o.maxKeys&&(u=o.maxKeys);var h=t.length;u>0&&h>u&&(h=u);for(var l=0;l<h;++l){var c,d,f,p,v=t[l].replace(a,"%20"),y=v.indexOf(r);y>=0?(c=v.substr(0,y),d=v.substr(y+1)):(c=v,d=""),f=decodeURIComponent(c),p=decodeURIComponent(d),n(s,f)?i(s[f])?s[f].push(p):s[f]=[s[f],p]:s[f]=p}return s};var i=Array.isArray||function(t){return"[object Array]"===Object.prototype.toString.call(t)}},{}],29:[function(t,e,r){"use strict";function n(t,e){if(t.map)return t.map(e);for(var r=[],n=0;n<t.length;n++)r.push(e(t[n],n));return r}var i=function(t){switch(typeof t){case"string":return t;case"boolean":return t?"true":"false";case"number":return isFinite(t)?t:"";default:return""}};e.exports=function(t,e,r,a){return e=e||"&",r=r||"=",null===t&&(t=void 0),"object"==typeof t?n(s(t),function(s){var a=encodeURIComponent(i(s))+r;return o(t[s])?n(t[s],function(t){return a+encodeURIComponent(i(t))}).join(e):a+encodeURIComponent(i(t[s]))}).join(e):a?encodeURIComponent(i(a))+r+encodeURIComponent(i(t)):""};var o=Array.isArray||function(t){return"[object Array]"===Object.prototype.toString.call(t)},s=Object.keys||function(t){var e=[];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&e.push(r);return e}},{}],30:[function(t,e,r){"use strict";r.decode=r.parse=t("./decode"),r.encode=r.stringify=t("./encode")},{"./decode":28,"./encode":29}],31:[function(t,e,r){"use strict";e.exports=function(t,e,r){var n,i=t.length;if(!(e>=i||0===r)){r=e+r>i?i-e:r;var o=i-r;for(n=e;n<o;++n)t[n]=t[n+r];t.length=o}}},{}],32:[function(t,e,r){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}function i(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}r.__esModule=!0;var o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},s=t("mini-signals"),a=n(s),u=t("parse-uri"),h=n(u),l=t("./async"),c=function(t){if(t&&t.__esModule)return t;var e={};if(null!=t)for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e.default=t,e}(l),d=t("./Resource"),f=n(d),p=/(#[\w-]+)?$/,v=function(){function t(){var e=this,r=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:10;i(this,t),this.baseUrl=r,this.progress=0,this.loading=!1,this.defaultQueryString="",this._beforeMiddleware=[],this._afterMiddleware=[],this._resourcesParsing=[],this._boundLoadResource=function(t,r){return e._loadResource(t,r)},this._queue=c.queue(this._boundLoadResource,n),this._queue.pause(),this.resources={},this.onProgress=new a.default,this.onError=new a.default,this.onLoad=new a.default,this.onStart=new a.default,this.onComplete=new a.default}return t.prototype.add=function(t,e,r,n){if(Array.isArray(t)){for(var i=0;i<t.length;++i)this.add(t[i]);return this}if("object"===(void 0===t?"undefined":o(t))&&(n=e||t.callback||t.onComplete,r=t,e=t.url,t=t.name||t.key||t.url),"string"!=typeof e&&(n=r,r=e,e=t),"string"!=typeof e)throw new Error("No url passed to add resource to loader.");if("function"==typeof r&&(n=r,r=null),this.loading&&(!r||!r.parentResource))throw new Error("Cannot add resources while the loader is running.");if(this.resources[t])throw new Error('Resource named "'+t+'" already exists.');if(e=this._prepareUrl(e),this.resources[t]=new f.default(t,e,r),"function"==typeof n&&this.resources[t].onAfterMiddleware.once(n),this.loading){for(var s=r.parentResource,a=[],u=0;u<s.children.length;++u)s.children[u].isComplete||a.push(s.children[u]);var h=s.progressChunk*(a.length+1),l=h/(a.length+2);s.children.push(this.resources[t]),s.progressChunk=l;for(var c=0;c<a.length;++c)a[c].progressChunk=l;this.resources[t].progressChunk=l}return this._queue.push(this.resources[t]),this},t.prototype.pre=function(t){return this._beforeMiddleware.push(t),this},t.prototype.use=function(t){return this._afterMiddleware.push(t),this},t.prototype.reset=function(){this.progress=0,this.loading=!1,this._queue.kill(),this._queue.pause();for(var t in this.resources){var e=this.resources[t];e._onLoadBinding&&e._onLoadBinding.detach(),e.isLoading&&e.abort()}return this.resources={},this},t.prototype.load=function(t){if("function"==typeof t&&this.onComplete.once(t),this.loading)return this;for(var e=100/this._queue._tasks.length,r=0;r<this._queue._tasks.length;++r)this._queue._tasks[r].data.progressChunk=e;return this.loading=!0,this.onStart.dispatch(this),this._queue.resume(),this},t.prototype._prepareUrl=function(t){var e=(0,h.default)(t,{strictMode:!0}),r=void 0;if(r=e.protocol||!e.path||0===t.indexOf("//")?t:this.baseUrl.length&&this.baseUrl.lastIndexOf("/")!==this.baseUrl.length-1&&"/"!==t.charAt(0)?this.baseUrl+"/"+t:this.baseUrl+t,this.defaultQueryString){var n=p.exec(r)[0];r=r.substr(0,r.length-n.length),-1!==r.indexOf("?")?r+="&"+this.defaultQueryString:r+="?"+this.defaultQueryString,r+=n}return r},t.prototype._loadResource=function(t,e){var r=this;t._dequeue=e,c.eachSeries(this._beforeMiddleware,function(e,n){e.call(r,t,function(){n(t.isComplete?{}:null)})},function(){t.isComplete?r._onLoad(t):(t._onLoadBinding=t.onComplete.once(r._onLoad,r),t.load())},!0)},t.prototype._onComplete=function(){this.loading=!1,this.onComplete.dispatch(this,this.resources)},t.prototype._onLoad=function(t){var e=this;t._onLoadBinding=null,this._resourcesParsing.push(t),t._dequeue(),c.eachSeries(this._afterMiddleware,function(r,n){r.call(e,t,n)},function(){t.onAfterMiddleware.dispatch(t),e.progress+=t.progressChunk,e.onProgress.dispatch(e,t),t.error?e.onError.dispatch(t.error,e,t):e.onLoad.dispatch(e,t),e._resourcesParsing.splice(e._resourcesParsing.indexOf(t),1),e._queue.idle()&&0===e._resourcesParsing.length&&(e.progress=100,e._onComplete())},!0)},t}();r.default=v},{"./Resource":33,"./async":34,"mini-signals":5,"parse-uri":7}],33:[function(t,e,r){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}function i(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function o(){}function s(t,e,r){e&&0===e.indexOf(".")&&(e=e.substring(1)),e&&(t[e]=r)}function a(t){return t.toString().replace("object ","")}r.__esModule=!0;var u=function(){function t(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,r,n){return r&&t(e.prototype,r),n&&t(e,n),e}}(),h=t("parse-uri"),l=n(h),c=t("mini-signals"),d=n(c),f=!(!window.XDomainRequest||"withCredentials"in new XMLHttpRequest),p=null,v=function(){function t(e,r,n){if(i(this,t),"string"!=typeof e||"string"!=typeof r)throw new Error("Both name and url are required for constructing a resource.");n=n||{},this._flags=0,this._setFlag(t.STATUS_FLAGS.DATA_URL,0===r.indexOf("data:")),this.name=e,this.url=r,this.extension=this._getExtension(),this.data=null,this.crossOrigin=!0===n.crossOrigin?"anonymous":n.crossOrigin,this.loadType=n.loadType||this._determineLoadType(),this.xhrType=n.xhrType,this.metadata=n.metadata||{},this.error=null,this.xhr=null,this.children=[],this.type=t.TYPE.UNKNOWN,this.progressChunk=0,this._dequeue=o,this._onLoadBinding=null,this._boundComplete=this.complete.bind(this),this._boundOnError=this._onError.bind(this),this._boundOnProgress=this._onProgress.bind(this),this._boundXhrOnError=this._xhrOnError.bind(this),this._boundXhrOnAbort=this._xhrOnAbort.bind(this),this._boundXhrOnLoad=this._xhrOnLoad.bind(this),this._boundXdrOnTimeout=this._xdrOnTimeout.bind(this),this.onStart=new d.default,this.onProgress=new d.default,this.onComplete=new d.default,this.onAfterMiddleware=new d.default}return t.setExtensionLoadType=function(e,r){s(t._loadTypeMap,e,r)},t.setExtensionXhrType=function(e,r){s(t._xhrTypeMap,e,r)},t.prototype.complete=function(){if(this.data&&this.data.removeEventListener&&(this.data.removeEventListener("error",this._boundOnError,!1),this.data.removeEventListener("load",this._boundComplete,!1),this.data.removeEventListener("progress",this._boundOnProgress,!1),this.data.removeEventListener("canplaythrough",this._boundComplete,!1)),this.xhr&&(this.xhr.removeEventListener?(this.xhr.removeEventListener("error",this._boundXhrOnError,!1),this.xhr.removeEventListener("abort",this._boundXhrOnAbort,!1),this.xhr.removeEventListener("progress",this._boundOnProgress,!1),this.xhr.removeEventListener("load",this._boundXhrOnLoad,!1)):(this.xhr.onerror=null,this.xhr.ontimeout=null,this.xhr.onprogress=null,this.xhr.onload=null)),this.isComplete)throw new Error("Complete called again for an already completed resource.");this._setFlag(t.STATUS_FLAGS.COMPLETE,!0),this._setFlag(t.STATUS_FLAGS.LOADING,!1),this.onComplete.dispatch(this)},t.prototype.abort=function(e){if(!this.error){if(this.error=new Error(e),this.xhr)this.xhr.abort();else if(this.xdr)this.xdr.abort();else if(this.data)if(this.data.src)this.data.src=t.EMPTY_GIF;else for(;this.data.firstChild;)this.data.removeChild(this.data.firstChild);this.complete()}},t.prototype.load=function(e){var r=this;if(!this.isLoading){if(this.isComplete)return void(e&&setTimeout(function(){return e(r)},1));switch(e&&this.onComplete.once(e),this._setFlag(t.STATUS_FLAGS.LOADING,!0),this.onStart.dispatch(this),!1!==this.crossOrigin&&"string"==typeof this.crossOrigin||(this.crossOrigin=this._determineCrossOrigin(this.url)),this.loadType){case t.LOAD_TYPE.IMAGE:this.type=t.TYPE.IMAGE,this._loadElement("image");break;case t.LOAD_TYPE.AUDIO:this.type=t.TYPE.AUDIO,this._loadSourceElement("audio");break;case t.LOAD_TYPE.VIDEO:this.type=t.TYPE.VIDEO,this._loadSourceElement("video");break;case t.LOAD_TYPE.XHR:default:f&&this.crossOrigin?this._loadXdr():this._loadXhr()}}},t.prototype._hasFlag=function(t){return!!(this._flags&t)},t.prototype._setFlag=function(t,e){this._flags=e?this._flags|t:this._flags&~t},t.prototype._loadElement=function(t){this.metadata.loadElement?this.data=this.metadata.loadElement:"image"===t&&void 0!==window.Image?this.data=new Image:this.data=document.createElement(t),this.crossOrigin&&(this.data.crossOrigin=this.crossOrigin),this.metadata.skipSource||(this.data.src=this.url),this.data.addEventListener("error",this._boundOnError,!1),this.data.addEventListener("load",this._boundComplete,!1),this.data.addEventListener("progress",this._boundOnProgress,!1)},t.prototype._loadSourceElement=function(t){if(this.metadata.loadElement?this.data=this.metadata.loadElement:"audio"===t&&void 0!==window.Audio?this.data=new Audio:this.data=document.createElement(t),null===this.data)return void this.abort("Unsupported element: "+t);if(!this.metadata.skipSource)if(navigator.isCocoonJS)this.data.src=Array.isArray(this.url)?this.url[0]:this.url;else if(Array.isArray(this.url))for(var e=this.metadata.mimeType,r=0;r<this.url.length;++r)this.data.appendChild(this._createSource(t,this.url[r],Array.isArray(e)?e[r]:e));else{var n=this.metadata.mimeType;this.data.appendChild(this._createSource(t,this.url,Array.isArray(n)?n[0]:n))}this.data.addEventListener("error",this._boundOnError,!1),this.data.addEventListener("load",this._boundComplete,!1),this.data.addEventListener("progress",this._boundOnProgress,!1),this.data.addEventListener("canplaythrough",this._boundComplete,!1),this.data.load()},t.prototype._loadXhr=function(){"string"!=typeof this.xhrType&&(this.xhrType=this._determineXhrType());var e=this.xhr=new XMLHttpRequest;e.open("GET",this.url,!0),this.xhrType===t.XHR_RESPONSE_TYPE.JSON||this.xhrType===t.XHR_RESPONSE_TYPE.DOCUMENT?e.responseType=t.XHR_RESPONSE_TYPE.TEXT:e.responseType=this.xhrType,e.addEventListener("error",this._boundXhrOnError,!1),e.addEventListener("abort",this._boundXhrOnAbort,!1),e.addEventListener("progress",this._boundOnProgress,!1),e.addEventListener("load",this._boundXhrOnLoad,!1),e.send()},t.prototype._loadXdr=function(){"string"!=typeof this.xhrType&&(this.xhrType=this._determineXhrType());var t=this.xhr=new XDomainRequest;t.timeout=5e3,t.onerror=this._boundXhrOnError,t.ontimeout=this._boundXdrOnTimeout,t.onprogress=this._boundOnProgress,t.onload=this._boundXhrOnLoad,t.open("GET",this.url,!0),setTimeout(function(){return t.send()},1)},t.prototype._createSource=function(t,e,r){r||(r=t+"/"+this._getExtension(e));var n=document.createElement("source");return n.src=e,n.type=r,n},t.prototype._onError=function(t){this.abort("Failed to load element using: "+t.target.nodeName)},t.prototype._onProgress=function(t){t&&t.lengthComputable&&this.onProgress.dispatch(this,t.loaded/t.total)},t.prototype._xhrOnError=function(){var t=this.xhr;this.abort(a(t)+" Request failed. Status: "+t.status+', text: "'+t.statusText+'"')},t.prototype._xhrOnAbort=function(){this.abort(a(this.xhr)+" Request was aborted by the user.")},t.prototype._xdrOnTimeout=function(){this.abort(a(this.xhr)+" Request timed out.")},t.prototype._xhrOnLoad=function(){var e=this.xhr,r="",n=void 0===e.status?200:e.status;if(""!==e.responseType&&"text"!==e.responseType&&void 0!==e.responseType||(r=e.responseText),0===n&&r.length>0?n=200:1223===n&&(n=204),2!=(n/100|0))return void this.abort("["+e.status+"] "+e.statusText+": "+e.responseURL);if(this.xhrType===t.XHR_RESPONSE_TYPE.TEXT)this.data=r,this.type=t.TYPE.TEXT;else if(this.xhrType===t.XHR_RESPONSE_TYPE.JSON)try{this.data=JSON.parse(r),this.type=t.TYPE.JSON}catch(t){return void this.abort("Error trying to parse loaded json: "+t)}else if(this.xhrType===t.XHR_RESPONSE_TYPE.DOCUMENT)try{if(window.DOMParser){var i=new DOMParser;this.data=i.parseFromString(r,"text/xml")}else{var o=document.createElement("div");o.innerHTML=r,this.data=o}this.type=t.TYPE.XML}catch(t){return void this.abort("Error trying to parse loaded xml: "+t)}else this.data=e.response||r;this.complete()},t.prototype._determineCrossOrigin=function(t,e){if(0===t.indexOf("data:"))return"";e=e||window.location,p||(p=document.createElement("a")),p.href=t,t=(0,l.default)(p.href,{strictMode:!0});var r=!t.port&&""===e.port||t.port===e.port,n=t.protocol?t.protocol+":":"";return t.host===e.hostname&&r&&n===e.protocol?"":"anonymous"},t.prototype._determineXhrType=function(){return t._xhrTypeMap[this.extension]||t.XHR_RESPONSE_TYPE.TEXT},t.prototype._determineLoadType=function(){return t._loadTypeMap[this.extension]||t.LOAD_TYPE.XHR},t.prototype._getExtension=function(){var t=this.url,e="";if(this.isDataUrl){var r=t.indexOf("/");e=t.substring(r+1,t.indexOf(";",r))}else{var n=t.indexOf("?"),i=t.indexOf("#"),o=Math.min(n>-1?n:t.length,i>-1?i:t.length);t=t.substring(0,o),e=t.substring(t.lastIndexOf(".")+1)}return e.toLowerCase()},t.prototype._getMimeFromXhrType=function(e){switch(e){case t.XHR_RESPONSE_TYPE.BUFFER:return"application/octet-binary";case t.XHR_RESPONSE_TYPE.BLOB:return"application/blob";case t.XHR_RESPONSE_TYPE.DOCUMENT:return"application/xml";case t.XHR_RESPONSE_TYPE.JSON:return"application/json";case t.XHR_RESPONSE_TYPE.DEFAULT:case t.XHR_RESPONSE_TYPE.TEXT:default:return"text/plain"}},u(t,[{key:"isDataUrl",get:function(){return this._hasFlag(t.STATUS_FLAGS.DATA_URL)}},{key:"isComplete",get:function(){return this._hasFlag(t.STATUS_FLAGS.COMPLETE)}},{key:"isLoading",get:function(){return this._hasFlag(t.STATUS_FLAGS.LOADING)}}]),t}();r.default=v,v.STATUS_FLAGS={NONE:0,DATA_URL:1,COMPLETE:2,LOADING:4},v.TYPE={UNKNOWN:0,JSON:1,XML:2,IMAGE:3,AUDIO:4,VIDEO:5,TEXT:6},v.LOAD_TYPE={XHR:1,IMAGE:2,AUDIO:3,VIDEO:4},v.XHR_RESPONSE_TYPE={DEFAULT:"text",BUFFER:"arraybuffer",BLOB:"blob",DOCUMENT:"document",JSON:"json",TEXT:"text"},v._loadTypeMap={gif:v.LOAD_TYPE.IMAGE,png:v.LOAD_TYPE.IMAGE,bmp:v.LOAD_TYPE.IMAGE,jpg:v.LOAD_TYPE.IMAGE,jpeg:v.LOAD_TYPE.IMAGE,tif:v.LOAD_TYPE.IMAGE,tiff:v.LOAD_TYPE.IMAGE,webp:v.LOAD_TYPE.IMAGE,tga:v.LOAD_TYPE.IMAGE,svg:v.LOAD_TYPE.IMAGE,"svg+xml":v.LOAD_TYPE.IMAGE,mp3:v.LOAD_TYPE.AUDIO,ogg:v.LOAD_TYPE.AUDIO,wav:v.LOAD_TYPE.AUDIO,mp4:v.LOAD_TYPE.VIDEO,webm:v.LOAD_TYPE.VIDEO},v._xhrTypeMap={xhtml:v.XHR_RESPONSE_TYPE.DOCUMENT,html:v.XHR_RESPONSE_TYPE.DOCUMENT,htm:v.XHR_RESPONSE_TYPE.DOCUMENT,xml:v.XHR_RESPONSE_TYPE.DOCUMENT,tmx:v.XHR_RESPONSE_TYPE.DOCUMENT,svg:v.XHR_RESPONSE_TYPE.DOCUMENT,tsx:v.XHR_RESPONSE_TYPE.DOCUMENT,gif:v.XHR_RESPONSE_TYPE.BLOB,png:v.XHR_RESPONSE_TYPE.BLOB,bmp:v.XHR_RESPONSE_TYPE.BLOB,jpg:v.XHR_RESPONSE_TYPE.BLOB,jpeg:v.XHR_RESPONSE_TYPE.BLOB,tif:v.XHR_RESPONSE_TYPE.BLOB,tiff:v.XHR_RESPONSE_TYPE.BLOB,webp:v.XHR_RESPONSE_TYPE.BLOB,tga:v.XHR_RESPONSE_TYPE.BLOB,json:v.XHR_RESPONSE_TYPE.JSON,text:v.XHR_RESPONSE_TYPE.TEXT,txt:v.XHR_RESPONSE_TYPE.TEXT,ttf:v.XHR_RESPONSE_TYPE.BUFFER,otf:v.XHR_RESPONSE_TYPE.BUFFER},v.EMPTY_GIF="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="},{"mini-signals":5,"parse-uri":7}],34:[function(t,e,r){"use strict";function n(){}function i(t,e,r,n){var i=0,o=t.length;!function s(a){if(a||i===o)return void(r&&r(a));n?setTimeout(function(){e(t[i++],s)},1):e(t[i++],s)}()}function o(t){return function(){if(null===t)throw new Error("Callback was already called.");var e=t;t=null,e.apply(this,arguments)}}function s(t,e){function r(t,e,r){if(null!=r&&"function"!=typeof r)throw new Error("task callback must be a function");if(a.started=!0,null==t&&a.idle())return void setTimeout(function(){return a.drain()},1);var i={data:t,callback:"function"==typeof r?r:n};e?a._tasks.unshift(i):a._tasks.push(i),setTimeout(function(){return a.process()},1)}function i(t){return function(){s-=1,t.callback.apply(t,arguments),null!=arguments[0]&&a.error(arguments[0],t.data),s<=a.concurrency-a.buffer&&a.unsaturated(),a.idle()&&a.drain(),a.process()}}if(null==e)e=1;else if(0===e)throw new Error("Concurrency must not be zero");var s=0,a={_tasks:[],concurrency:e,saturated:n,unsaturated:n,buffer:e/4,empty:n,drain:n,error:n,started:!1,paused:!1,push:function(t,e){r(t,!1,e)},kill:function(){s=0,a.drain=n,a.started=!1,a._tasks=[]},unshift:function(t,e){r(t,!0,e)},process:function(){for(;!a.paused&&s<a.concurrency&&a._tasks.length;){var e=a._tasks.shift();0===a._tasks.length&&a.empty(),s+=1,s===a.concurrency&&a.saturated(),t(e.data,o(i(e)))}},length:function(){return a._tasks.length},running:function(){return s},idle:function(){return a._tasks.length+s===0},pause:function(){!0!==a.paused&&(a.paused=!0)},resume:function(){if(!1!==a.paused){a.paused=!1;for(var t=1;t<=a.concurrency;t++)a.process()}}};return a}r.__esModule=!0,r.eachSeries=i,r.queue=s},{}],35:[function(t,e,r){"use strict";function n(t){for(var e="",r=0;r<t.length;){for(var n=[0,0,0],o=[0,0,0,0],s=0;s<n.length;++s)r<t.length?n[s]=255&t.charCodeAt(r++):n[s]=0;o[0]=n[0]>>2,o[1]=(3&n[0])<<4|n[1]>>4,o[2]=(15&n[1])<<2|n[2]>>6,o[3]=63&n[2];switch(r-(t.length-1)){case 2:o[3]=64,o[2]=64;break;case 1:o[3]=64}for(var a=0;a<o.length;++a)e+=i.charAt(o[a])}return e}r.__esModule=!0,r.encodeBinary=n;var i="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/="},{}],36:[function(t,e,r){"use strict";var n=t("./Loader").default,i=t("./Resource").default,o=t("./async"),s=t("./b64");n.Resource=i,n.async=o,n.base64=s,e.exports=n,e.exports.default=n},{"./Loader":32,"./Resource":33,"./async":34,"./b64":35}],37:[function(t,e,r){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}function i(){return function(t,e){if(!t.data)return void e();if(t.xhr&&t.xhrType===a.default.XHR_RESPONSE_TYPE.BLOB)if(window.Blob&&"string"!=typeof t.data){if(0===t.data.type.indexOf("image")){var r=function(){var r=l.createObjectURL(t.data);return t.blob=t.data,t.data=new Image,t.data.src=r,t.type=a.default.TYPE.IMAGE,t.data.onload=function(){l.revokeObjectURL(r),t.data.onload=null,e()},{v:void 0}}();if("object"===(void 0===r?"undefined":o(r)))return r.v}}else{var n=t.xhr.getResponseHeader("content-type");if(n&&0===n.indexOf("image"))return t.data=new Image,t.data.src="data:"+n+";base64,"+h.default.encodeBinary(t.xhr.responseText),t.type=a.default.TYPE.IMAGE,void(t.data.onload=function(){t.data.onload=null,e()})}e()}}r.__esModule=!0;var o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t};r.blobMiddlewareFactory=i;var s=t("../../Resource"),a=n(s),u=t("../../b64"),h=n(u),l=window.URL||window.webkitURL},{"../../Resource":33,"../../b64":35}],38:[function(t,e,r){"use strict";function n(){this.protocol=null,this.slashes=null,this.auth=null,this.host=null,this.port=null,this.hostname=null,this.hash=null,this.search=null,this.query=null,this.pathname=null,this.path=null,this.href=null}function i(t,e,r){if(t&&h.isObject(t)&&t instanceof n)return t;var i=new n;return i.parse(t,e,r),i}function o(t){return h.isString(t)&&(t=i(t)),t instanceof n?t.format():n.prototype.format.call(t)}function s(t,e){return i(t,!1,!0).resolve(e)}function a(t,e){return t?i(t,!1,!0).resolveObject(e):e}var u=t("punycode"),h=t("./util");r.parse=i,r.resolve=s,r.resolveObject=a,r.format=o,r.Url=n;var l=/^([a-z0-9.+-]+:)/i,c=/:[0-9]*$/,d=/^(\/\/?(?!\/)[^\?\s]*)(\?[^\s]*)?$/,f=["<",">",'"',"`"," ","\r","\n","\t"],p=["{","}","|","\\","^","`"].concat(f),v=["'"].concat(p),y=["%","/","?",";","#"].concat(v),g=["/","?","#"],m=/^[+a-z0-9A-Z_-]{0,63}$/,_=/^([+a-z0-9A-Z_-]{0,63})(.*)$/,b={javascript:!0,"javascript:":!0},x={javascript:!0,"javascript:":!0},T={http:!0,https:!0,ftp:!0,gopher:!0,file:!0,"http:":!0,"https:":!0,"ftp:":!0,"gopher:":!0,"file:":!0},w=t("querystring");n.prototype.parse=function(t,e,r){if(!h.isString(t))throw new TypeError("Parameter 'url' must be a string, not "+typeof t);var n=t.indexOf("?"),i=-1!==n&&n<t.indexOf("#")?"?":"#",o=t.split(i),s=/\\/g;o[0]=o[0].replace(s,"/"),t=o.join(i);var a=t;if(a=a.trim(),!r&&1===t.split("#").length){var c=d.exec(a);if(c)return this.path=a,this.href=a,this.pathname=c[1],c[2]?(this.search=c[2],this.query=e?w.parse(this.search.substr(1)):this.search.substr(1)):e&&(this.search="",this.query={}),this}var f=l.exec(a);if(f){f=f[0];var p=f.toLowerCase();this.protocol=p,a=a.substr(f.length)}if(r||f||a.match(/^\/\/[^@\/]+@[^@\/]+/)){var E="//"===a.substr(0,2);!E||f&&x[f]||(a=a.substr(2),this.slashes=!0)}if(!x[f]&&(E||f&&!T[f])){for(var S=-1,O=0;O<g.length;O++){var M=a.indexOf(g[O]);-1!==M&&(-1===S||M<S)&&(S=M)}var P,C;C=-1===S?a.lastIndexOf("@"):a.lastIndexOf("@",S),-1!==C&&(P=a.slice(0,C),a=a.slice(C+1),this.auth=decodeURIComponent(P)),S=-1;for(var O=0;O<y.length;O++){var M=a.indexOf(y[O]);-1!==M&&(-1===S||M<S)&&(S=M)}-1===S&&(S=a.length),this.host=a.slice(0,S),a=a.slice(S),this.parseHost(),this.hostname=this.hostname||"";var R="["===this.hostname[0]&&"]"===this.hostname[this.hostname.length-1];if(!R)for(var A=this.hostname.split(/\./),O=0,I=A.length;O<I;O++){var D=A[O];if(D&&!D.match(m)){for(var L="",N=0,F=D.length;N<F;N++)D.charCodeAt(N)>127?L+="x":L+=D[N];if(!L.match(m)){var B=A.slice(0,O),k=A.slice(O+1),j=D.match(_);j&&(B.push(j[1]),k.unshift(j[2])),k.length&&(a="/"+k.join(".")+a),this.hostname=B.join(".");break}}}this.hostname.length>255?this.hostname="":this.hostname=this.hostname.toLowerCase(),R||(this.hostname=u.toASCII(this.hostname));var U=this.port?":"+this.port:"",X=this.hostname||"";this.host=X+U,this.href+=this.host,R&&(this.hostname=this.hostname.substr(1,this.hostname.length-2),"/"!==a[0]&&(a="/"+a))}if(!b[p])for(var O=0,I=v.length;O<I;O++){var G=v[O];if(-1!==a.indexOf(G)){var W=encodeURIComponent(G);W===G&&(W=escape(G)),a=a.split(G).join(W)}}var H=a.indexOf("#");-1!==H&&(this.hash=a.substr(H),a=a.slice(0,H));var Y=a.indexOf("?");if(-1!==Y?(this.search=a.substr(Y),this.query=a.substr(Y+1),e&&(this.query=w.parse(this.query)),a=a.slice(0,Y)):e&&(this.search="",this.query={}),a&&(this.pathname=a),T[p]&&this.hostname&&!this.pathname&&(this.pathname="/"),this.pathname||this.search){var U=this.pathname||"",V=this.search||"";this.path=U+V}return this.href=this.format(),this},n.prototype.format=function(){var t=this.auth||"";t&&(t=encodeURIComponent(t),t=t.replace(/%3A/i,":"),t+="@");var e=this.protocol||"",r=this.pathname||"",n=this.hash||"",i=!1,o="";this.host?i=t+this.host:this.hostname&&(i=t+(-1===this.hostname.indexOf(":")?this.hostname:"["+this.hostname+"]"),this.port&&(i+=":"+this.port)),this.query&&h.isObject(this.query)&&Object.keys(this.query).length&&(o=w.stringify(this.query));var s=this.search||o&&"?"+o||"";return e&&":"!==e.substr(-1)&&(e+=":"),this.slashes||(!e||T[e])&&!1!==i?(i="//"+(i||""),r&&"/"!==r.charAt(0)&&(r="/"+r)):i||(i=""),n&&"#"!==n.charAt(0)&&(n="#"+n),s&&"?"!==s.charAt(0)&&(s="?"+s),r=r.replace(/[?#]/g,function(t){
+return encodeURIComponent(t)}),s=s.replace("#","%23"),e+i+r+s+n},n.prototype.resolve=function(t){return this.resolveObject(i(t,!1,!0)).format()},n.prototype.resolveObject=function(t){if(h.isString(t)){var e=new n;e.parse(t,!1,!0),t=e}for(var r=new n,i=Object.keys(this),o=0;o<i.length;o++){var s=i[o];r[s]=this[s]}if(r.hash=t.hash,""===t.href)return r.href=r.format(),r;if(t.slashes&&!t.protocol){for(var a=Object.keys(t),u=0;u<a.length;u++){var l=a[u];"protocol"!==l&&(r[l]=t[l])}return T[r.protocol]&&r.hostname&&!r.pathname&&(r.path=r.pathname="/"),r.href=r.format(),r}if(t.protocol&&t.protocol!==r.protocol){if(!T[t.protocol]){for(var c=Object.keys(t),d=0;d<c.length;d++){var f=c[d];r[f]=t[f]}return r.href=r.format(),r}if(r.protocol=t.protocol,t.host||x[t.protocol])r.pathname=t.pathname;else{for(var p=(t.pathname||"").split("/");p.length&&!(t.host=p.shift()););t.host||(t.host=""),t.hostname||(t.hostname=""),""!==p[0]&&p.unshift(""),p.length<2&&p.unshift(""),r.pathname=p.join("/")}if(r.search=t.search,r.query=t.query,r.host=t.host||"",r.auth=t.auth,r.hostname=t.hostname||t.host,r.port=t.port,r.pathname||r.search){var v=r.pathname||"",y=r.search||"";r.path=v+y}return r.slashes=r.slashes||t.slashes,r.href=r.format(),r}var g=r.pathname&&"/"===r.pathname.charAt(0),m=t.host||t.pathname&&"/"===t.pathname.charAt(0),_=m||g||r.host&&t.pathname,b=_,w=r.pathname&&r.pathname.split("/")||[],p=t.pathname&&t.pathname.split("/")||[],E=r.protocol&&!T[r.protocol];if(E&&(r.hostname="",r.port=null,r.host&&(""===w[0]?w[0]=r.host:w.unshift(r.host)),r.host="",t.protocol&&(t.hostname=null,t.port=null,t.host&&(""===p[0]?p[0]=t.host:p.unshift(t.host)),t.host=null),_=_&&(""===p[0]||""===w[0])),m)r.host=t.host||""===t.host?t.host:r.host,r.hostname=t.hostname||""===t.hostname?t.hostname:r.hostname,r.search=t.search,r.query=t.query,w=p;else if(p.length)w||(w=[]),w.pop(),w=w.concat(p),r.search=t.search,r.query=t.query;else if(!h.isNullOrUndefined(t.search)){if(E){r.hostname=r.host=w.shift();var S=!!(r.host&&r.host.indexOf("@")>0)&&r.host.split("@");S&&(r.auth=S.shift(),r.host=r.hostname=S.shift())}return r.search=t.search,r.query=t.query,h.isNull(r.pathname)&&h.isNull(r.search)||(r.path=(r.pathname?r.pathname:"")+(r.search?r.search:"")),r.href=r.format(),r}if(!w.length)return r.pathname=null,r.search?r.path="/"+r.search:r.path=null,r.href=r.format(),r;for(var O=w.slice(-1)[0],M=(r.host||t.host||w.length>1)&&("."===O||".."===O)||""===O,P=0,C=w.length;C>=0;C--)O=w[C],"."===O?w.splice(C,1):".."===O?(w.splice(C,1),P++):P&&(w.splice(C,1),P--);if(!_&&!b)for(;P--;P)w.unshift("..");!_||""===w[0]||w[0]&&"/"===w[0].charAt(0)||w.unshift(""),M&&"/"!==w.join("/").substr(-1)&&w.push("");var R=""===w[0]||w[0]&&"/"===w[0].charAt(0);if(E){r.hostname=r.host=R?"":w.length?w.shift():"";var S=!!(r.host&&r.host.indexOf("@")>0)&&r.host.split("@");S&&(r.auth=S.shift(),r.host=r.hostname=S.shift())}return _=_||r.host&&w.length,_&&!R&&w.unshift(""),w.length?r.pathname=w.join("/"):(r.pathname=null,r.path=null),h.isNull(r.pathname)&&h.isNull(r.search)||(r.path=(r.pathname?r.pathname:"")+(r.search?r.search:"")),r.auth=t.auth||r.auth,r.slashes=r.slashes||t.slashes,r.href=r.format(),r},n.prototype.parseHost=function(){var t=this.host,e=c.exec(t);e&&(e=e[0],":"!==e&&(this.port=e.substr(1)),t=t.substr(0,t.length-e.length)),t&&(this.hostname=t)}},{"./util":39,punycode:27,querystring:30}],39:[function(t,e,r){"use strict";e.exports={isString:function(t){return"string"==typeof t},isObject:function(t){return"object"==typeof t&&null!==t},isNull:function(t){return null===t},isNullOrUndefined:function(t){return null==t}}},{}],40:[function(t,e,r){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}function i(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}r.__esModule=!0;var o=t("../core"),s=function(t){if(t&&t.__esModule)return t;var e={};if(null!=t)for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e.default=t,e}(o),a=t("ismobilejs"),u=n(a),h=t("./accessibleTarget"),l=n(h);s.utils.mixins.delayMixin(s.DisplayObject.prototype,l.default);var c=100,d=0,f=0,p=2,v=function(){function t(e){i(this,t),!u.default.tablet&&!u.default.phone||navigator.isCocoonJS||this.createTouchHook();var r=document.createElement("div");r.style.width=c+"px",r.style.height=c+"px",r.style.position="absolute",r.style.top=d+"px",r.style.left=f+"px",r.style.zIndex=p,this.div=r,this.pool=[],this.renderId=0,this.debug=!1,this.renderer=e,this.children=[],this._onKeyDown=this._onKeyDown.bind(this),this._onMouseMove=this._onMouseMove.bind(this),this.isActive=!1,this.isMobileAccessabillity=!1,window.addEventListener("keydown",this._onKeyDown,!1)}return t.prototype.createTouchHook=function(){var t=this,e=document.createElement("button");e.style.width="1px",e.style.height="1px",e.style.position="absolute",e.style.top="-1000px",e.style.left="-1000px",e.style.zIndex=2,e.style.backgroundColor="#FF0000",e.title="HOOK DIV",e.addEventListener("focus",function(){t.isMobileAccessabillity=!0,t.activate(),document.body.removeChild(e)}),document.body.appendChild(e)},t.prototype.activate=function(){this.isActive||(this.isActive=!0,window.document.addEventListener("mousemove",this._onMouseMove,!0),window.removeEventListener("keydown",this._onKeyDown,!1),this.renderer.on("postrender",this.update,this),this.renderer.view.parentNode&&this.renderer.view.parentNode.appendChild(this.div))},t.prototype.deactivate=function(){this.isActive&&!this.isMobileAccessabillity&&(this.isActive=!1,window.document.removeEventListener("mousemove",this._onMouseMove),window.addEventListener("keydown",this._onKeyDown,!1),this.renderer.off("postrender",this.update),this.div.parentNode&&this.div.parentNode.removeChild(this.div))},t.prototype.updateAccessibleObjects=function(t){if(t.visible){t.accessible&&t.interactive&&(t._accessibleActive||this.addChild(t),t.renderId=this.renderId);for(var e=t.children,r=e.length-1;r>=0;r--)this.updateAccessibleObjects(e[r])}},t.prototype.update=function(){if(this.renderer.renderingToScreen){this.updateAccessibleObjects(this.renderer._lastObjectRendered);var t=this.renderer.view.getBoundingClientRect(),e=t.width/this.renderer.width,r=t.height/this.renderer.height,n=this.div;n.style.left=t.left+"px",n.style.top=t.top+"px",n.style.width=this.renderer.width+"px",n.style.height=this.renderer.height+"px";for(var i=0;i<this.children.length;i++){var o=this.children[i];if(o.renderId!==this.renderId)o._accessibleActive=!1,s.utils.removeItems(this.children,i,1),this.div.removeChild(o._accessibleDiv),this.pool.push(o._accessibleDiv),o._accessibleDiv=null,i--,0===this.children.length&&this.deactivate();else{n=o._accessibleDiv;var a=o.hitArea,u=o.worldTransform;o.hitArea?(n.style.left=(u.tx+a.x*u.a)*e+"px",n.style.top=(u.ty+a.y*u.d)*r+"px",n.style.width=a.width*u.a*e+"px",n.style.height=a.height*u.d*r+"px"):(a=o.getBounds(),this.capHitArea(a),n.style.left=a.x*e+"px",n.style.top=a.y*r+"px",n.style.width=a.width*e+"px",n.style.height=a.height*r+"px")}}this.renderId++}},t.prototype.capHitArea=function(t){t.x<0&&(t.width+=t.x,t.x=0),t.y<0&&(t.height+=t.y,t.y=0),t.x+t.width>this.renderer.width&&(t.width=this.renderer.width-t.x),t.y+t.height>this.renderer.height&&(t.height=this.renderer.height-t.y)},t.prototype.addChild=function(t){var e=this.pool.pop();e||(e=document.createElement("button"),e.style.width=c+"px",e.style.height=c+"px",e.style.backgroundColor=this.debug?"rgba(255,0,0,0.5)":"transparent",e.style.position="absolute",e.style.zIndex=p,e.style.borderStyle="none",e.addEventListener("click",this._onClick.bind(this)),e.addEventListener("focus",this._onFocus.bind(this)),e.addEventListener("focusout",this._onFocusOut.bind(this))),t.accessibleTitle?e.title=t.accessibleTitle:t.accessibleTitle||t.accessibleHint||(e.title="displayObject "+this.tabIndex),t.accessibleHint&&e.setAttribute("aria-label",t.accessibleHint),t._accessibleActive=!0,t._accessibleDiv=e,e.displayObject=t,this.children.push(t),this.div.appendChild(t._accessibleDiv),t._accessibleDiv.tabIndex=t.tabIndex},t.prototype._onClick=function(t){var e=this.renderer.plugins.interaction;e.dispatchEvent(t.target.displayObject,"click",e.eventData)},t.prototype._onFocus=function(t){var e=this.renderer.plugins.interaction;e.dispatchEvent(t.target.displayObject,"mouseover",e.eventData)},t.prototype._onFocusOut=function(t){var e=this.renderer.plugins.interaction;e.dispatchEvent(t.target.displayObject,"mouseout",e.eventData)},t.prototype._onKeyDown=function(t){9===t.keyCode&&this.activate()},t.prototype._onMouseMove=function(){this.deactivate()},t.prototype.destroy=function(){this.div=null;for(var t=0;t<this.children.length;t++)this.children[t].div=null;window.document.removeEventListener("mousemove",this._onMouseMove),window.removeEventListener("keydown",this._onKeyDown),this.pool=null,this.children=null,this.renderer=null},t}();r.default=v,s.WebGLRenderer.registerPlugin("accessibility",v),s.CanvasRenderer.registerPlugin("accessibility",v)},{"../core":65,"./accessibleTarget":41,ismobilejs:4}],41:[function(t,e,r){"use strict";r.__esModule=!0,r.default={accessible:!1,accessibleTitle:null,accessibleHint:null,tabIndex:0,_accessibleActive:!1,_accessibleDiv:!1}},{}],42:[function(t,e,r){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}r.__esModule=!0;var i=t("./accessibleTarget");Object.defineProperty(r,"accessibleTarget",{enumerable:!0,get:function(){return n(i).default}});var o=t("./AccessibilityManager");Object.defineProperty(r,"AccessibilityManager",{enumerable:!0,get:function(){return n(o).default}})},{"./AccessibilityManager":40,"./accessibleTarget":41}],43:[function(t,e,r){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}function i(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}r.__esModule=!0;var o=function(){function t(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,r,n){return r&&t(e.prototype,r),n&&t(e,n),e}}(),s=t("./autoDetectRenderer"),a=t("./display/Container"),u=n(a),h=t("./ticker"),l=t("./settings"),c=n(l),d=t("./const"),f=function(){function t(e,r,n,o,a){i(this,t),"number"==typeof e&&(e=Object.assign({width:e,height:r||c.default.RENDER_OPTIONS.height,forceCanvas:!!o,sharedTicker:!!a},n)),this._options=e=Object.assign({autoStart:!0,sharedTicker:!1,forceCanvas:!1,sharedLoader:!1},e),this.renderer=(0,s.autoDetectRenderer)(e),this.stage=new u.default,this._ticker=null,this.ticker=e.sharedTicker?h.shared:new h.Ticker,e.autoStart&&this.start()}return t.prototype.render=function(){this.renderer.render(this.stage)},t.prototype.stop=function(){this._ticker.stop()},t.prototype.start=function(){this._ticker.start()},t.prototype.destroy=function(t){var e=this._ticker;this.ticker=null,e.destroy(),this.stage.destroy(),this.stage=null,this.renderer.destroy(t),this.renderer=null,this._options=null},o(t,[{key:"ticker",set:function(t){this._ticker&&this._ticker.remove(this.render,this),this._ticker=t,t&&t.add(this.render,this,d.UPDATE_PRIORITY.LOW)},get:function(){return this._ticker}},{key:"view",get:function(){return this.renderer.view}},{key:"screen",get:function(){return this.renderer.screen}}]),t}();r.default=f},{"./autoDetectRenderer":45,"./const":46,"./display/Container":48,"./settings":101,"./ticker":120}],44:[function(t,e,r){"use strict";function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function i(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}function o(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}function s(t,e){if(t instanceof Array){if("precision"!==t[0].substring(0,9)){var r=t.slice(0);return r.unshift("precision "+e+" float;"),r}}else if("precision"!==t.substring(0,9))return"precision "+e+" float;\n"+t;return t}r.__esModule=!0;var a=t("pixi-gl-core"),u=t("./settings"),h=function(t){return t&&t.__esModule?t:{default:t}}(u),l=function(t){function e(r,o,a){return n(this,e),i(this,t.call(this,r,s(o,h.default.PRECISION_VERTEX),s(a,h.default.PRECISION_FRAGMENT)))}return o(e,t),e}(a.GLShader);r.default=l},{"./settings":101,"pixi-gl-core":15}],45:[function(t,e,r){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}function i(t,e,r,n){var i=t&&t.forceCanvas;return void 0!==n&&(i=n),!i&&s.isWebGLSupported()?new l.default(t,e,r):new u.default(t,e,r)}r.__esModule=!0,r.autoDetectRenderer=i;var o=t("./utils"),s=function(t){if(t&&t.__esModule)return t;var e={};if(null!=t)for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e.default=t,e}(o),a=t("./renderers/canvas/CanvasRenderer"),u=n(a),h=t("./renderers/webgl/WebGLRenderer"),l=n(h)},{"./renderers/canvas/CanvasRenderer":77,"./renderers/webgl/WebGLRenderer":84,"./utils":124}],46:[function(t,e,r){"use strict";r.__esModule=!0;r.VERSION="4.5.6",r.PI_2=2*Math.PI,r.RAD_TO_DEG=180/Math.PI,r.DEG_TO_RAD=Math.PI/180,r.RENDERER_TYPE={UNKNOWN:0,WEBGL:1,CANVAS:2},r.BLEND_MODES={NORMAL:0,ADD:1,MULTIPLY:2,SCREEN:3,OVERLAY:4,DARKEN:5,LIGHTEN:6,COLOR_DODGE:7,COLOR_BURN:8,HARD_LIGHT:9,SOFT_LIGHT:10,DIFFERENCE:11,EXCLUSION:12,HUE:13,SATURATION:14,COLOR:15,LUMINOSITY:16,NORMAL_NPM:17,ADD_NPM:18,SCREEN_NPM:19},r.DRAW_MODES={POINTS:0,LINES:1,LINE_LOOP:2,LINE_STRIP:3,TRIANGLES:4,TRIANGLE_STRIP:5,TRIANGLE_FAN:6},r.SCALE_MODES={LINEAR:0,NEAREST:1},r.WRAP_MODES={CLAMP:0,REPEAT:1,MIRRORED_REPEAT:2},r.GC_MODES={AUTO:0,MANUAL:1},r.URL_FILE_EXTENSION=/\.(\w{3,4})(?:$|\?|#)/i,r.DATA_URI=/^\s*data:(?:([\w-]+)\/([\w+.-]+))?(?:;(charset=[\w-]+|base64))?,(.*)/i,r.SVG_SIZE=/<svg[^>]*(?:\s(width|height)=('|")(\d*(?:\.\d+)?)(?:px)?('|"))[^>]*(?:\s(width|height)=('|")(\d*(?:\.\d+)?)(?:px)?('|"))[^>]*>/i,r.SHAPES={POLY:0,RECT:1,CIRC:2,ELIP:3,RREC:4},r.PRECISION={LOW:"lowp",MEDIUM:"mediump",HIGH:"highp"},r.TRANSFORM_MODE={STATIC:0,DYNAMIC:1},r.TEXT_GRADIENT={LINEAR_VERTICAL:0,LINEAR_HORIZONTAL:1},r.UPDATE_PRIORITY={INTERACTION:50,HIGH:25,NORMAL:0,LOW:-25,UTILITY:-50}},{}],47:[function(t,e,r){"use strict";function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}r.__esModule=!0;var i=t("../math"),o=function(){function t(){n(this,t),this.minX=1/0,this.minY=1/0,this.maxX=-1/0,this.maxY=-1/0,this.rect=null}return t.prototype.isEmpty=function(){return this.minX>this.maxX||this.minY>this.maxY},t.prototype.clear=function(){this.updateID++,this.minX=1/0,this.minY=1/0,this.maxX=-1/0,this.maxY=-1/0},t.prototype.getRectangle=function(t){return this.minX>this.maxX||this.minY>this.maxY?i.Rectangle.EMPTY:(t=t||new i.Rectangle(0,0,1,1),t.x=this.minX,t.y=this.minY,t.width=this.maxX-this.minX,t.height=this.maxY-this.minY,t)},t.prototype.addPoint=function(t){this.minX=Math.min(this.minX,t.x),this.maxX=Math.max(this.maxX,t.x),this.minY=Math.min(this.minY,t.y),this.maxY=Math.max(this.maxY,t.y)},t.prototype.addQuad=function(t){var e=this.minX,r=this.minY,n=this.maxX,i=this.maxY,o=t[0],s=t[1];e=o<e?o:e,r=s<r?s:r,n=o>n?o:n,i=s>i?s:i,o=t[2],s=t[3],e=o<e?o:e,r=s<r?s:r,n=o>n?o:n,i=s>i?s:i,o=t[4],s=t[5],e=o<e?o:e,r=s<r?s:r,n=o>n?o:n,i=s>i?s:i,o=t[6],s=t[7],e=o<e?o:e,r=s<r?s:r,n=o>n?o:n,i=s>i?s:i,this.minX=e,this.minY=r,this.maxX=n,this.maxY=i},t.prototype.addFrame=function(t,e,r,n,i){var o=t.worldTransform,s=o.a,a=o.b,u=o.c,h=o.d,l=o.tx,c=o.ty,d=this.minX,f=this.minY,p=this.maxX,v=this.maxY,y=s*e+u*r+l,g=a*e+h*r+c;d=y<d?y:d,f=g<f?g:f,p=y>p?y:p,v=g>v?g:v,y=s*n+u*r+l,g=a*n+h*r+c,d=y<d?y:d,f=g<f?g:f,p=y>p?y:p,v=g>v?g:v,y=s*e+u*i+l,g=a*e+h*i+c,d=y<d?y:d,f=g<f?g:f,p=y>p?y:p,v=g>v?g:v,y=s*n+u*i+l,g=a*n+h*i+c,d=y<d?y:d,f=g<f?g:f,p=y>p?y:p,v=g>v?g:v,this.minX=d,this.minY=f,this.maxX=p,this.maxY=v},t.prototype.addVertices=function(t,e,r,n){for(var i=t.worldTransform,o=i.a,s=i.b,a=i.c,u=i.d,h=i.tx,l=i.ty,c=this.minX,d=this.minY,f=this.maxX,p=this.maxY,v=r;v<n;v+=2){var y=e[v],g=e[v+1],m=o*y+a*g+h,_=u*g+s*y+l;c=m<c?m:c,d=_<d?_:d,f=m>f?m:f,p=_>p?_:p}this.minX=c,this.minY=d,this.maxX=f,this.maxY=p},t.prototype.addBounds=function(t){var e=this.minX,r=this.minY,n=this.maxX,i=this.maxY;this.minX=t.minX<e?t.minX:e,this.minY=t.minY<r?t.minY:r,this.maxX=t.maxX>n?t.maxX:n,this.maxY=t.maxY>i?t.maxY:i},t.prototype.addBoundsMask=function(t,e){var r=t.minX>e.minX?t.minX:e.minX,n=t.minY>e.minY?t.minY:e.minY,i=t.maxX<e.maxX?t.maxX:e.maxX,o=t.maxY<e.maxY?t.maxY:e.maxY;if(r<=i&&n<=o){var s=this.minX,a=this.minY,u=this.maxX,h=this.maxY;this.minX=r<s?r:s,this.minY=n<a?n:a,this.maxX=i>u?i:u,this.maxY=o>h?o:h}},t.prototype.addBoundsArea=function(t,e){var r=t.minX>e.x?t.minX:e.x,n=t.minY>e.y?t.minY:e.y,i=t.maxX<e.x+e.width?t.maxX:e.x+e.width,o=t.maxY<e.y+e.height?t.maxY:e.y+e.height;if(r<=i&&n<=o){var s=this.minX,a=this.minY,u=this.maxX,h=this.maxY;this.minX=r<s?r:s,this.minY=n<a?n:a,this.maxX=i>u?i:u,this.maxY=o>h?o:h}},t}();r.default=o},{"../math":70}],48:[function(t,e,r){"use strict";function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function i(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}function o(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}r.__esModule=!0;var s=function(){function t(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,r,n){return r&&t(e.prototype,r),n&&t(e,n),e}}(),a=t("../utils"),u=t("./DisplayObject"),h=function(t){return t&&t.__esModule?t:{default:t}}(u),l=function(t){function e(){n(this,e);var r=i(this,t.call(this));return r.children=[],r}return o(e,t),e.prototype.onChildrenChange=function(){},e.prototype.addChild=function(t){var e=arguments.length;if(e>1)for(var r=0;r<e;r++)this.addChild(arguments[r]);else t.parent&&t.parent.removeChild(t),t.parent=this,t.transform._parentID=-1,this.children.push(t),this._boundsID++,this.onChildrenChange(this.children.length-1),t.emit("added",this);return t},e.prototype.addChildAt=function(t,e){if(e<0||e>this.children.length)throw new Error(t+"addChildAt: The index "+e+" supplied is out of bounds "+this.children.length);return t.parent&&t.parent.removeChild(t),t.parent=this,t.transform._parentID=-1,this.children.splice(e,0,t),this._boundsID++,this.onChildrenChange(e),t.emit("added",this),t},e.prototype.swapChildren=function(t,e){if(t!==e){var r=this.getChildIndex(t),n=this.getChildIndex(e);this.children[r]=e,this.children[n]=t,this.onChildrenChange(r<n?r:n)}},e.prototype.getChildIndex=function(t){var e=this.children.indexOf(t);if(-1===e)throw new Error("The supplied DisplayObject must be a child of the caller");return e},e.prototype.setChildIndex=function(t,e){if(e<0||e>=this.children.length)throw new Error("The supplied index is out of bounds");var r=this.getChildIndex(t);(0,a.removeItems)(this.children,r,1),this.children.splice(e,0,t),this.onChildrenChange(e)},e.prototype.getChildAt=function(t){if(t<0||t>=this.children.length)throw new Error("getChildAt: Index ("+t+") does not exist.");return this.children[t]},e.prototype.removeChild=function(t){var e=arguments.length;if(e>1)for(var r=0;r<e;r++)this.removeChild(arguments[r]);else{var n=this.children.indexOf(t);if(-1===n)return null;t.parent=null,t.transform._parentID=-1,(0,a.removeItems)(this.children,n,1),this._boundsID++,this.onChildrenChange(n),t.emit("removed",this)}return t},e.prototype.removeChildAt=function(t){var e=this.getChildAt(t);return e.parent=null,e.transform._parentID=-1,(0,a.removeItems)(this.children,t,1),this._boundsID++,this.onChildrenChange(t),e.emit("removed",this),e},e.prototype.removeChildren=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=arguments[1],r=t,n="number"==typeof e?e:this.children.length,i=n-r,o=void 0;if(i>0&&i<=n){o=this.children.splice(r,i);for(var s=0;s<o.length;++s)o[s].parent=null,o[s].transform&&(o[s].transform._parentID=-1);this._boundsID++,this.onChildrenChange(t);for(var a=0;a<o.length;++a)o[a].emit("removed",this);return o}if(0===i&&0===this.children.length)return[];throw new RangeError("removeChildren: numeric values are outside the acceptable range.")},e.prototype.updateTransform=function(){this._boundsID++,this.transform.updateTransform(this.parent.transform),this.worldAlpha=this.alpha*this.parent.worldAlpha;for(var t=0,e=this.children.length;t<e;++t){var r=this.children[t];r.visible&&r.updateTransform()}},e.prototype.calculateBounds=function(){this._bounds.clear(),this._calculateBounds();for(var t=0;t<this.children.length;t++){var e=this.children[t];e.visible&&e.renderable&&(e.calculateBounds(),e._mask?(e._mask.calculateBounds(),this._bounds.addBoundsMask(e._bounds,e._mask._bounds)):e.filterArea?this._bounds.addBoundsArea(e._bounds,e.filterArea):this._bounds.addBounds(e._bounds))}this._lastBoundsID=this._boundsID},e.prototype._calculateBounds=function(){},e.prototype.renderWebGL=function(t){if(this.visible&&!(this.worldAlpha<=0)&&this.renderable)if(this._mask||this._filters)this.renderAdvancedWebGL(t);else{this._renderWebGL(t);for(var e=0,r=this.children.length;e<r;++e)this.children[e].renderWebGL(t)}},e.prototype.renderAdvancedWebGL=function(t){t.flush();var e=this._filters,r=this._mask;if(e){this._enabledFilters||(this._enabledFilters=[]),this._enabledFilters.length=0;for(var n=0;n<e.length;n++)e[n].enabled&&this._enabledFilters.push(e[n]);this._enabledFilters.length&&t.filterManager.pushFilter(this,this._enabledFilters)}r&&t.maskManager.pushMask(this,this._mask),this._renderWebGL(t);for(var i=0,o=this.children.length;i<o;i++)this.children[i].renderWebGL(t);t.flush(),r&&t.maskManager.popMask(this,this._mask),e&&this._enabledFilters&&this._enabledFilters.length&&t.filterManager.popFilter()},e.prototype._renderWebGL=function(t){},e.prototype._renderCanvas=function(t){},e.prototype.renderCanvas=function(t){if(this.visible&&!(this.worldAlpha<=0)&&this.renderable){this._mask&&t.maskManager.pushMask(this._mask),this._renderCanvas(t);for(var e=0,r=this.children.length;e<r;++e)this.children[e].renderCanvas(t);this._mask&&t.maskManager.popMask(t)}},e.prototype.destroy=function(e){t.prototype.destroy.call(this);var r="boolean"==typeof e?e:e&&e.children,n=this.removeChildren(0,this.children.length);if(r)for(var i=0;i<n.length;++i)n[i].destroy(e)},s(e,[{key:"width",get:function(){return this.scale.x*this.getLocalBounds().width},set:function(t){var e=this.getLocalBounds().width;this.scale.x=0!==e?t/e:1,this._width=t}},{key:"height",get:function(){return this.scale.y*this.getLocalBounds().height},set:function(t){var e=this.getLocalBounds().height;this.scale.y=0!==e?t/e:1,this._height=t}}]),e}(h.default);r.default=l,l.prototype.containerUpdateTransform=l.prototype.updateTransform},{"../utils":124,"./DisplayObject":49}],49:[function(t,e,r){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}function i(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function o(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}function s(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}r.__esModule=!0;var a=function(){function t(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,r,n){return r&&t(e.prototype,r),n&&t(e,n),e}}(),u=t("eventemitter3"),h=n(u),l=t("../const"),c=t("../settings"),d=n(c),f=t("./TransformStatic"),p=n(f),v=t("./Transform"),y=n(v),g=t("./Bounds"),m=n(g),_=t("../math"),b=function(t){function e(){i(this,e);var r=o(this,t.call(this)),n=d.default.TRANSFORM_MODE===l.TRANSFORM_MODE.STATIC?p.default:y.default;return r.tempDisplayObjectParent=null,r.transform=new n,r.alpha=1,r.visible=!0,r.renderable=!0,r.parent=null,r.worldAlpha=1,r.filterArea=null,r._filters=null,r._enabledFilters=null,r._bounds=new m.default,r._boundsID=0,r._lastBoundsID=-1,r._boundsRect=null,r._localBoundsRect=null,r._mask=null,r._destroyed=!1,r}return s(e,t),e.prototype.updateTransform=function(){this.transform.updateTransform(this.parent.transform),this.worldAlpha=this.alpha*this.parent.worldAlpha,this._bounds.updateID++},e.prototype._recursivePostUpdateTransform=function(){this.parent?(this.parent._recursivePostUpdateTransform(),this.transform.updateTransform(this.parent.transform)):this.transform.updateTransform(this._tempDisplayObjectParent.transform)},e.prototype.getBounds=function(t,e){return t||(this.parent?(this._recursivePostUpdateTransform(),this.updateTransform()):(this.parent=this._tempDisplayObjectParent,this.updateTransform(),this.parent=null)),this._boundsID!==this._lastBoundsID&&this.calculateBounds(),e||(this._boundsRect||(this._boundsRect=new _.Rectangle),e=this._boundsRect),this._bounds.getRectangle(e)},e.prototype.getLocalBounds=function(t){var e=this.transform,r=this.parent;this.parent=null,this.transform=this._tempDisplayObjectParent.transform,t||(this._localBoundsRect||(this._localBoundsRect=new _.Rectangle),t=this._localBoundsRect);var n=this.getBounds(!1,t);return this.parent=r,this.transform=e,n},e.prototype.toGlobal=function(t,e){return arguments.length>2&&void 0!==arguments[2]&&arguments[2]||(this._recursivePostUpdateTransform(),this.parent?this.displayObjectUpdateTransform():(this.parent=this._tempDisplayObjectParent,this.displayObjectUpdateTransform(),this.parent=null)),this.worldTransform.apply(t,e)},e.prototype.toLocal=function(t,e,r,n){return e&&(t=e.toGlobal(t,r,n)),n||(this._recursivePostUpdateTransform(),this.parent?this.displayObjectUpdateTransform():(this.parent=this._tempDisplayObjectParent,this.displayObjectUpdateTransform(),this.parent=null)),this.worldTransform.applyInverse(t,r)},e.prototype.renderWebGL=function(t){},e.prototype.renderCanvas=function(t){},e.prototype.setParent=function(t){if(!t||!t.addChild)throw new Error("setParent: Argument must be a Container");return t.addChild(this),t},e.prototype.setTransform=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1,n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:1,i=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,o=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,s=arguments.length>6&&void 0!==arguments[6]?arguments[6]:0,a=arguments.length>7&&void 0!==arguments[7]?arguments[7]:0,u=arguments.length>8&&void 0!==arguments[8]?arguments[8]:0;return this.position.x=t,this.position.y=e,this.scale.x=r||1,this.scale.y=n||1,this.rotation=i,this.skew.x=o,this.skew.y=s,this.pivot.x=a,this.pivot.y=u,this},e.prototype.destroy=function(){this.removeAllListeners(),this.parent&&this.parent.removeChild(this),this.transform=null,this.parent=null,this._bounds=null,this._currentBounds=null,this._mask=null,this.filterArea=null,this.interactive=!1,this.interactiveChildren=!1,this._destroyed=!0},a(e,[{key:"_tempDisplayObjectParent",get:function(){return null===this.tempDisplayObjectParent&&(this.tempDisplayObjectParent=new e),this.tempDisplayObjectParent}},{key:"x",get:function(){return this.position.x},set:function(t){this.transform.position.x=t}},{key:"y",get:function(){return this.position.y},set:function(t){this.transform.position.y=t}},{key:"worldTransform",get:function(){return this.transform.worldTransform}},{key:"localTransform",get:function(){return this.transform.localTransform}},{key:"position",get:function(){return this.transform.position},set:function(t){this.transform.position.copy(t)}},{key:"scale",get:function(){return this.transform.scale},set:function(t){this.transform.scale.copy(t)}},{key:"pivot",get:function(){return this.transform.pivot},set:function(t){this.transform.pivot.copy(t)}},{key:"skew",get:function(){return this.transform.skew},set:function(t){this.transform.skew.copy(t)}},{key:"rotation",get:function(){return this.transform.rotation},set:function(t){this.transform.rotation=t}},{key:"worldVisible",get:function(){var t=this;do{if(!t.visible)return!1;t=t.parent}while(t);return!0}},{key:"mask",get:function(){return this._mask},set:function(t){this._mask&&(this._mask.renderable=!0),this._mask=t,this._mask&&(this._mask.renderable=!1)}},{key:"filters",get:function(){return this._filters&&this._filters.slice()},set:function(t){this._filters=t&&t.slice()}}]),e}(h.default);r.default=b,b.prototype.displayObjectUpdateTransform=b.prototype.updateTransform},{"../const":46,"../math":70,"../settings":101,"./Bounds":47,"./Transform":50,"./TransformStatic":52,eventemitter3:3}],50:[function(t,e,r){"use strict";function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function i(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}function o(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}r.__esModule=!0;var s=function(){function t(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,r,n){return r&&t(e.prototype,r),n&&t(e,n),e}}(),a=t("../math"),u=t("./TransformBase"),h=function(t){return t&&t.__esModule?t:{default:t}}(u),l=function(t){function e(){n(this,e);var r=i(this,t.call(this));return r.position=new a.Point(0,0),r.scale=new a.Point(1,1),r.skew=new a.ObservablePoint(r.updateSkew,r,0,0),r.pivot=new a.Point(0,0),r._rotation=0,r._cx=1,r._sx=0,r._cy=0,r._sy=1,r}return o(e,t),e.prototype.updateSkew=function(){this._cx=Math.cos(this._rotation+this.skew._y),this._sx=Math.sin(this._rotation+this.skew._y),this._cy=-Math.sin(this._rotation-this.skew._x),this._sy=Math.cos(this._rotation-this.skew._x)},e.prototype.updateLocalTransform=function(){var t=this.localTransform;t.a=this._cx*this.scale.x,t.b=this._sx*this.scale.x,t.c=this._cy*this.scale.y,t.d=this._sy*this.scale.y,t.tx=this.position.x-(this.pivot.x*t.a+this.pivot.y*t.c),t.ty=this.position.y-(this.pivot.x*t.b+this.pivot.y*t.d)},e.prototype.updateTransform=function(t){var e=this.localTransform;e.a=this._cx*this.scale.x,e.b=this._sx*this.scale.x,e.c=this._cy*this.scale.y,e.d=this._sy*this.scale.y,e.tx=this.position.x-(this.pivot.x*e.a+this.pivot.y*e.c),e.ty=this.position.y-(this.pivot.x*e.b+this.pivot.y*e.d);var r=t.worldTransform,n=this.worldTransform;n.a=e.a*r.a+e.b*r.c,n.b=e.a*r.b+e.b*r.d,n.c=e.c*r.a+e.d*r.c,n.d=e.c*r.b+e.d*r.d,n.tx=e.tx*r.a+e.ty*r.c+r.tx,n.ty=e.tx*r.b+e.ty*r.d+r.ty,this._worldID++},e.prototype.setFromMatrix=function(t){t.decompose(this)},s(e,[{key:"rotation",get:function(){return this._rotation},set:function(t){this._rotation=t,this.updateSkew()}}]),e}(h.default);r.default=l},{"../math":70,"./TransformBase":51}],51:[function(t,e,r){"use strict";function n(t,e){
+if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}r.__esModule=!0;var i=t("../math"),o=function(){function t(){n(this,t),this.worldTransform=new i.Matrix,this.localTransform=new i.Matrix,this._worldID=0,this._parentID=0}return t.prototype.updateLocalTransform=function(){},t.prototype.updateTransform=function(t){var e=t.worldTransform,r=this.worldTransform,n=this.localTransform;r.a=n.a*e.a+n.b*e.c,r.b=n.a*e.b+n.b*e.d,r.c=n.c*e.a+n.d*e.c,r.d=n.c*e.b+n.d*e.d,r.tx=n.tx*e.a+n.ty*e.c+e.tx,r.ty=n.tx*e.b+n.ty*e.d+e.ty,this._worldID++},t}();r.default=o,o.prototype.updateWorldTransform=o.prototype.updateTransform,o.IDENTITY=new o},{"../math":70}],52:[function(t,e,r){"use strict";function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function i(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}function o(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}r.__esModule=!0;var s=function(){function t(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,r,n){return r&&t(e.prototype,r),n&&t(e,n),e}}(),a=t("../math"),u=t("./TransformBase"),h=function(t){return t&&t.__esModule?t:{default:t}}(u),l=function(t){function e(){n(this,e);var r=i(this,t.call(this));return r.position=new a.ObservablePoint(r.onChange,r,0,0),r.scale=new a.ObservablePoint(r.onChange,r,1,1),r.pivot=new a.ObservablePoint(r.onChange,r,0,0),r.skew=new a.ObservablePoint(r.updateSkew,r,0,0),r._rotation=0,r._cx=1,r._sx=0,r._cy=0,r._sy=1,r._localID=0,r._currentLocalID=0,r}return o(e,t),e.prototype.onChange=function(){this._localID++},e.prototype.updateSkew=function(){this._cx=Math.cos(this._rotation+this.skew._y),this._sx=Math.sin(this._rotation+this.skew._y),this._cy=-Math.sin(this._rotation-this.skew._x),this._sy=Math.cos(this._rotation-this.skew._x),this._localID++},e.prototype.updateLocalTransform=function(){var t=this.localTransform;this._localID!==this._currentLocalID&&(t.a=this._cx*this.scale._x,t.b=this._sx*this.scale._x,t.c=this._cy*this.scale._y,t.d=this._sy*this.scale._y,t.tx=this.position._x-(this.pivot._x*t.a+this.pivot._y*t.c),t.ty=this.position._y-(this.pivot._x*t.b+this.pivot._y*t.d),this._currentLocalID=this._localID,this._parentID=-1)},e.prototype.updateTransform=function(t){var e=this.localTransform;if(this._localID!==this._currentLocalID&&(e.a=this._cx*this.scale._x,e.b=this._sx*this.scale._x,e.c=this._cy*this.scale._y,e.d=this._sy*this.scale._y,e.tx=this.position._x-(this.pivot._x*e.a+this.pivot._y*e.c),e.ty=this.position._y-(this.pivot._x*e.b+this.pivot._y*e.d),this._currentLocalID=this._localID,this._parentID=-1),this._parentID!==t._worldID){var r=t.worldTransform,n=this.worldTransform;n.a=e.a*r.a+e.b*r.c,n.b=e.a*r.b+e.b*r.d,n.c=e.c*r.a+e.d*r.c,n.d=e.c*r.b+e.d*r.d,n.tx=e.tx*r.a+e.ty*r.c+r.tx,n.ty=e.tx*r.b+e.ty*r.d+r.ty,this._parentID=t._worldID,this._worldID++}},e.prototype.setFromMatrix=function(t){t.decompose(this),this._localID++},s(e,[{key:"rotation",get:function(){return this._rotation},set:function(t){this._rotation=t,this.updateSkew()}}]),e}(h.default);r.default=l},{"../math":70,"./TransformBase":51}],53:[function(t,e,r){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}function i(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function o(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}function s(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}r.__esModule=!0;var a=t("../display/Container"),u=n(a),h=t("../textures/RenderTexture"),l=n(h),c=t("../textures/Texture"),d=n(c),f=t("./GraphicsData"),p=n(f),v=t("../sprites/Sprite"),y=n(v),g=t("../math"),m=t("../utils"),_=t("../const"),b=t("../display/Bounds"),x=n(b),T=t("./utils/bezierCurveTo"),w=n(T),E=t("../renderers/canvas/CanvasRenderer"),S=n(E),O=void 0,M=new g.Matrix,P=new g.Point,C=new Float32Array(4),R=new Float32Array(4),A=function(t){function e(){var r=arguments.length>0&&void 0!==arguments[0]&&arguments[0];i(this,e);var n=o(this,t.call(this));return n.fillAlpha=1,n.lineWidth=0,n.nativeLines=r,n.lineColor=0,n.graphicsData=[],n.tint=16777215,n._prevTint=16777215,n.blendMode=_.BLEND_MODES.NORMAL,n.currentPath=null,n._webGL={},n.isMask=!1,n.boundsPadding=0,n._localBounds=new x.default,n.dirty=0,n.fastRectDirty=-1,n.clearDirty=0,n.boundsDirty=-1,n.cachedSpriteDirty=!1,n._spriteRect=null,n._fastRect=!1,n}return s(e,t),e.prototype.clone=function(){var t=new e;t.renderable=this.renderable,t.fillAlpha=this.fillAlpha,t.lineWidth=this.lineWidth,t.lineColor=this.lineColor,t.tint=this.tint,t.blendMode=this.blendMode,t.isMask=this.isMask,t.boundsPadding=this.boundsPadding,t.dirty=0,t.cachedSpriteDirty=this.cachedSpriteDirty;for(var r=0;r<this.graphicsData.length;++r)t.graphicsData.push(this.graphicsData[r].clone());return t.currentPath=t.graphicsData[t.graphicsData.length-1],t.updateLocalBounds(),t},e.prototype.lineStyle=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1;if(this.lineWidth=t,this.lineColor=e,this.lineAlpha=r,this.currentPath)if(this.currentPath.shape.points.length){var n=new g.Polygon(this.currentPath.shape.points.slice(-2));n.closed=!1,this.drawShape(n)}else this.currentPath.lineWidth=this.lineWidth,this.currentPath.lineColor=this.lineColor,this.currentPath.lineAlpha=this.lineAlpha;return this},e.prototype.moveTo=function(t,e){var r=new g.Polygon([t,e]);return r.closed=!1,this.drawShape(r),this},e.prototype.lineTo=function(t,e){return this.currentPath.shape.points.push(t,e),this.dirty++,this},e.prototype.quadraticCurveTo=function(t,e,r,n){this.currentPath?0===this.currentPath.shape.points.length&&(this.currentPath.shape.points=[0,0]):this.moveTo(0,0);var i=this.currentPath.shape.points,o=0,s=0;0===i.length&&this.moveTo(0,0);for(var a=i[i.length-2],u=i[i.length-1],h=1;h<=20;++h){var l=h/20;o=a+(t-a)*l,s=u+(e-u)*l,i.push(o+(t+(r-t)*l-o)*l,s+(e+(n-e)*l-s)*l)}return this.dirty++,this},e.prototype.bezierCurveTo=function(t,e,r,n,i,o){this.currentPath?0===this.currentPath.shape.points.length&&(this.currentPath.shape.points=[0,0]):this.moveTo(0,0);var s=this.currentPath.shape.points,a=s[s.length-2],u=s[s.length-1];return s.length-=2,(0,w.default)(a,u,t,e,r,n,i,o,s),this.dirty++,this},e.prototype.arcTo=function(t,e,r,n,i){this.currentPath?0===this.currentPath.shape.points.length&&this.currentPath.shape.points.push(t,e):this.moveTo(t,e);var o=this.currentPath.shape.points,s=o[o.length-2],a=o[o.length-1],u=a-e,h=s-t,l=n-e,c=r-t,d=Math.abs(u*c-h*l);if(d<1e-8||0===i)o[o.length-2]===t&&o[o.length-1]===e||o.push(t,e);else{var f=u*u+h*h,p=l*l+c*c,v=u*l+h*c,y=i*Math.sqrt(f)/d,g=i*Math.sqrt(p)/d,m=y*v/f,_=g*v/p,b=y*c+g*h,x=y*l+g*u,T=h*(g+m),w=u*(g+m),E=c*(y+_),S=l*(y+_),O=Math.atan2(w-x,T-b),M=Math.atan2(S-x,E-b);this.arc(b+t,x+e,i,O,M,h*l>c*u)}return this.dirty++,this},e.prototype.arc=function(t,e,r,n,i){var o=arguments.length>5&&void 0!==arguments[5]&&arguments[5];if(n===i)return this;!o&&i<=n?i+=2*Math.PI:o&&n<=i&&(n+=2*Math.PI);var s=i-n,a=40*Math.ceil(Math.abs(s)/(2*Math.PI));if(0===s)return this;var u=t+Math.cos(n)*r,h=e+Math.sin(n)*r,l=this.currentPath?this.currentPath.shape.points:null;l?l[l.length-2]===u&&l[l.length-1]===h||l.push(u,h):(this.moveTo(u,h),l=this.currentPath.shape.points);for(var c=s/(2*a),d=2*c,f=Math.cos(c),p=Math.sin(c),v=a-1,y=v%1/v,g=0;g<=v;++g){var m=g+y*g,_=c+n+d*m,b=Math.cos(_),x=-Math.sin(_);l.push((f*b+p*x)*r+t,(f*-x+p*b)*r+e)}return this.dirty++,this},e.prototype.beginFill=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1;return this.filling=!0,this.fillColor=t,this.fillAlpha=e,this.currentPath&&this.currentPath.shape.points.length<=2&&(this.currentPath.fill=this.filling,this.currentPath.fillColor=this.fillColor,this.currentPath.fillAlpha=this.fillAlpha),this},e.prototype.endFill=function(){return this.filling=!1,this.fillColor=null,this.fillAlpha=1,this},e.prototype.drawRect=function(t,e,r,n){return this.drawShape(new g.Rectangle(t,e,r,n)),this},e.prototype.drawRoundedRect=function(t,e,r,n,i){return this.drawShape(new g.RoundedRectangle(t,e,r,n,i)),this},e.prototype.drawCircle=function(t,e,r){return this.drawShape(new g.Circle(t,e,r)),this},e.prototype.drawEllipse=function(t,e,r,n){return this.drawShape(new g.Ellipse(t,e,r,n)),this},e.prototype.drawPolygon=function(t){var e=t,r=!0;if(e instanceof g.Polygon&&(r=e.closed,e=e.points),!Array.isArray(e)){e=new Array(arguments.length);for(var n=0;n<e.length;++n)e[n]=arguments[n]}var i=new g.Polygon(e);return i.closed=r,this.drawShape(i),this},e.prototype.clear=function(){return(this.lineWidth||this.filling||this.graphicsData.length>0)&&(this.lineWidth=0,this.filling=!1,this.boundsDirty=-1,this.dirty++,this.clearDirty++,this.graphicsData.length=0),this.currentPath=null,this._spriteRect=null,this},e.prototype.isFastRect=function(){return 1===this.graphicsData.length&&this.graphicsData[0].shape.type===_.SHAPES.RECT&&!this.graphicsData[0].lineWidth},e.prototype._renderWebGL=function(t){this.dirty!==this.fastRectDirty&&(this.fastRectDirty=this.dirty,this._fastRect=this.isFastRect()),this._fastRect?this._renderSpriteRect(t):(t.setObjectRenderer(t.plugins.graphics),t.plugins.graphics.render(this))},e.prototype._renderSpriteRect=function(t){var e=this.graphicsData[0].shape;this._spriteRect||(this._spriteRect=new y.default(new d.default(d.default.WHITE)));var r=this._spriteRect;if(16777215===this.tint)r.tint=this.graphicsData[0].fillColor;else{var n=C,i=R;(0,m.hex2rgb)(this.graphicsData[0].fillColor,n),(0,m.hex2rgb)(this.tint,i),n[0]*=i[0],n[1]*=i[1],n[2]*=i[2],r.tint=(0,m.rgb2hex)(n)}r.alpha=this.graphicsData[0].fillAlpha,r.worldAlpha=this.worldAlpha*r.alpha,r.blendMode=this.blendMode,r._texture._frame.width=e.width,r._texture._frame.height=e.height,r.transform.worldTransform=this.transform.worldTransform,r.anchor.set(-e.x/e.width,-e.y/e.height),r._onAnchorUpdate(),r._renderWebGL(t)},e.prototype._renderCanvas=function(t){!0!==this.isMask&&t.plugins.graphics.render(this)},e.prototype._calculateBounds=function(){this.boundsDirty!==this.dirty&&(this.boundsDirty=this.dirty,this.updateLocalBounds(),this.cachedSpriteDirty=!0);var t=this._localBounds;this._bounds.addFrame(this.transform,t.minX,t.minY,t.maxX,t.maxY)},e.prototype.containsPoint=function(t){this.worldTransform.applyInverse(t,P);for(var e=this.graphicsData,r=0;r<e.length;++r){var n=e[r];if(n.fill&&(n.shape&&n.shape.contains(P.x,P.y))){if(n.holes)for(var i=0;i<n.holes.length;i++){var o=n.holes[i];if(o.contains(P.x,P.y))return!1}return!0}}return!1},e.prototype.updateLocalBounds=function(){var t=1/0,e=-1/0,r=1/0,n=-1/0;if(this.graphicsData.length)for(var i=0,o=0,s=0,a=0,u=0,h=0;h<this.graphicsData.length;h++){var l=this.graphicsData[h],c=l.type,d=l.lineWidth;if(i=l.shape,c===_.SHAPES.RECT||c===_.SHAPES.RREC)o=i.x-d/2,s=i.y-d/2,a=i.width+d,u=i.height+d,t=o<t?o:t,e=o+a>e?o+a:e,r=s<r?s:r,n=s+u>n?s+u:n;else if(c===_.SHAPES.CIRC)o=i.x,s=i.y,a=i.radius+d/2,u=i.radius+d/2,t=o-a<t?o-a:t,e=o+a>e?o+a:e,r=s-u<r?s-u:r,n=s+u>n?s+u:n;else if(c===_.SHAPES.ELIP)o=i.x,s=i.y,a=i.width+d/2,u=i.height+d/2,t=o-a<t?o-a:t,e=o+a>e?o+a:e,r=s-u<r?s-u:r,n=s+u>n?s+u:n;else for(var f=i.points,p=0,v=0,y=0,g=0,m=0,b=0,x=0,T=0,w=0;w+2<f.length;w+=2)o=f[w],s=f[w+1],p=f[w+2],v=f[w+3],y=Math.abs(p-o),g=Math.abs(v-s),u=d,(a=Math.sqrt(y*y+g*g))<1e-9||(m=(u/a*g+y)/2,b=(u/a*y+g)/2,x=(p+o)/2,T=(v+s)/2,t=x-m<t?x-m:t,e=x+m>e?x+m:e,r=T-b<r?T-b:r,n=T+b>n?T+b:n)}else t=0,e=0,r=0,n=0;var E=this.boundsPadding;this._localBounds.minX=t-E,this._localBounds.maxX=e+E,this._localBounds.minY=r-E,this._localBounds.maxY=n+E},e.prototype.drawShape=function(t){this.currentPath&&this.currentPath.shape.points.length<=2&&this.graphicsData.pop(),this.currentPath=null;var e=new p.default(this.lineWidth,this.lineColor,this.lineAlpha,this.fillColor,this.fillAlpha,this.filling,this.nativeLines,t);return this.graphicsData.push(e),e.type===_.SHAPES.POLY&&(e.shape.closed=e.shape.closed||this.filling,this.currentPath=e),this.dirty++,e},e.prototype.generateCanvasTexture=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1,r=this.getLocalBounds(),n=l.default.create(r.width,r.height,t,e);O||(O=new S.default),this.transform.updateLocalTransform(),this.transform.localTransform.copy(M),M.invert(),M.tx-=r.x,M.ty-=r.y,O.render(this,n,!0,M);var i=d.default.fromCanvas(n.baseTexture._canvasRenderTarget.canvas,t,"graphics");return i.baseTexture.resolution=e,i.baseTexture.update(),i},e.prototype.closePath=function(){var t=this.currentPath;return t&&t.shape&&t.shape.close(),this},e.prototype.addHole=function(){var t=this.graphicsData.pop();return this.currentPath=this.graphicsData[this.graphicsData.length-1],this.currentPath.addHole(t.shape),this.currentPath=null,this},e.prototype.destroy=function(e){t.prototype.destroy.call(this,e);for(var r=0;r<this.graphicsData.length;++r)this.graphicsData[r].destroy();for(var n in this._webgl)for(var i=0;i<this._webgl[n].data.length;++i)this._webgl[n].data[i].destroy();this._spriteRect&&this._spriteRect.destroy(),this.graphicsData=null,this.currentPath=null,this._webgl=null,this._localBounds=null},e}(u.default);r.default=A,A._SPRITE_TEXTURE=null},{"../const":46,"../display/Bounds":47,"../display/Container":48,"../math":70,"../renderers/canvas/CanvasRenderer":77,"../sprites/Sprite":102,"../textures/RenderTexture":113,"../textures/Texture":115,"../utils":124,"./GraphicsData":54,"./utils/bezierCurveTo":56}],54:[function(t,e,r){"use strict";function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}r.__esModule=!0;var i=function(){function t(e,r,i,o,s,a,u,h){n(this,t),this.lineWidth=e,this.nativeLines=u,this.lineColor=r,this.lineAlpha=i,this._lineTint=r,this.fillColor=o,this.fillAlpha=s,this._fillTint=o,this.fill=a,this.holes=[],this.shape=h,this.type=h.type}return t.prototype.clone=function(){return new t(this.lineWidth,this.lineColor,this.lineAlpha,this.fillColor,this.fillAlpha,this.fill,this.nativeLines,this.shape)},t.prototype.addHole=function(t){this.holes.push(t)},t.prototype.destroy=function(){this.shape=null,this.holes=null},t}();r.default=i},{}],55:[function(t,e,r){"use strict";function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}r.__esModule=!0;var i=t("../../renderers/canvas/CanvasRenderer"),o=function(t){return t&&t.__esModule?t:{default:t}}(i),s=t("../../const"),a=function(){function t(e){n(this,t),this.renderer=e}return t.prototype.render=function(t){var e=this.renderer,r=e.context,n=t.worldAlpha,i=t.transform.worldTransform,o=e.resolution;this._prevTint!==this.tint&&(this.dirty=!0),r.setTransform(i.a*o,i.b*o,i.c*o,i.d*o,i.tx*o,i.ty*o),t.dirty&&(this.updateGraphicsTint(t),t.dirty=!1),e.setBlendMode(t.blendMode);for(var a=0;a<t.graphicsData.length;a++){var u=t.graphicsData[a],h=u.shape,l=u._fillTint,c=u._lineTint;if(r.lineWidth=u.lineWidth,u.type===s.SHAPES.POLY){r.beginPath(),this.renderPolygon(h.points,h.closed,r);for(var d=0;d<u.holes.length;d++)this.renderPolygon(u.holes[d].points,!0,r);u.fill&&(r.globalAlpha=u.fillAlpha*n,r.fillStyle="#"+("00000"+(0|l).toString(16)).substr(-6),r.fill()),u.lineWidth&&(r.globalAlpha=u.lineAlpha*n,r.strokeStyle="#"+("00000"+(0|c).toString(16)).substr(-6),r.stroke())}else if(u.type===s.SHAPES.RECT)(u.fillColor||0===u.fillColor)&&(r.globalAlpha=u.fillAlpha*n,r.fillStyle="#"+("00000"+(0|l).toString(16)).substr(-6),r.fillRect(h.x,h.y,h.width,h.height)),u.lineWidth&&(r.globalAlpha=u.lineAlpha*n,r.strokeStyle="#"+("00000"+(0|c).toString(16)).substr(-6),r.strokeRect(h.x,h.y,h.width,h.height));else if(u.type===s.SHAPES.CIRC)r.beginPath(),r.arc(h.x,h.y,h.radius,0,2*Math.PI),r.closePath(),u.fill&&(r.globalAlpha=u.fillAlpha*n,r.fillStyle="#"+("00000"+(0|l).toString(16)).substr(-6),r.fill()),u.lineWidth&&(r.globalAlpha=u.lineAlpha*n,r.strokeStyle="#"+("00000"+(0|c).toString(16)).substr(-6),r.stroke());else if(u.type===s.SHAPES.ELIP){var f=2*h.width,p=2*h.height,v=h.x-f/2,y=h.y-p/2;r.beginPath();var g=f/2*.5522848,m=p/2*.5522848,_=v+f,b=y+p,x=v+f/2,T=y+p/2;r.moveTo(v,T),r.bezierCurveTo(v,T-m,x-g,y,x,y),r.bezierCurveTo(x+g,y,_,T-m,_,T),r.bezierCurveTo(_,T+m,x+g,b,x,b),r.bezierCurveTo(x-g,b,v,T+m,v,T),r.closePath(),u.fill&&(r.globalAlpha=u.fillAlpha*n,r.fillStyle="#"+("00000"+(0|l).toString(16)).substr(-6),r.fill()),u.lineWidth&&(r.globalAlpha=u.lineAlpha*n,r.strokeStyle="#"+("00000"+(0|c).toString(16)).substr(-6),r.stroke())}else if(u.type===s.SHAPES.RREC){var w=h.x,E=h.y,S=h.width,O=h.height,M=h.radius,P=Math.min(S,O)/2|0;M=M>P?P:M,r.beginPath(),r.moveTo(w,E+M),r.lineTo(w,E+O-M),r.quadraticCurveTo(w,E+O,w+M,E+O),r.lineTo(w+S-M,E+O),r.quadraticCurveTo(w+S,E+O,w+S,E+O-M),r.lineTo(w+S,E+M),r.quadraticCurveTo(w+S,E,w+S-M,E),r.lineTo(w+M,E),r.quadraticCurveTo(w,E,w,E+M),r.closePath(),(u.fillColor||0===u.fillColor)&&(r.globalAlpha=u.fillAlpha*n,r.fillStyle="#"+("00000"+(0|l).toString(16)).substr(-6),r.fill()),u.lineWidth&&(r.globalAlpha=u.lineAlpha*n,r.strokeStyle="#"+("00000"+(0|c).toString(16)).substr(-6),r.stroke())}}},t.prototype.updateGraphicsTint=function(t){t._prevTint=t.tint;for(var e=(t.tint>>16&255)/255,r=(t.tint>>8&255)/255,n=(255&t.tint)/255,i=0;i<t.graphicsData.length;++i){var o=t.graphicsData[i],s=0|o.fillColor,a=0|o.lineColor;o._fillTint=((s>>16&255)/255*e*255<<16)+((s>>8&255)/255*r*255<<8)+(255&s)/255*n*255,o._lineTint=((a>>16&255)/255*e*255<<16)+((a>>8&255)/255*r*255<<8)+(255&a)/255*n*255}},t.prototype.renderPolygon=function(t,e,r){r.moveTo(t[0],t[1]);for(var n=1;n<t.length/2;++n)r.lineTo(t[2*n],t[2*n+1]);e&&r.closePath()},t.prototype.destroy=function(){this.renderer=null},t}();r.default=a,o.default.registerPlugin("graphics",a)},{"../../const":46,"../../renderers/canvas/CanvasRenderer":77}],56:[function(t,e,r){"use strict";function n(t,e,r,n,i,o,s,a){var u=arguments.length>8&&void 0!==arguments[8]?arguments[8]:[],h=0,l=0,c=0,d=0,f=0;u.push(t,e);for(var p=1,v=0;p<=20;++p)v=p/20,h=1-v,l=h*h,c=l*h,d=v*v,f=d*v,u.push(c*t+3*l*v*r+3*h*d*i+f*s,c*e+3*l*v*n+3*h*d*o+f*a);return u}r.__esModule=!0,r.default=n},{}],57:[function(t,e,r){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}function i(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function o(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}function s(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}r.__esModule=!0;var a=t("../../utils"),u=t("../../const"),h=t("../../renderers/webgl/utils/ObjectRenderer"),l=n(h),c=t("../../renderers/webgl/WebGLRenderer"),d=n(c),f=t("./WebGLGraphicsData"),p=n(f),v=t("./shaders/PrimitiveShader"),y=n(v),g=t("./utils/buildPoly"),m=n(g),_=t("./utils/buildRectangle"),b=n(_),x=t("./utils/buildRoundedRectangle"),T=n(x),w=t("./utils/buildCircle"),E=n(w),S=function(t){function e(r){i(this,e);var n=o(this,t.call(this,r));return n.graphicsDataPool=[],n.primitiveShader=null,n.gl=r.gl,n.CONTEXT_UID=0,n}return s(e,t),e.prototype.onContextChange=function(){this.gl=this.renderer.gl,this.CONTEXT_UID=this.renderer.CONTEXT_UID,this.primitiveShader=new y.default(this.gl)},e.prototype.destroy=function(){l.default.prototype.destroy.call(this);for(var t=0;t<this.graphicsDataPool.length;++t)this.graphicsDataPool[t].destroy();this.graphicsDataPool=null},e.prototype.render=function(t){var e=this.renderer,r=e.gl,n=void 0,i=t._webGL[this.CONTEXT_UID];i&&t.dirty===i.dirty||(this.updateGraphics(t),i=t._webGL[this.CONTEXT_UID]);var o=this.primitiveShader;e.bindShader(o),e.state.setBlendMode(t.blendMode);for(var s=0,u=i.data.length;s<u;s++){n=i.data[s];var h=n.shader;e.bindShader(h),h.uniforms.translationMatrix=t.transform.worldTransform.toArray(!0),h.uniforms.tint=(0,a.hex2rgb)(t.tint),h.uniforms.alpha=t.worldAlpha,e.bindVao(n.vao),n.nativeLines?r.drawArrays(r.LINES,0,n.points.length/6):n.vao.draw(r.TRIANGLE_STRIP,n.indices.length)}},e.prototype.updateGraphics=function(t){var e=this.renderer.gl,r=t._webGL[this.CONTEXT_UID];if(r||(r=t._webGL[this.CONTEXT_UID]={lastIndex:0,data:[],gl:e,clearDirty:-1,dirty:-1}),r.dirty=t.dirty,t.clearDirty!==r.clearDirty){r.clearDirty=t.clearDirty;for(var n=0;n<r.data.length;n++)this.graphicsDataPool.push(r.data[n]);r.data.length=0,r.lastIndex=0}for(var i=void 0,o=void 0,s=r.lastIndex;s<t.graphicsData.length;s++){var a=t.graphicsData[s];i=this.getWebGLData(r,0),a.nativeLines&&a.lineWidth&&(o=this.getWebGLData(r,0,!0),r.lastIndex++),a.type===u.SHAPES.POLY&&(0,m.default)(a,i,o),a.type===u.SHAPES.RECT?(0,b.default)(a,i,o):a.type===u.SHAPES.CIRC||a.type===u.SHAPES.ELIP?(0,E.default)(a,i,o):a.type===u.SHAPES.RREC&&(0,T.default)(a,i,o),r.lastIndex++}this.renderer.bindVao(null);for(var h=0;h<r.data.length;h++)i=r.data[h],i.dirty&&i.upload()},e.prototype.getWebGLData=function(t,e,r){var n=t.data[t.data.length-1];return(!n||n.nativeLines!==r||n.points.length>32e4)&&(n=this.graphicsDataPool.pop()||new p.default(this.renderer.gl,this.primitiveShader,this.renderer.state.attribsState),n.nativeLines=r,n.reset(e),t.data.push(n)),n.dirty=!0,n},e}(l.default);r.default=S,d.default.registerPlugin("graphics",S)},{"../../const":46,"../../renderers/webgl/WebGLRenderer":84,"../../renderers/webgl/utils/ObjectRenderer":94,"../../utils":124,"./WebGLGraphicsData":58,"./shaders/PrimitiveShader":59,"./utils/buildCircle":60,"./utils/buildPoly":62,"./utils/buildRectangle":63,"./utils/buildRoundedRectangle":64}],58:[function(t,e,r){"use strict";function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}r.__esModule=!0;var i=t("pixi-gl-core"),o=function(t){return t&&t.__esModule?t:{default:t}}(i),s=function(){function t(e,r,i){n(this,t),this.gl=e,this.color=[0,0,0],this.points=[],this.indices=[],this.buffer=o.default.GLBuffer.createVertexBuffer(e),this.indexBuffer=o.default.GLBuffer.createIndexBuffer(e),this.dirty=!0,this.nativeLines=!1,this.glPoints=null,this.glIndices=null,this.shader=r,this.vao=new o.default.VertexArrayObject(e,i).addIndex(this.indexBuffer).addAttribute(this.buffer,r.attributes.aVertexPosition,e.FLOAT,!1,24,0).addAttribute(this.buffer,r.attributes.aColor,e.FLOAT,!1,24,8)}return t.prototype.reset=function(){this.points.length=0,this.indices.length=0},t.prototype.upload=function(){this.glPoints=new Float32Array(this.points),this.buffer.upload(this.glPoints),this.glIndices=new Uint16Array(this.indices),this.indexBuffer.upload(this.glIndices),this.dirty=!1},t.prototype.destroy=function(){this.color=null,this.points=null,this.indices=null,this.vao.destroy(),this.buffer.destroy(),this.indexBuffer.destroy(),this.gl=null,this.buffer=null,this.indexBuffer=null,this.glPoints=null,this.glIndices=null},t}();r.default=s},{"pixi-gl-core":15}],59:[function(t,e,r){"use strict";function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function i(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}function o(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}r.__esModule=!0;var s=t("../../../Shader"),a=function(t){return t&&t.__esModule?t:{default:t}}(s),u=function(t){function e(r){return n(this,e),i(this,t.call(this,r,["attribute vec2 aVertexPosition;","attribute vec4 aColor;","uniform mat3 translationMatrix;","uniform mat3 projectionMatrix;","uniform float alpha;","uniform vec3 tint;","varying vec4 vColor;","void main(void){","   gl_Position = vec4((projectionMatrix * translationMatrix * vec3(aVertexPosition, 1.0)).xy, 0.0, 1.0);","   vColor = aColor * vec4(tint * alpha, alpha);","}"].join("\n"),["varying vec4 vColor;","void main(void){","   gl_FragColor = vColor;","}"].join("\n")))}return o(e,t),e}(a.default);r.default=u},{"../../../Shader":44}],60:[function(t,e,r){"use strict";function n(t,e,r){var n=t.shape,i=n.x,u=n.y,h=void 0,l=void 0;if(t.type===s.SHAPES.CIRC?(h=n.radius,l=n.radius):(h=n.width,l=n.height),0!==h&&0!==l){var c=Math.floor(30*Math.sqrt(n.radius))||Math.floor(15*Math.sqrt(n.width+n.height)),d=2*Math.PI/c;if(t.fill){var f=(0,a.hex2rgb)(t.fillColor),p=t.fillAlpha,v=f[0]*p,y=f[1]*p,g=f[2]*p,m=e.points,_=e.indices,b=m.length/6;_.push(b);for(var x=0;x<c+1;x++)m.push(i,u,v,y,g,p),m.push(i+Math.sin(d*x)*h,u+Math.cos(d*x)*l,v,y,g,p),_.push(b++,b++);_.push(b-1)}if(t.lineWidth){var T=t.points;t.points=[];for(var w=0;w<c+1;w++)t.points.push(i+Math.sin(d*w)*h,u+Math.cos(d*w)*l);(0,o.default)(t,e,r),t.points=T}}}r.__esModule=!0,r.default=n;var i=t("./buildLine"),o=function(t){return t&&t.__esModule?t:{default:t}}(i),s=t("../../../const"),a=t("../../../utils")},{"../../../const":46,"../../../utils":124,"./buildLine":61}],61:[function(t,e,r){"use strict";function n(t,e){var r=t.points;if(0!==r.length){var n=new o.Point(r[0],r[1]),i=new o.Point(r[r.length-2],r[r.length-1]);if(n.x===i.x&&n.y===i.y){r=r.slice(),r.pop(),r.pop(),i=new o.Point(r[r.length-2],r[r.length-1]);var a=i.x+.5*(n.x-i.x),u=i.y+.5*(n.y-i.y);r.unshift(a,u),r.push(a,u)}var h=e.points,l=e.indices,c=r.length/2,d=r.length,f=h.length/6,p=t.lineWidth/2,v=(0,s.hex2rgb)(t.lineColor),y=t.lineAlpha,g=v[0]*y,m=v[1]*y,_=v[2]*y,b=r[0],x=r[1],T=r[2],w=r[3],E=0,S=0,O=-(x-w),M=b-T,P=0,C=0,R=0,A=0,I=Math.sqrt(O*O+M*M);O/=I,M/=I,O*=p,M*=p,h.push(b-O,x-M,g,m,_,y),h.push(b+O,x+M,g,m,_,y);for(var D=1;D<c-1;++D){b=r[2*(D-1)],x=r[2*(D-1)+1],T=r[2*D],w=r[2*D+1],E=r[2*(D+1)],S=r[2*(D+1)+1],O=-(x-w),M=b-T,I=Math.sqrt(O*O+M*M),O/=I,M/=I,O*=p,M*=p,P=-(w-S),C=T-E,I=Math.sqrt(P*P+C*C),P/=I,C/=I,P*=p,C*=p;var L=-M+x-(-M+w),N=-O+T-(-O+b),F=(-O+b)*(-M+w)-(-O+T)*(-M+x),B=-C+S-(-C+w),k=-P+T-(-P+E),j=(-P+E)*(-C+w)-(-P+T)*(-C+S),U=L*k-B*N;if(Math.abs(U)<.1)U+=10.1,h.push(T-O,w-M,g,m,_,y),h.push(T+O,w+M,g,m,_,y);else{var X=(N*j-k*F)/U,G=(B*F-L*j)/U;(X-T)*(X-T)+(G-w)*(G-w)>196*p*p?(R=O-P,A=M-C,I=Math.sqrt(R*R+A*A),R/=I,A/=I,R*=p,A*=p,h.push(T-R,w-A),h.push(g,m,_,y),h.push(T+R,w+A),h.push(g,m,_,y),h.push(T-R,w-A),h.push(g,m,_,y),d++):(h.push(X,G),h.push(g,m,_,y),h.push(T-(X-T),w-(G-w)),h.push(g,m,_,y))}}b=r[2*(c-2)],x=r[2*(c-2)+1],T=r[2*(c-1)],w=r[2*(c-1)+1],O=-(x-w),M=b-T,I=Math.sqrt(O*O+M*M),O/=I,M/=I,O*=p,M*=p,h.push(T-O,w-M),h.push(g,m,_,y),h.push(T+O,w+M),h.push(g,m,_,y),l.push(f);for(var W=0;W<d;++W)l.push(f++);l.push(f-1)}}function i(t,e){var r=0,n=t.points;if(0!==n.length){var i=e.points,o=n.length/2,a=(0,s.hex2rgb)(t.lineColor),u=t.lineAlpha,h=a[0]*u,l=a[1]*u,c=a[2]*u;for(r=1;r<o;r++){var d=n[2*(r-1)],f=n[2*(r-1)+1],p=n[2*r],v=n[2*r+1];i.push(d,f),i.push(h,l,c,u),i.push(p,v),i.push(h,l,c,u)}}}r.__esModule=!0,r.default=function(t,e,r){t.nativeLines?i(t,r):n(t,e)};var o=t("../../../math"),s=t("../../../utils")},{"../../../math":70,"../../../utils":124}],62:[function(t,e,r){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}function i(t,e,r){t.points=t.shape.points.slice();var n=t.points;if(t.fill&&n.length>=6){for(var i=[],o=t.holes,u=0;u<o.length;u++){var l=o[u];i.push(n.length/2),n=n.concat(l.points)}var c=e.points,d=e.indices,f=n.length/2,p=(0,a.hex2rgb)(t.fillColor),v=t.fillAlpha,y=p[0]*v,g=p[1]*v,m=p[2]*v,_=(0,h.default)(n,i,2);if(!_)return;for(var b=c.length/6,x=0;x<_.length;x+=3)d.push(_[x]+b),d.push(_[x]+b),d.push(_[x+1]+b),d.push(_[x+2]+b),d.push(_[x+2]+b);for(var T=0;T<f;T++)c.push(n[2*T],n[2*T+1],y,g,m,v)}t.lineWidth>0&&(0,s.default)(t,e,r)}r.__esModule=!0,r.default=i;var o=t("./buildLine"),s=n(o),a=t("../../../utils"),u=t("earcut"),h=n(u)},{"../../../utils":124,"./buildLine":61,earcut:2}],63:[function(t,e,r){"use strict";function n(t,e,r){var n=t.shape,i=n.x,a=n.y,u=n.width,h=n.height;if(t.fill){var l=(0,s.hex2rgb)(t.fillColor),c=t.fillAlpha,d=l[0]*c,f=l[1]*c,p=l[2]*c,v=e.points,y=e.indices,g=v.length/6;v.push(i,a),v.push(d,f,p,c),v.push(i+u,a),v.push(d,f,p,c),v.push(i,a+h),v.push(d,f,p,c),v.push(i+u,a+h),v.push(d,f,p,c),y.push(g,g,g+1,g+2,g+3,g+3)}if(t.lineWidth){var m=t.points;t.points=[i,a,i+u,a,i+u,a+h,i,a+h,i,a],(0,o.default)(t,e,r),t.points=m}}r.__esModule=!0,r.default=n;var i=t("./buildLine"),o=function(t){return t&&t.__esModule?t:{default:t}}(i),s=t("../../../utils")},{"../../../utils":124,"./buildLine":61}],64:[function(t,e,r){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}function i(t,e,r){var n=t.shape,i=n.x,o=n.y,a=n.width,h=n.height,d=n.radius,f=[];if(f.push(i,o+d),s(i,o+h-d,i,o+h,i+d,o+h,f),s(i+a-d,o+h,i+a,o+h,i+a,o+h-d,f),s(i+a,o+d,i+a,o,i+a-d,o,f),s(i+d,o,i,o,i,o+d+1e-10,f),t.fill){for(var p=(0,c.hex2rgb)(t.fillColor),v=t.fillAlpha,y=p[0]*v,g=p[1]*v,m=p[2]*v,_=e.points,b=e.indices,x=_.length/6,T=(0,u.default)(f,null,2),w=0,E=T.length;w<E;w+=3)b.push(T[w]+x),b.push(T[w]+x),b.push(T[w+1]+x),b.push(T[w+2]+x),b.push(T[w+2]+x);for(var S=0,O=f.length;S<O;S++)_.push(f[S],f[++S],y,g,m,v)}if(t.lineWidth){var M=t.points;t.points=f,(0,l.default)(t,e,r),t.points=M}}function o(t,e,r){return t+(e-t)*r}function s(t,e,r,n,i,s){for(var a=arguments.length>6&&void 0!==arguments[6]?arguments[6]:[],u=a,h=0,l=0,c=0,d=0,f=0,p=0,v=0,y=0;v<=20;++v)y=v/20,h=o(t,r,y),l=o(e,n,y),c=o(r,i,y),d=o(n,s,y),f=o(h,c,y),p=o(l,d,y),u.push(f,p);return u}r.__esModule=!0,r.default=i;var a=t("earcut"),u=n(a),h=t("./buildLine"),l=n(h),c=t("../../../utils")},{"../../../utils":124,"./buildLine":61,earcut:2}],65:[function(t,e,r){"use strict";function n(t){if(t&&t.__esModule)return t;var e={};if(null!=t)for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e.default=t,e}function i(t){return t&&t.__esModule?t:{default:t}}r.__esModule=!0,r.autoDetectRenderer=r.Application=r.Filter=r.SpriteMaskFilter=r.Quad=r.RenderTarget=r.ObjectRenderer=r.WebGLManager=r.Shader=r.CanvasRenderTarget=r.TextureUvs=r.VideoBaseTexture=r.BaseRenderTexture=r.RenderTexture=r.BaseTexture=r.Texture=r.Spritesheet=r.CanvasGraphicsRenderer=r.GraphicsRenderer=r.GraphicsData=r.Graphics=r.TextMetrics=r.TextStyle=r.Text=r.SpriteRenderer=r.CanvasTinter=r.CanvasSpriteRenderer=r.Sprite=r.TransformBase=r.TransformStatic=r.Transform=r.Container=r.DisplayObject=r.Bounds=r.glCore=r.WebGLRenderer=r.CanvasRenderer=r.ticker=r.utils=r.settings=void 0;var o=t("./const");Object.keys(o).forEach(function(t){"default"!==t&&"__esModule"!==t&&Object.defineProperty(r,t,{enumerable:!0,get:function(){return o[t]}})});var s=t("./math");Object.keys(s).forEach(function(t){"default"!==t&&"__esModule"!==t&&Object.defineProperty(r,t,{enumerable:!0,get:function(){return s[t]}})});var a=t("pixi-gl-core");Object.defineProperty(r,"glCore",{enumerable:!0,get:function(){return i(a).default}});var u=t("./display/Bounds");Object.defineProperty(r,"Bounds",{enumerable:!0,get:function(){return i(u).default}})
+;var h=t("./display/DisplayObject");Object.defineProperty(r,"DisplayObject",{enumerable:!0,get:function(){return i(h).default}});var l=t("./display/Container");Object.defineProperty(r,"Container",{enumerable:!0,get:function(){return i(l).default}});var c=t("./display/Transform");Object.defineProperty(r,"Transform",{enumerable:!0,get:function(){return i(c).default}});var d=t("./display/TransformStatic");Object.defineProperty(r,"TransformStatic",{enumerable:!0,get:function(){return i(d).default}});var f=t("./display/TransformBase");Object.defineProperty(r,"TransformBase",{enumerable:!0,get:function(){return i(f).default}});var p=t("./sprites/Sprite");Object.defineProperty(r,"Sprite",{enumerable:!0,get:function(){return i(p).default}});var v=t("./sprites/canvas/CanvasSpriteRenderer");Object.defineProperty(r,"CanvasSpriteRenderer",{enumerable:!0,get:function(){return i(v).default}});var y=t("./sprites/canvas/CanvasTinter");Object.defineProperty(r,"CanvasTinter",{enumerable:!0,get:function(){return i(y).default}});var g=t("./sprites/webgl/SpriteRenderer");Object.defineProperty(r,"SpriteRenderer",{enumerable:!0,get:function(){return i(g).default}});var m=t("./text/Text");Object.defineProperty(r,"Text",{enumerable:!0,get:function(){return i(m).default}});var _=t("./text/TextStyle");Object.defineProperty(r,"TextStyle",{enumerable:!0,get:function(){return i(_).default}});var b=t("./text/TextMetrics");Object.defineProperty(r,"TextMetrics",{enumerable:!0,get:function(){return i(b).default}});var x=t("./graphics/Graphics");Object.defineProperty(r,"Graphics",{enumerable:!0,get:function(){return i(x).default}});var T=t("./graphics/GraphicsData");Object.defineProperty(r,"GraphicsData",{enumerable:!0,get:function(){return i(T).default}});var w=t("./graphics/webgl/GraphicsRenderer");Object.defineProperty(r,"GraphicsRenderer",{enumerable:!0,get:function(){return i(w).default}});var E=t("./graphics/canvas/CanvasGraphicsRenderer");Object.defineProperty(r,"CanvasGraphicsRenderer",{enumerable:!0,get:function(){return i(E).default}});var S=t("./textures/Spritesheet");Object.defineProperty(r,"Spritesheet",{enumerable:!0,get:function(){return i(S).default}});var O=t("./textures/Texture");Object.defineProperty(r,"Texture",{enumerable:!0,get:function(){return i(O).default}});var M=t("./textures/BaseTexture");Object.defineProperty(r,"BaseTexture",{enumerable:!0,get:function(){return i(M).default}});var P=t("./textures/RenderTexture");Object.defineProperty(r,"RenderTexture",{enumerable:!0,get:function(){return i(P).default}});var C=t("./textures/BaseRenderTexture");Object.defineProperty(r,"BaseRenderTexture",{enumerable:!0,get:function(){return i(C).default}});var R=t("./textures/VideoBaseTexture");Object.defineProperty(r,"VideoBaseTexture",{enumerable:!0,get:function(){return i(R).default}});var A=t("./textures/TextureUvs");Object.defineProperty(r,"TextureUvs",{enumerable:!0,get:function(){return i(A).default}});var I=t("./renderers/canvas/utils/CanvasRenderTarget");Object.defineProperty(r,"CanvasRenderTarget",{enumerable:!0,get:function(){return i(I).default}});var D=t("./Shader");Object.defineProperty(r,"Shader",{enumerable:!0,get:function(){return i(D).default}});var L=t("./renderers/webgl/managers/WebGLManager");Object.defineProperty(r,"WebGLManager",{enumerable:!0,get:function(){return i(L).default}});var N=t("./renderers/webgl/utils/ObjectRenderer");Object.defineProperty(r,"ObjectRenderer",{enumerable:!0,get:function(){return i(N).default}});var F=t("./renderers/webgl/utils/RenderTarget");Object.defineProperty(r,"RenderTarget",{enumerable:!0,get:function(){return i(F).default}});var B=t("./renderers/webgl/utils/Quad");Object.defineProperty(r,"Quad",{enumerable:!0,get:function(){return i(B).default}});var k=t("./renderers/webgl/filters/spriteMask/SpriteMaskFilter");Object.defineProperty(r,"SpriteMaskFilter",{enumerable:!0,get:function(){return i(k).default}});var j=t("./renderers/webgl/filters/Filter");Object.defineProperty(r,"Filter",{enumerable:!0,get:function(){return i(j).default}});var U=t("./Application");Object.defineProperty(r,"Application",{enumerable:!0,get:function(){return i(U).default}});var X=t("./autoDetectRenderer");Object.defineProperty(r,"autoDetectRenderer",{enumerable:!0,get:function(){return X.autoDetectRenderer}});var G=t("./utils"),W=n(G),H=t("./ticker"),Y=n(H),V=t("./settings"),z=i(V),q=t("./renderers/canvas/CanvasRenderer"),K=i(q),Z=t("./renderers/webgl/WebGLRenderer"),J=i(Z);r.settings=z.default,r.utils=W,r.ticker=Y,r.CanvasRenderer=K.default,r.WebGLRenderer=J.default},{"./Application":43,"./Shader":44,"./autoDetectRenderer":45,"./const":46,"./display/Bounds":47,"./display/Container":48,"./display/DisplayObject":49,"./display/Transform":50,"./display/TransformBase":51,"./display/TransformStatic":52,"./graphics/Graphics":53,"./graphics/GraphicsData":54,"./graphics/canvas/CanvasGraphicsRenderer":55,"./graphics/webgl/GraphicsRenderer":57,"./math":70,"./renderers/canvas/CanvasRenderer":77,"./renderers/canvas/utils/CanvasRenderTarget":79,"./renderers/webgl/WebGLRenderer":84,"./renderers/webgl/filters/Filter":86,"./renderers/webgl/filters/spriteMask/SpriteMaskFilter":89,"./renderers/webgl/managers/WebGLManager":93,"./renderers/webgl/utils/ObjectRenderer":94,"./renderers/webgl/utils/Quad":95,"./renderers/webgl/utils/RenderTarget":96,"./settings":101,"./sprites/Sprite":102,"./sprites/canvas/CanvasSpriteRenderer":103,"./sprites/canvas/CanvasTinter":104,"./sprites/webgl/SpriteRenderer":106,"./text/Text":108,"./text/TextMetrics":109,"./text/TextStyle":110,"./textures/BaseRenderTexture":111,"./textures/BaseTexture":112,"./textures/RenderTexture":113,"./textures/Spritesheet":114,"./textures/Texture":115,"./textures/TextureUvs":116,"./textures/VideoBaseTexture":117,"./ticker":120,"./utils":124,"pixi-gl-core":15}],66:[function(t,e,r){"use strict";function n(t){return t<0?-1:t>0?1:0}r.__esModule=!0;var i=t("./Matrix"),o=function(t){return t&&t.__esModule?t:{default:t}}(i),s=[1,1,0,-1,-1,-1,0,1,1,1,0,-1,-1,-1,0,1],a=[0,1,1,1,0,-1,-1,-1,0,1,1,1,0,-1,-1,-1],u=[0,-1,-1,-1,0,1,1,1,0,1,1,1,0,-1,-1,-1],h=[1,1,0,-1,-1,-1,0,1,-1,-1,0,1,1,1,0,-1],l=[],c=[];!function(){for(var t=0;t<16;t++){var e=[];c.push(e);for(var r=0;r<16;r++)for(var i=n(s[t]*s[r]+u[t]*a[r]),d=n(a[t]*s[r]+h[t]*a[r]),f=n(s[t]*u[r]+u[t]*h[r]),p=n(a[t]*u[r]+h[t]*h[r]),v=0;v<16;v++)if(s[v]===i&&a[v]===d&&u[v]===f&&h[v]===p){e.push(v);break}}for(var y=0;y<16;y++){var g=new o.default;g.set(s[y],a[y],u[y],h[y],0,0),l.push(g)}}();var d={E:0,SE:1,S:2,SW:3,W:4,NW:5,N:6,NE:7,MIRROR_VERTICAL:8,MIRROR_HORIZONTAL:12,uX:function(t){return s[t]},uY:function(t){return a[t]},vX:function(t){return u[t]},vY:function(t){return h[t]},inv:function(t){return 8&t?15&t:7&-t},add:function(t,e){return c[t][e]},sub:function(t,e){return c[t][d.inv(e)]},rotate180:function(t){return 4^t},isSwapWidthHeight:function(t){return 2==(3&t)},byDirection:function(t,e){return 2*Math.abs(t)<=Math.abs(e)?e>=0?d.S:d.N:2*Math.abs(e)<=Math.abs(t)?t>0?d.E:d.W:e>0?t>0?d.SE:d.SW:t>0?d.NE:d.NW},matrixAppendRotationInv:function(t,e){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0,i=l[d.inv(e)];i.tx=r,i.ty=n,t.append(i)}};r.default=d},{"./Matrix":67}],67:[function(t,e,r){"use strict";function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}r.__esModule=!0;var i=function(){function t(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,r,n){return r&&t(e.prototype,r),n&&t(e,n),e}}(),o=t("./Point"),s=function(t){return t&&t.__esModule?t:{default:t}}(o),a=function(){function t(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:1,r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:1,s=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,a=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0;n(this,t),this.a=e,this.b=r,this.c=i,this.d=o,this.tx=s,this.ty=a,this.array=null}return t.prototype.fromArray=function(t){this.a=t[0],this.b=t[1],this.c=t[3],this.d=t[4],this.tx=t[2],this.ty=t[5]},t.prototype.set=function(t,e,r,n,i,o){return this.a=t,this.b=e,this.c=r,this.d=n,this.tx=i,this.ty=o,this},t.prototype.toArray=function(t,e){this.array||(this.array=new Float32Array(9));var r=e||this.array;return t?(r[0]=this.a,r[1]=this.b,r[2]=0,r[3]=this.c,r[4]=this.d,r[5]=0,r[6]=this.tx,r[7]=this.ty,r[8]=1):(r[0]=this.a,r[1]=this.c,r[2]=this.tx,r[3]=this.b,r[4]=this.d,r[5]=this.ty,r[6]=0,r[7]=0,r[8]=1),r},t.prototype.apply=function(t,e){e=e||new s.default;var r=t.x,n=t.y;return e.x=this.a*r+this.c*n+this.tx,e.y=this.b*r+this.d*n+this.ty,e},t.prototype.applyInverse=function(t,e){e=e||new s.default;var r=1/(this.a*this.d+this.c*-this.b),n=t.x,i=t.y;return e.x=this.d*r*n+-this.c*r*i+(this.ty*this.c-this.tx*this.d)*r,e.y=this.a*r*i+-this.b*r*n+(-this.ty*this.a+this.tx*this.b)*r,e},t.prototype.translate=function(t,e){return this.tx+=t,this.ty+=e,this},t.prototype.scale=function(t,e){return this.a*=t,this.d*=e,this.c*=t,this.b*=e,this.tx*=t,this.ty*=e,this},t.prototype.rotate=function(t){var e=Math.cos(t),r=Math.sin(t),n=this.a,i=this.c,o=this.tx;return this.a=n*e-this.b*r,this.b=n*r+this.b*e,this.c=i*e-this.d*r,this.d=i*r+this.d*e,this.tx=o*e-this.ty*r,this.ty=o*r+this.ty*e,this},t.prototype.append=function(t){var e=this.a,r=this.b,n=this.c,i=this.d;return this.a=t.a*e+t.b*n,this.b=t.a*r+t.b*i,this.c=t.c*e+t.d*n,this.d=t.c*r+t.d*i,this.tx=t.tx*e+t.ty*n+this.tx,this.ty=t.tx*r+t.ty*i+this.ty,this},t.prototype.setTransform=function(t,e,r,n,i,o,s,a,u){var h=Math.sin(s),l=Math.cos(s),c=Math.cos(u),d=Math.sin(u),f=-Math.sin(a),p=Math.cos(a),v=l*i,y=h*i,g=-h*o,m=l*o;return this.a=c*v+d*g,this.b=c*y+d*m,this.c=f*v+p*g,this.d=f*y+p*m,this.tx=t+(r*v+n*g),this.ty=e+(r*y+n*m),this},t.prototype.prepend=function(t){var e=this.tx;if(1!==t.a||0!==t.b||0!==t.c||1!==t.d){var r=this.a,n=this.c;this.a=r*t.a+this.b*t.c,this.b=r*t.b+this.b*t.d,this.c=n*t.a+this.d*t.c,this.d=n*t.b+this.d*t.d}return this.tx=e*t.a+this.ty*t.c+t.tx,this.ty=e*t.b+this.ty*t.d+t.ty,this},t.prototype.decompose=function(t){var e=this.a,r=this.b,n=this.c,i=this.d,o=-Math.atan2(-n,i),s=Math.atan2(r,e);return Math.abs(o+s)<1e-5?(t.rotation=s,e<0&&i>=0&&(t.rotation+=t.rotation<=0?Math.PI:-Math.PI),t.skew.x=t.skew.y=0):(t.skew.x=o,t.skew.y=s),t.scale.x=Math.sqrt(e*e+r*r),t.scale.y=Math.sqrt(n*n+i*i),t.position.x=this.tx,t.position.y=this.ty,t},t.prototype.invert=function(){var t=this.a,e=this.b,r=this.c,n=this.d,i=this.tx,o=t*n-e*r;return this.a=n/o,this.b=-e/o,this.c=-r/o,this.d=t/o,this.tx=(r*this.ty-n*i)/o,this.ty=-(t*this.ty-e*i)/o,this},t.prototype.identity=function(){return this.a=1,this.b=0,this.c=0,this.d=1,this.tx=0,this.ty=0,this},t.prototype.clone=function(){var e=new t;return e.a=this.a,e.b=this.b,e.c=this.c,e.d=this.d,e.tx=this.tx,e.ty=this.ty,e},t.prototype.copy=function(t){return t.a=this.a,t.b=this.b,t.c=this.c,t.d=this.d,t.tx=this.tx,t.ty=this.ty,t},i(t,null,[{key:"IDENTITY",get:function(){return new t}},{key:"TEMP_MATRIX",get:function(){return new t}}]),t}();r.default=a},{"./Point":69}],68:[function(t,e,r){"use strict";function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}r.__esModule=!0;var i=function(){function t(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,r,n){return r&&t(e.prototype,r),n&&t(e,n),e}}(),o=function(){function t(e,r){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0;n(this,t),this._x=i,this._y=o,this.cb=e,this.scope=r}return t.prototype.set=function(t,e){var r=t||0,n=e||(0!==e?r:0);this._x===r&&this._y===n||(this._x=r,this._y=n,this.cb.call(this.scope))},t.prototype.copy=function(t){this._x===t.x&&this._y===t.y||(this._x=t.x,this._y=t.y,this.cb.call(this.scope))},i(t,[{key:"x",get:function(){return this._x},set:function(t){this._x!==t&&(this._x=t,this.cb.call(this.scope))}},{key:"y",get:function(){return this._y},set:function(t){this._y!==t&&(this._y=t,this.cb.call(this.scope))}}]),t}();r.default=o},{}],69:[function(t,e,r){"use strict";function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}r.__esModule=!0;var i=function(){function t(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;n(this,t),this.x=e,this.y=r}return t.prototype.clone=function(){return new t(this.x,this.y)},t.prototype.copy=function(t){this.set(t.x,t.y)},t.prototype.equals=function(t){return t.x===this.x&&t.y===this.y},t.prototype.set=function(t,e){this.x=t||0,this.y=e||(0!==e?this.x:0)},t}();r.default=i},{}],70:[function(t,e,r){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}r.__esModule=!0;var i=t("./Point");Object.defineProperty(r,"Point",{enumerable:!0,get:function(){return n(i).default}});var o=t("./ObservablePoint");Object.defineProperty(r,"ObservablePoint",{enumerable:!0,get:function(){return n(o).default}});var s=t("./Matrix");Object.defineProperty(r,"Matrix",{enumerable:!0,get:function(){return n(s).default}});var a=t("./GroupD8");Object.defineProperty(r,"GroupD8",{enumerable:!0,get:function(){return n(a).default}});var u=t("./shapes/Circle");Object.defineProperty(r,"Circle",{enumerable:!0,get:function(){return n(u).default}});var h=t("./shapes/Ellipse");Object.defineProperty(r,"Ellipse",{enumerable:!0,get:function(){return n(h).default}});var l=t("./shapes/Polygon");Object.defineProperty(r,"Polygon",{enumerable:!0,get:function(){return n(l).default}});var c=t("./shapes/Rectangle");Object.defineProperty(r,"Rectangle",{enumerable:!0,get:function(){return n(c).default}});var d=t("./shapes/RoundedRectangle");Object.defineProperty(r,"RoundedRectangle",{enumerable:!0,get:function(){return n(d).default}})},{"./GroupD8":66,"./Matrix":67,"./ObservablePoint":68,"./Point":69,"./shapes/Circle":71,"./shapes/Ellipse":72,"./shapes/Polygon":73,"./shapes/Rectangle":74,"./shapes/RoundedRectangle":75}],71:[function(t,e,r){"use strict";function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}r.__esModule=!0;var i=t("./Rectangle"),o=function(t){return t&&t.__esModule?t:{default:t}}(i),s=t("../../const"),a=function(){function t(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0;n(this,t),this.x=e,this.y=r,this.radius=i,this.type=s.SHAPES.CIRC}return t.prototype.clone=function(){return new t(this.x,this.y,this.radius)},t.prototype.contains=function(t,e){if(this.radius<=0)return!1;var r=this.radius*this.radius,n=this.x-t,i=this.y-e;return n*=n,i*=i,n+i<=r},t.prototype.getBounds=function(){return new o.default(this.x-this.radius,this.y-this.radius,2*this.radius,2*this.radius)},t}();r.default=a},{"../../const":46,"./Rectangle":74}],72:[function(t,e,r){"use strict";function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}r.__esModule=!0;var i=t("./Rectangle"),o=function(t){return t&&t.__esModule?t:{default:t}}(i),s=t("../../const"),a=function(){function t(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0;n(this,t),this.x=e,this.y=r,this.width=i,this.height=o,this.type=s.SHAPES.ELIP}return t.prototype.clone=function(){return new t(this.x,this.y,this.width,this.height)},t.prototype.contains=function(t,e){if(this.width<=0||this.height<=0)return!1;var r=(t-this.x)/this.width,n=(e-this.y)/this.height;return r*=r,n*=n,r+n<=1},t.prototype.getBounds=function(){return new o.default(this.x-this.width,this.y-this.height,this.width,this.height)},t}();r.default=a},{"../../const":46,"./Rectangle":74}],73:[function(t,e,r){"use strict";function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}r.__esModule=!0;var i=t("../Point"),o=function(t){return t&&t.__esModule?t:{default:t}}(i),s=t("../../const"),a=function(){function t(){for(var e=arguments.length,r=Array(e),i=0;i<e;i++)r[i]=arguments[i];if(n(this,t),Array.isArray(r[0])&&(r=r[0]),r[0]instanceof o.default){for(var a=[],u=0,h=r.length;u<h;u++)a.push(r[u].x,r[u].y);r=a}this.closed=!0,this.points=r,this.type=s.SHAPES.POLY}return t.prototype.clone=function(){return new t(this.points.slice())},t.prototype.close=function(){var t=this.points;t[0]===t[t.length-2]&&t[1]===t[t.length-1]||t.push(t[0],t[1])},t.prototype.contains=function(t,e){for(var r=!1,n=this.points.length/2,i=0,o=n-1;i<n;o=i++){var s=this.points[2*i],a=this.points[2*i+1],u=this.points[2*o],h=this.points[2*o+1];a>e!=h>e&&t<(e-a)/(h-a)*(u-s)+s&&(r=!r)}return r},t}();r.default=a},{"../../const":46,"../Point":69}],74:[function(t,e,r){"use strict";function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}r.__esModule=!0;var i=function(){function t(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,r,n){return r&&t(e.prototype,r),n&&t(e,n),e}}(),o=t("../../const"),s=function(){function t(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,s=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0;n(this,t),this.x=Number(e),this.y=Number(r),this.width=Number(i),this.height=Number(s),this.type=o.SHAPES.RECT}return t.prototype.clone=function(){return new t(this.x,this.y,this.width,this.height)},t.prototype.copy=function(t){return this.x=t.x,this.y=t.y,this.width=t.width,this.height=t.height,this},t.prototype.contains=function(t,e){return!(this.width<=0||this.height<=0)&&(t>=this.x&&t<this.x+this.width&&e>=this.y&&e<this.y+this.height)},t.prototype.pad=function(t,e){t=t||0,e=e||(0!==e?t:0),this.x-=t,this.y-=e,this.width+=2*t,this.height+=2*e},t.prototype.fit=function(t){this.x<t.x&&(this.width+=this.x,this.width<0&&(this.width=0),this.x=t.x),this.y<t.y&&(this.height+=this.y,this.height<0&&(this.height=0),this.y=t.y),this.x+this.width>t.x+t.width&&(this.width=t.width-this.x,this.width<0&&(this.width=0)),this.y+this.height>t.y+t.height&&(this.height=t.height-this.y,this.height<0&&(this.height=0))},t.prototype.enlarge=function(t){var e=Math.min(this.x,t.x),r=Math.max(this.x+this.width,t.x+t.width),n=Math.min(this.y,t.y),i=Math.max(this.y+this.height,t.y+t.height);this.x=e,this.width=r-e,this.y=n,this.height=i-n},i(t,[{key:"left",get:function(){return this.x}},{key:"right",get:function(){return this.x+this.width}},{key:"top",get:function(){return this.y}},{key:"bottom",get:function(){return this.y+this.height}}],[{key:"EMPTY",get:function(){return new t(0,0,0,0)}}]),t}();r.default=s},{"../../const":46}],75:[function(t,e,r){"use strict";function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}r.__esModule=!0;var i=t("../../const"),o=function(){function t(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,s=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0,a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:20;n(this,t),this.x=e,this.y=r,this.width=o,this.height=s,this.radius=a,this.type=i.SHAPES.RREC}return t.prototype.clone=function(){return new t(this.x,this.y,this.width,this.height,this.radius)},t.prototype.contains=function(t,e){if(this.width<=0||this.height<=0)return!1;if(t>=this.x&&t<=this.x+this.width&&e>=this.y&&e<=this.y+this.height){if(e>=this.y+this.radius&&e<=this.y+this.height-this.radius||t>=this.x+this.radius&&t<=this.x+this.width-this.radius)return!0;var r=t-(this.x+this.radius),n=e-(this.y+this.radius),i=this.radius*this.radius;if(r*r+n*n<=i)return!0;if((r=t-(this.x+this.width-this.radius))*r+n*n<=i)return!0;if(n=e-(this.y+this.height-this.radius),r*r+n*n<=i)return!0;if((r=t-(this.x+this.radius))*r+n*n<=i)return!0}return!1},t}();r.default=o},{"../../const":46}],76:[function(t,e,r){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}function i(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function o(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}function s(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}r.__esModule=!0;var a=function(){function t(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,r,n){return r&&t(e.prototype,r),n&&t(e,n),e}}(),u=t("../utils"),h=t("../math"),l=t("../const"),c=t("../settings"),d=n(c),f=t("../display/Container"),p=n(f),v=t("../textures/RenderTexture"),y=n(v),g=t("eventemitter3"),m=n(g),_=new h.Matrix,b=function(t){function e(r,n,s,a){i(this,e);var c=o(this,t.call(this));return(0,u.sayHello)(r),"number"==typeof n&&(n=Object.assign({width:n,height:s||d.default.RENDER_OPTIONS.height},a)),n=Object.assign({},d.default.RENDER_OPTIONS,n),c.options=n,c.type=l.RENDERER_TYPE.UNKNOWN,c.screen=new h.Rectangle(0,0,n.width,n.height),c.view=n.view||document.createElement("canvas"),c.resolution=n.resolution||d.default.RESOLUTION,c.transparent=n.transparent,c.autoResize=n.autoResize||!1,c.blendModes=null,c.preserveDrawingBuffer=n.preserveDrawingBuffer,c.clearBeforeRender=n.clearBeforeRender,c.roundPixels=n.roundPixels,c._backgroundColor=0,c._backgroundColorRgba=[0,0,0,0],c._backgroundColorString="#000000",c.backgroundColor=n.backgroundColor||c._backgroundColor,c._tempDisplayObjectParent=new p.default,c._lastObjectRendered=c._tempDisplayObjectParent,c}return s(e,t),e.prototype.resize=function(t,e){this.screen.width=t,this.screen.height=e,this.view.width=t*this.resolution,this.view.height=e*this.resolution,this.autoResize&&(this.view.style.width=t+"px",this.view.style.height=e+"px")},e.prototype.generateTexture=function(t,e,r){var n=t.getLocalBounds(),i=y.default.create(0|n.width,0|n.height,e,r);return _.tx=-n.x,_.ty=-n.y,this.render(t,i,!1,_,!0),i},e.prototype.destroy=function(t){t&&this.view.parentNode&&this.view.parentNode.removeChild(this.view),this.type=l.RENDERER_TYPE.UNKNOWN,this.view=null,this.screen=null,this.resolution=0,this.transparent=!1,this.autoResize=!1,this.blendModes=null,this.options=null,this.preserveDrawingBuffer=!1,this.clearBeforeRender=!1,this.roundPixels=!1,this._backgroundColor=0,this._backgroundColorRgba=null,this._backgroundColorString=null,this._tempDisplayObjectParent=null,this._lastObjectRendered=null},a(e,[{key:"width",get:function(){return this.view.width}},{key:"height",get:function(){return this.view.height}},{key:"backgroundColor",get:function(){return this._backgroundColor},set:function(t){this._backgroundColor=t,this._backgroundColorString=(0,u.hex2string)(t),(0,u.hex2rgb)(t,this._backgroundColorRgba)}}]),e}(m.default);r.default=b},{"../const":46,"../display/Container":48,"../math":70,"../settings":101,"../textures/RenderTexture":113,"../utils":124,eventemitter3:3}],77:[function(t,e,r){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}function i(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function o(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}function s(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}r.__esModule=!0;var a=t("../SystemRenderer"),u=n(a),h=t("./utils/CanvasMaskManager"),l=n(h),c=t("./utils/CanvasRenderTarget"),d=n(c),f=t("./utils/mapCanvasBlendModesToPixi"),p=n(f),v=t("../../utils"),y=t("../../const"),g=t("../../settings"),m=n(g),_=function(t){function e(r,n,s){i(this,e);var a=o(this,t.call(this,"Canvas",r,n,s));return a.type=y.RENDERER_TYPE.CANVAS,a.rootContext=a.view.getContext("2d",{alpha:a.transparent}),a.context=a.rootContext,a.refresh=!0,a.maskManager=new l.default(a),a.smoothProperty="imageSmoothingEnabled",a.rootContext.imageSmoothingEnabled||(a.rootContext.webkitImageSmoothingEnabled?a.smoothProperty="webkitImageSmoothingEnabled":a.rootContext.mozImageSmoothingEnabled?a.smoothProperty="mozImageSmoothingEnabled":a.rootContext.oImageSmoothingEnabled?a.smoothProperty="oImageSmoothingEnabled":a.rootContext.msImageSmoothingEnabled&&(a.smoothProperty="msImageSmoothingEnabled")),a.initPlugins(),a.blendModes=(0,p.default)(),a._activeBlendMode=null,a.renderingToScreen=!1,a.resize(a.options.width,a.options.height),a}return s(e,t),e.prototype.render=function(t,e,r,n,i){if(this.view){this.renderingToScreen=!e,this.emit("prerender");var o=this.resolution;e?(e=e.baseTexture||e,e._canvasRenderTarget||(e._canvasRenderTarget=new d.default(e.width,e.height,e.resolution),e.source=e._canvasRenderTarget.canvas,e.valid=!0),this.context=e._canvasRenderTarget.context,this.resolution=e._canvasRenderTarget.resolution):this.context=this.rootContext;var s=this.context;if(e||(this._lastObjectRendered=t),!i){var a=t.parent,u=this._tempDisplayObjectParent.transform.worldTransform;n?(n.copy(u),this._tempDisplayObjectParent.transform._worldID=-1):u.identity(),t.parent=this._tempDisplayObjectParent,t.updateTransform(),t.parent=a}s.setTransform(1,0,0,1,0,0),s.globalAlpha=1,this._activeBlendMode=y.BLEND_MODES.NORMAL,s.globalCompositeOperation=this.blendModes[y.BLEND_MODES.NORMAL],navigator.isCocoonJS&&this.view.screencanvas&&(s.fillStyle="black",s.clear()),(void 0!==r?r:this.clearBeforeRender)&&this.renderingToScreen&&(this.transparent?s.clearRect(0,0,this.width,this.height):(s.fillStyle=this._backgroundColorString,s.fillRect(0,0,this.width,this.height)));var h=this.context;this.context=s,t.renderCanvas(this),this.context=h,this.resolution=o,this.emit("postrender")}},e.prototype.clear=function(t){var e=this.context;t=t||this._backgroundColorString,!this.transparent&&t?(e.fillStyle=t,e.fillRect(0,0,this.width,this.height)):e.clearRect(0,0,this.width,this.height)},e.prototype.setBlendMode=function(t){this._activeBlendMode!==t&&(this._activeBlendMode=t,this.context.globalCompositeOperation=this.blendModes[t])},e.prototype.destroy=function(e){this.destroyPlugins(),t.prototype.destroy.call(this,e),this.context=null,this.refresh=!0,this.maskManager.destroy(),this.maskManager=null,this.smoothProperty=null},e.prototype.resize=function(e,r){t.prototype.resize.call(this,e,r),this.smoothProperty&&(this.rootContext[this.smoothProperty]=m.default.SCALE_MODE===y.SCALE_MODES.LINEAR)},e.prototype.invalidateBlendMode=function(){this._activeBlendMode=this.blendModes.indexOf(this.context.globalCompositeOperation)},e}(u.default);r.default=_,v.pluginTarget.mixin(_)},{"../../const":46,"../../settings":101,"../../utils":124,"../SystemRenderer":76,"./utils/CanvasMaskManager":78,"./utils/CanvasRenderTarget":79,"./utils/mapCanvasBlendModesToPixi":81}],78:[function(t,e,r){"use strict";function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}r.__esModule=!0;var i=t("../../../const"),o=function(){function t(e){n(this,t),this.renderer=e}return t.prototype.pushMask=function(t){var e=this.renderer;e.context.save();var r=t.alpha,n=t.transform.worldTransform,i=e.resolution;e.context.setTransform(n.a*i,n.b*i,n.c*i,n.d*i,n.tx*i,n.ty*i),t._texture||(this.renderGraphicsShape(t),e.context.clip()),t.worldAlpha=r},t.prototype.renderGraphicsShape=function(t){var e=this.renderer.context,r=t.graphicsData.length;if(0!==r){e.beginPath();for(var n=0;n<r;n++){var o=t.graphicsData[n],s=o.shape;if(o.type===i.SHAPES.POLY){var a=s.points;e.moveTo(a[0],a[1]);for(var u=1;u<a.length/2;u++)e.lineTo(a[2*u],a[2*u+1]);a[0]===a[a.length-2]&&a[1]===a[a.length-1]&&e.closePath()}else if(o.type===i.SHAPES.RECT)e.rect(s.x,s.y,s.width,s.height),e.closePath();else if(o.type===i.SHAPES.CIRC)e.arc(s.x,s.y,s.radius,0,2*Math.PI),e.closePath();else if(o.type===i.SHAPES.ELIP){var h=2*s.width,l=2*s.height,c=s.x-h/2,d=s.y-l/2,f=h/2*.5522848,p=l/2*.5522848,v=c+h,y=d+l,g=c+h/2,m=d+l/2;e.moveTo(c,m),e.bezierCurveTo(c,m-p,g-f,d,g,d),e.bezierCurveTo(g+f,d,v,m-p,v,m),e.bezierCurveTo(v,m+p,g+f,y,g,y),e.bezierCurveTo(g-f,y,c,m+p,c,m),e.closePath()}else if(o.type===i.SHAPES.RREC){var _=s.x,b=s.y,x=s.width,T=s.height,w=s.radius,E=Math.min(x,T)/2|0;w=w>E?E:w,e.moveTo(_,b+w),e.lineTo(_,b+T-w),e.quadraticCurveTo(_,b+T,_+w,b+T),e.lineTo(_+x-w,b+T),e.quadraticCurveTo(_+x,b+T,_+x,b+T-w),e.lineTo(_+x,b+w),e.quadraticCurveTo(_+x,b,_+x-w,b),e.lineTo(_+w,b),e.quadraticCurveTo(_,b,_,b+w),e.closePath()}}}},t.prototype.popMask=function(t){t.context.restore(),t.invalidateBlendMode()},t.prototype.destroy=function(){},t}();r.default=o},{"../../../const":46}],79:[function(t,e,r){"use strict";function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}r.__esModule=!0;var i=function(){function t(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,r,n){return r&&t(e.prototype,r),n&&t(e,n),e}}(),o=t("../../../settings"),s=function(t){return t&&t.__esModule?t:{default:t}}(o),a=function(){function t(e,r,i){n(this,t),this.canvas=document.createElement("canvas"),this.context=this.canvas.getContext("2d"),this.resolution=i||s.default.RESOLUTION,this.resize(e,r)}return t.prototype.clear=function(){this.context.setTransform(1,0,0,1,0,0),this.context.clearRect(0,0,this.canvas.width,this.canvas.height)},t.prototype.resize=function(t,e){this.canvas.width=t*this.resolution,this.canvas.height=e*this.resolution},t.prototype.destroy=function(){this.context=null,this.canvas=null},i(t,[{key:"width",get:function(){return this.canvas.width},set:function(t){this.canvas.width=t}},{key:"height",get:function(){return this.canvas.height},set:function(t){this.canvas.height=t}}]),t}();r.default=a},{"../../../settings":101}],80:[function(t,e,r){"use strict";function n(t){var e=document.createElement("canvas");e.width=6,e.height=1;var r=e.getContext("2d");return r.fillStyle=t,r.fillRect(0,0,6,1),e}function i(){if("undefined"==typeof document)return!1;var t=n("#ff00ff"),e=n("#ffff00"),r=document.createElement("canvas");r.width=6,r.height=1;var i=r.getContext("2d");i.globalCompositeOperation="multiply",i.drawImage(t,0,0),i.drawImage(e,2,0);var o=i.getImageData(2,0,1,1);if(!o)return!1;var s=o.data;return 255===s[0]&&0===s[1]&&0===s[2]}r.__esModule=!0,r.default=i},{}],81:[function(t,e,r){"use strict";function n(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];return(0,s.default)()?(t[i.BLEND_MODES.NORMAL]="source-over",t[i.BLEND_MODES.ADD]="lighter",t[i.BLEND_MODES.MULTIPLY]="multiply",t[i.BLEND_MODES.SCREEN]="screen",t[i.BLEND_MODES.OVERLAY]="overlay",t[i.BLEND_MODES.DARKEN]="darken",t[i.BLEND_MODES.LIGHTEN]="lighten",t[i.BLEND_MODES.COLOR_DODGE]="color-dodge",t[i.BLEND_MODES.COLOR_BURN]="color-burn",
+t[i.BLEND_MODES.HARD_LIGHT]="hard-light",t[i.BLEND_MODES.SOFT_LIGHT]="soft-light",t[i.BLEND_MODES.DIFFERENCE]="difference",t[i.BLEND_MODES.EXCLUSION]="exclusion",t[i.BLEND_MODES.HUE]="hue",t[i.BLEND_MODES.SATURATION]="saturate",t[i.BLEND_MODES.COLOR]="color",t[i.BLEND_MODES.LUMINOSITY]="luminosity"):(t[i.BLEND_MODES.NORMAL]="source-over",t[i.BLEND_MODES.ADD]="lighter",t[i.BLEND_MODES.MULTIPLY]="source-over",t[i.BLEND_MODES.SCREEN]="source-over",t[i.BLEND_MODES.OVERLAY]="source-over",t[i.BLEND_MODES.DARKEN]="source-over",t[i.BLEND_MODES.LIGHTEN]="source-over",t[i.BLEND_MODES.COLOR_DODGE]="source-over",t[i.BLEND_MODES.COLOR_BURN]="source-over",t[i.BLEND_MODES.HARD_LIGHT]="source-over",t[i.BLEND_MODES.SOFT_LIGHT]="source-over",t[i.BLEND_MODES.DIFFERENCE]="source-over",t[i.BLEND_MODES.EXCLUSION]="source-over",t[i.BLEND_MODES.HUE]="source-over",t[i.BLEND_MODES.SATURATION]="source-over",t[i.BLEND_MODES.COLOR]="source-over",t[i.BLEND_MODES.LUMINOSITY]="source-over"),t[i.BLEND_MODES.NORMAL_NPM]=t[i.BLEND_MODES.NORMAL],t[i.BLEND_MODES.ADD_NPM]=t[i.BLEND_MODES.ADD],t[i.BLEND_MODES.SCREEN_NPM]=t[i.BLEND_MODES.SCREEN],t}r.__esModule=!0,r.default=n;var i=t("../../../const"),o=t("./canUseNewCanvasBlendModes"),s=function(t){return t&&t.__esModule?t:{default:t}}(o)},{"../../../const":46,"./canUseNewCanvasBlendModes":80}],82:[function(t,e,r){"use strict";function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}r.__esModule=!0;var i=t("../../const"),o=t("../../settings"),s=function(t){return t&&t.__esModule?t:{default:t}}(o),a=function(){function t(e){n(this,t),this.renderer=e,this.count=0,this.checkCount=0,this.maxIdle=s.default.GC_MAX_IDLE,this.checkCountMax=s.default.GC_MAX_CHECK_COUNT,this.mode=s.default.GC_MODE}return t.prototype.update=function(){this.count++,this.mode!==i.GC_MODES.MANUAL&&++this.checkCount>this.checkCountMax&&(this.checkCount=0,this.run())},t.prototype.run=function(){for(var t=this.renderer.textureManager,e=t._managedTextures,r=!1,n=0;n<e.length;n++){var i=e[n];!i._glRenderTargets&&this.count-i.touched>this.maxIdle&&(t.destroyTexture(i,!0),e[n]=null,r=!0)}if(r){for(var o=0,s=0;s<e.length;s++)null!==e[s]&&(e[o++]=e[s]);e.length=o}},t.prototype.unload=function(t){var e=this.renderer.textureManager;t._texture&&t._texture._glRenderTargets&&e.destroyTexture(t._texture,!0);for(var r=t.children.length-1;r>=0;r--)this.unload(t.children[r])},t}();r.default=a},{"../../const":46,"../../settings":101}],83:[function(t,e,r){"use strict";function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}r.__esModule=!0;var i=t("pixi-gl-core"),o=t("../../const"),s=t("./utils/RenderTarget"),a=function(t){return t&&t.__esModule?t:{default:t}}(s),u=t("../../utils"),h=function(){function t(e){n(this,t),this.renderer=e,this.gl=e.gl,this._managedTextures=[]}return t.prototype.bindTexture=function(){},t.prototype.getTexture=function(){},t.prototype.updateTexture=function(t,e){var r=this.gl,n=!!t._glRenderTargets;if(!t.hasLoaded)return null;var s=this.renderer.boundTextures;if(void 0===e){e=0;for(var u=0;u<s.length;++u)if(s[u]===t){e=u;break}}s[e]=t,r.activeTexture(r.TEXTURE0+e);var h=t._glTextures[this.renderer.CONTEXT_UID];if(h)n?t._glRenderTargets[this.renderer.CONTEXT_UID].resize(t.width,t.height):h.upload(t.source);else{if(n){var l=new a.default(this.gl,t.width,t.height,t.scaleMode,t.resolution);l.resize(t.width,t.height),t._glRenderTargets[this.renderer.CONTEXT_UID]=l,h=l.texture}else h=new i.GLTexture(this.gl,null,null,null,null),h.bind(e),h.premultiplyAlpha=!0,h.upload(t.source);t._glTextures[this.renderer.CONTEXT_UID]=h,t.on("update",this.updateTexture,this),t.on("dispose",this.destroyTexture,this),this._managedTextures.push(t),t.isPowerOfTwo?(t.mipmap&&h.enableMipmap(),t.wrapMode===o.WRAP_MODES.CLAMP?h.enableWrapClamp():t.wrapMode===o.WRAP_MODES.REPEAT?h.enableWrapRepeat():h.enableWrapMirrorRepeat()):h.enableWrapClamp(),t.scaleMode===o.SCALE_MODES.NEAREST?h.enableNearestScaling():h.enableLinearScaling()}return h},t.prototype.destroyTexture=function(t,e){if(t=t.baseTexture||t,t.hasLoaded){var r=this.renderer.CONTEXT_UID,n=t._glTextures,i=t._glRenderTargets;if(n[r]&&(this.renderer.unbindTexture(t),n[r].destroy(),t.off("update",this.updateTexture,this),t.off("dispose",this.destroyTexture,this),delete n[r],!e)){var o=this._managedTextures.indexOf(t);-1!==o&&(0,u.removeItems)(this._managedTextures,o,1)}i&&i[r]&&(i[r].destroy(),delete i[r])}},t.prototype.removeAll=function(){for(var t=0;t<this._managedTextures.length;++t){var e=this._managedTextures[t];e._glTextures[this.renderer.CONTEXT_UID]&&delete e._glTextures[this.renderer.CONTEXT_UID]}},t.prototype.destroy=function(){for(var t=0;t<this._managedTextures.length;++t){var e=this._managedTextures[t];this.destroyTexture(e,!0),e.off("update",this.updateTexture,this),e.off("dispose",this.destroyTexture,this)}this._managedTextures=null},t}();r.default=h},{"../../const":46,"../../utils":124,"./utils/RenderTarget":96,"pixi-gl-core":15}],84:[function(t,e,r){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}function i(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function o(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}function s(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}r.__esModule=!0;var a=t("../SystemRenderer"),u=n(a),h=t("./managers/MaskManager"),l=n(h),c=t("./managers/StencilManager"),d=n(c),f=t("./managers/FilterManager"),p=n(f),v=t("./utils/RenderTarget"),y=n(v),g=t("./utils/ObjectRenderer"),m=n(g),_=t("./TextureManager"),b=n(_),x=t("../../textures/BaseTexture"),T=n(x),w=t("./TextureGarbageCollector"),E=n(w),S=t("./WebGLState"),O=n(S),M=t("./utils/mapWebGLDrawModesToPixi"),P=n(M),C=t("./utils/validateContext"),R=n(C),A=t("../../utils"),I=t("pixi-gl-core"),D=n(I),L=t("../../const"),N=0,F=function(t){function e(r,n,s){i(this,e);var a=o(this,t.call(this,"WebGL",r,n,s));return a.legacy=a.options.legacy,a.legacy&&(D.default.VertexArrayObject.FORCE_NATIVE=!0),a.type=L.RENDERER_TYPE.WEBGL,a.handleContextLost=a.handleContextLost.bind(a),a.handleContextRestored=a.handleContextRestored.bind(a),a.view.addEventListener("webglcontextlost",a.handleContextLost,!1),a.view.addEventListener("webglcontextrestored",a.handleContextRestored,!1),a._contextOptions={alpha:a.transparent,antialias:a.options.antialias,premultipliedAlpha:a.transparent&&"notMultiplied"!==a.transparent,stencil:!0,preserveDrawingBuffer:a.options.preserveDrawingBuffer,powerPreference:a.options.powerPreference},a._backgroundColorRgba[3]=a.transparent?0:1,a.maskManager=new l.default(a),a.stencilManager=new d.default(a),a.emptyRenderer=new m.default(a),a.currentRenderer=a.emptyRenderer,a.textureManager=null,a.filterManager=null,a.initPlugins(),a.options.context&&(0,R.default)(a.options.context),a.gl=a.options.context||D.default.createContext(a.view,a._contextOptions),a.CONTEXT_UID=N++,a.state=new O.default(a.gl),a.renderingToScreen=!0,a.boundTextures=null,a._activeShader=null,a._activeVao=null,a._activeRenderTarget=null,a._initContext(),a.drawModes=(0,P.default)(a.gl),a._nextTextureLocation=0,a.setBlendMode(0),a}return s(e,t),e.prototype._initContext=function(){var t=this.gl;t.isContextLost()&&t.getExtension("WEBGL_lose_context")&&t.getExtension("WEBGL_lose_context").restoreContext();var e=t.getParameter(t.MAX_TEXTURE_IMAGE_UNITS);this._activeShader=null,this._activeVao=null,this.boundTextures=new Array(e),this.emptyTextures=new Array(e),this.textureManager=new b.default(this),this.filterManager=new p.default(this),this.textureGC=new E.default(this),this.state.resetToDefault(),this.rootRenderTarget=new y.default(t,this.width,this.height,null,this.resolution,!0),this.rootRenderTarget.clearColor=this._backgroundColorRgba,this.bindRenderTarget(this.rootRenderTarget);var r=new D.default.GLTexture.fromData(t,null,1,1),n={_glTextures:{}};n._glTextures[this.CONTEXT_UID]={};for(var i=0;i<e;i++){var o=new T.default;o._glTextures[this.CONTEXT_UID]=r,this.boundTextures[i]=n,this.emptyTextures[i]=o,this.bindTexture(null,i)}this.emit("context",t),this.resize(this.screen.width,this.screen.height)},e.prototype.render=function(t,e,r,n,i){if(this.renderingToScreen=!e,this.emit("prerender"),this.gl&&!this.gl.isContextLost()){if(this._nextTextureLocation=0,e||(this._lastObjectRendered=t),!i){var o=t.parent;t.parent=this._tempDisplayObjectParent,t.updateTransform(),t.parent=o}this.bindRenderTexture(e,n),this.currentRenderer.start(),(void 0!==r?r:this.clearBeforeRender)&&this._activeRenderTarget.clear(),t.renderWebGL(this),this.currentRenderer.flush(),this.textureGC.update(),this.emit("postrender")}},e.prototype.setObjectRenderer=function(t){this.currentRenderer!==t&&(this.currentRenderer.stop(),this.currentRenderer=t,this.currentRenderer.start())},e.prototype.flush=function(){this.setObjectRenderer(this.emptyRenderer)},e.prototype.resize=function(t,e){u.default.prototype.resize.call(this,t,e),this.rootRenderTarget.resize(t,e),this._activeRenderTarget===this.rootRenderTarget&&(this.rootRenderTarget.activate(),this._activeShader&&(this._activeShader.uniforms.projectionMatrix=this.rootRenderTarget.projectionMatrix.toArray(!0)))},e.prototype.setBlendMode=function(t){this.state.setBlendMode(t)},e.prototype.clear=function(t){this._activeRenderTarget.clear(t)},e.prototype.setTransform=function(t){this._activeRenderTarget.transform=t},e.prototype.clearRenderTexture=function(t,e){var r=t.baseTexture,n=r._glRenderTargets[this.CONTEXT_UID];return n&&n.clear(e),this},e.prototype.bindRenderTexture=function(t,e){var r=void 0;if(t){var n=t.baseTexture;n._glRenderTargets[this.CONTEXT_UID]||this.textureManager.updateTexture(n,0),this.unbindTexture(n),r=n._glRenderTargets[this.CONTEXT_UID],r.setFrame(t.frame)}else r=this.rootRenderTarget;return r.transform=e,this.bindRenderTarget(r),this},e.prototype.bindRenderTarget=function(t){return t!==this._activeRenderTarget&&(this._activeRenderTarget=t,t.activate(),this._activeShader&&(this._activeShader.uniforms.projectionMatrix=t.projectionMatrix.toArray(!0)),this.stencilManager.setMaskStack(t.stencilMaskStack)),this},e.prototype.bindShader=function(t,e){return this._activeShader!==t&&(this._activeShader=t,t.bind(),!1!==e&&(t.uniforms.projectionMatrix=this._activeRenderTarget.projectionMatrix.toArray(!0))),this},e.prototype.bindTexture=function(t,e,r){if(t=t||this.emptyTextures[e],t=t.baseTexture||t,t.touched=this.textureGC.count,r)e=e||0;else{for(var n=0;n<this.boundTextures.length;n++)if(this.boundTextures[n]===t)return n;void 0===e&&(this._nextTextureLocation++,this._nextTextureLocation%=this.boundTextures.length,e=this.boundTextures.length-this._nextTextureLocation-1)}var i=this.gl,o=t._glTextures[this.CONTEXT_UID];return o?(this.boundTextures[e]=t,i.activeTexture(i.TEXTURE0+e),i.bindTexture(i.TEXTURE_2D,o.texture)):this.textureManager.updateTexture(t,e),e},e.prototype.unbindTexture=function(t){var e=this.gl;t=t.baseTexture||t;for(var r=0;r<this.boundTextures.length;r++)this.boundTextures[r]===t&&(this.boundTextures[r]=this.emptyTextures[r],e.activeTexture(e.TEXTURE0+r),e.bindTexture(e.TEXTURE_2D,this.emptyTextures[r]._glTextures[this.CONTEXT_UID].texture));return this},e.prototype.createVao=function(){return new D.default.VertexArrayObject(this.gl,this.state.attribState)},e.prototype.bindVao=function(t){return this._activeVao===t?this:(t?t.bind():this._activeVao&&this._activeVao.unbind(),this._activeVao=t,this)},e.prototype.reset=function(){return this.setObjectRenderer(this.emptyRenderer),this._activeShader=null,this._activeRenderTarget=this.rootRenderTarget,this.rootRenderTarget.activate(),this.state.resetToDefault(),this},e.prototype.handleContextLost=function(t){t.preventDefault()},e.prototype.handleContextRestored=function(){this.textureManager.removeAll(),this.filterManager.destroy(!0),this._initContext()},e.prototype.destroy=function(e){this.destroyPlugins(),this.view.removeEventListener("webglcontextlost",this.handleContextLost),this.view.removeEventListener("webglcontextrestored",this.handleContextRestored),this.textureManager.destroy(),t.prototype.destroy.call(this,e),this.uid=0,this.maskManager.destroy(),this.stencilManager.destroy(),this.filterManager.destroy(),this.maskManager=null,this.filterManager=null,this.textureManager=null,this.currentRenderer=null,this.handleContextLost=null,this.handleContextRestored=null,this._contextOptions=null,this.gl.useProgram(null),this.gl.getExtension("WEBGL_lose_context")&&this.gl.getExtension("WEBGL_lose_context").loseContext(),this.gl=null},e}(u.default);r.default=F,A.pluginTarget.mixin(F)},{"../../const":46,"../../textures/BaseTexture":112,"../../utils":124,"../SystemRenderer":76,"./TextureGarbageCollector":82,"./TextureManager":83,"./WebGLState":85,"./managers/FilterManager":90,"./managers/MaskManager":91,"./managers/StencilManager":92,"./utils/ObjectRenderer":94,"./utils/RenderTarget":96,"./utils/mapWebGLDrawModesToPixi":99,"./utils/validateContext":100,"pixi-gl-core":15}],85:[function(t,e,r){"use strict";function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}r.__esModule=!0;var i=t("./utils/mapWebGLBlendModesToPixi"),o=function(t){return t&&t.__esModule?t:{default:t}}(i),s=function(){function t(e){n(this,t),this.activeState=new Uint8Array(16),this.defaultState=new Uint8Array(16),this.defaultState[0]=1,this.stackIndex=0,this.stack=[],this.gl=e,this.maxAttribs=e.getParameter(e.MAX_VERTEX_ATTRIBS),this.attribState={tempAttribState:new Array(this.maxAttribs),attribState:new Array(this.maxAttribs)},this.blendModes=(0,o.default)(e),this.nativeVaoExtension=e.getExtension("OES_vertex_array_object")||e.getExtension("MOZ_OES_vertex_array_object")||e.getExtension("WEBKIT_OES_vertex_array_object")}return t.prototype.push=function(){var t=this.stack[this.stackIndex];t||(t=this.stack[this.stackIndex]=new Uint8Array(16)),++this.stackIndex;for(var e=0;e<this.activeState.length;e++)t[e]=this.activeState[e]},t.prototype.pop=function(){var t=this.stack[--this.stackIndex];this.setState(t)},t.prototype.setState=function(t){this.setBlend(t[0]),this.setDepthTest(t[1]),this.setFrontFace(t[2]),this.setCullFace(t[3]),this.setBlendMode(t[4])},t.prototype.setBlend=function(t){t=t?1:0,this.activeState[0]!==t&&(this.activeState[0]=t,this.gl[t?"enable":"disable"](this.gl.BLEND))},t.prototype.setBlendMode=function(t){if(t!==this.activeState[4]){this.activeState[4]=t;var e=this.blendModes[t];2===e.length?this.gl.blendFunc(e[0],e[1]):this.gl.blendFuncSeparate(e[0],e[1],e[2],e[3])}},t.prototype.setDepthTest=function(t){t=t?1:0,this.activeState[1]!==t&&(this.activeState[1]=t,this.gl[t?"enable":"disable"](this.gl.DEPTH_TEST))},t.prototype.setCullFace=function(t){t=t?1:0,this.activeState[3]!==t&&(this.activeState[3]=t,this.gl[t?"enable":"disable"](this.gl.CULL_FACE))},t.prototype.setFrontFace=function(t){t=t?1:0,this.activeState[2]!==t&&(this.activeState[2]=t,this.gl.frontFace(this.gl[t?"CW":"CCW"]))},t.prototype.resetAttributes=function(){for(var t=0;t<this.attribState.tempAttribState.length;t++)this.attribState.tempAttribState[t]=0;for(var e=0;e<this.attribState.attribState.length;e++)this.attribState.attribState[e]=0;for(var r=1;r<this.maxAttribs;r++)this.gl.disableVertexAttribArray(r)},t.prototype.resetToDefault=function(){this.nativeVaoExtension&&this.nativeVaoExtension.bindVertexArrayOES(null),this.resetAttributes();for(var t=0;t<this.activeState.length;++t)this.activeState[t]=32;this.gl.pixelStorei(this.gl.UNPACK_FLIP_Y_WEBGL,!1),this.setState(this.defaultState)},t}();r.default=s},{"./utils/mapWebGLBlendModesToPixi":98}],86:[function(t,e,r){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}function i(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}r.__esModule=!0;var o=function(){function t(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,r,n){return r&&t(e.prototype,r),n&&t(e,n),e}}(),s=t("./extractUniformsFromSrc"),a=n(s),u=t("../../../utils"),h=t("../../../const"),l=t("../../../settings"),c=n(l),d={},f=function(){function t(e,r,n){i(this,t),this.vertexSrc=e||t.defaultVertexSrc,this.fragmentSrc=r||t.defaultFragmentSrc,this._blendMode=h.BLEND_MODES.NORMAL,this.uniformData=n||(0,a.default)(this.vertexSrc,this.fragmentSrc,"projectionMatrix|uSampler"),this.uniforms={};for(var o in this.uniformData)this.uniforms[o]=this.uniformData[o].value,this.uniformData[o].type&&(this.uniformData[o].type=this.uniformData[o].type.toLowerCase());this.glShaders={},d[this.vertexSrc+this.fragmentSrc]||(d[this.vertexSrc+this.fragmentSrc]=(0,u.uid)()),this.glShaderKey=d[this.vertexSrc+this.fragmentSrc],this.padding=4,this.resolution=c.default.RESOLUTION,this.enabled=!0,this.autoFit=!0}return t.prototype.apply=function(t,e,r,n,i){t.applyFilter(this,e,r,n)},o(t,[{key:"blendMode",get:function(){return this._blendMode},set:function(t){this._blendMode=t}}],[{key:"defaultVertexSrc",get:function(){return["attribute vec2 aVertexPosition;","attribute vec2 aTextureCoord;","uniform mat3 projectionMatrix;","uniform mat3 filterMatrix;","varying vec2 vTextureCoord;","varying vec2 vFilterCoord;","void main(void){","   gl_Position = vec4((projectionMatrix * vec3(aVertexPosition, 1.0)).xy, 0.0, 1.0);","   vFilterCoord = ( filterMatrix * vec3( aTextureCoord, 1.0)  ).xy;","   vTextureCoord = aTextureCoord ;","}"].join("\n")}},{key:"defaultFragmentSrc",get:function(){return["varying vec2 vTextureCoord;","varying vec2 vFilterCoord;","uniform sampler2D uSampler;","uniform sampler2D filterSampler;","void main(void){","   vec4 masky = texture2D(filterSampler, vFilterCoord);","   vec4 sample = texture2D(uSampler, vTextureCoord);","   vec4 color;","   if(mod(vFilterCoord.x, 1.0) > 0.5)","   {","     color = vec4(1.0, 0.0, 0.0, 1.0);","   }","   else","   {","     color = vec4(0.0, 1.0, 0.0, 1.0);","   }","   gl_FragColor = mix(sample, masky, 0.5);","   gl_FragColor *= sample.a;","}"].join("\n")}}]),t}();r.default=f},{"../../../const":46,"../../../settings":101,"../../../utils":124,"./extractUniformsFromSrc":87}],87:[function(t,e,r){"use strict";function n(t,e,r){var n=i(t),o=i(e);return Object.assign(n,o)}function i(t){for(var e=new RegExp("^(projectionMatrix|uSampler|filterArea|filterClamp)$"),r={},n=void 0,i=t.replace(/\s+/g," ").split(/\s*;\s*/),o=0;o<i.length;o++){var s=i[o].trim();if(s.indexOf("uniform")>-1){var u=s.split(" "),h=u[1],l=u[2],c=1;l.indexOf("[")>-1&&(n=l.split(/\[|]/),l=n[0],c*=Number(n[1])),l.match(e)||(r[l]={value:a(h,c),name:l,type:h})}}return r}r.__esModule=!0,r.default=n;var o=t("pixi-gl-core"),s=function(t){return t&&t.__esModule?t:{default:t}}(o),a=s.default.shader.defaultValue},{"pixi-gl-core":15}],88:[function(t,e,r){"use strict";function n(t,e,r){var n=t.identity();return n.translate(e.x/r.width,e.y/r.height),n.scale(r.width,r.height),n}function i(t,e,r){var n=t.identity();n.translate(e.x/r.width,e.y/r.height);var i=r.width/e.width,o=r.height/e.height;return n.scale(i,o),n}function o(t,e,r,n){var i=n._texture.baseTexture,o=t.set(r.width,0,0,r.height,e.x,e.y),a=n.worldTransform.copy(s.Matrix.TEMP_MATRIX);return a.invert(),o.prepend(a),o.scale(1/i.width,1/i.height),o.translate(n.anchor.x,n.anchor.y),o}r.__esModule=!0,r.calculateScreenSpaceMatrix=n,r.calculateNormalizedScreenSpaceMatrix=i,r.calculateSpriteMatrix=o;var s=t("../../../math")},{"../../../math":70}],89:[function(t,e,r){"use strict";function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function i(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}function o(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}r.__esModule=!0;var s=t("../Filter"),a=function(t){return t&&t.__esModule?t:{default:t}}(s),u=t("../../../../math"),h=(t("path"),function(t){function e(r){n(this,e);var o=new u.Matrix,s=i(this,t.call(this,"attribute vec2 aVertexPosition;\nattribute vec2 aTextureCoord;\n\nuniform mat3 projectionMatrix;\nuniform mat3 otherMatrix;\n\nvarying vec2 vMaskCoord;\nvarying vec2 vTextureCoord;\n\nvoid main(void)\n{\n    gl_Position = vec4((projectionMatrix * vec3(aVertexPosition, 1.0)).xy, 0.0, 1.0);\n\n    vTextureCoord = aTextureCoord;\n    vMaskCoord = ( otherMatrix * vec3( aTextureCoord, 1.0)  ).xy;\n}\n","varying vec2 vMaskCoord;\nvarying vec2 vTextureCoord;\n\nuniform sampler2D uSampler;\nuniform float alpha;\nuniform sampler2D mask;\n\nvoid main(void)\n{\n    // check clip! this will stop the mask bleeding out from the edges\n    vec2 text = abs( vMaskCoord - 0.5 );\n    text = step(0.5, text);\n\n    float clip = 1.0 - max(text.y, text.x);\n    vec4 original = texture2D(uSampler, vTextureCoord);\n    vec4 masky = texture2D(mask, vMaskCoord);\n\n    original *= (masky.r * masky.a * alpha * clip);\n\n    gl_FragColor = original;\n}\n"));return r.renderable=!1,s.maskSprite=r,s.maskMatrix=o,s}return o(e,t),e.prototype.apply=function(t,e,r){var n=this.maskSprite;this.uniforms.mask=n._texture,this.uniforms.otherMatrix=t.calculateSpriteMatrix(this.maskMatrix,n),this.uniforms.alpha=n.worldAlpha,t.applyFilter(this,e,r)},e}(a.default));r.default=h},{"../../../../math":70,"../Filter":86,path:8}],90:[function(t,e,r){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}function i(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}function o(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}function s(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}r.__esModule=!0;var a=t("./WebGLManager"),u=n(a),h=t("../utils/RenderTarget"),l=n(h),c=t("../utils/Quad"),d=n(c),f=t("../../../math"),p=t("../../../Shader"),v=n(p),y=t("../filters/filterTransforms"),g=function(t){if(t&&t.__esModule)return t;var e={};if(null!=t)for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e.default=t,e}(y),m=t("bit-twiddle"),_=n(m),b=function t(){s(this,t),this.renderTarget=null,this.sourceFrame=new f.Rectangle,this.destinationFrame=new f.Rectangle,this.filters=[],this.target=null,this.resolution=1},x=function(t){function e(r){s(this,e);var n=i(this,t.call(this,r));return n.gl=n.renderer.gl,n.quad=new d.default(n.gl,r.state.attribState),n.shaderCache={},n.pool={},n.filterData=null,n.managedFilters=[],n}return o(e,t),e.prototype.pushFilter=function(t,e){var r=this.renderer,n=this.filterData;if(!n){n=this.renderer._activeRenderTarget.filterStack;var i=new b;i.sourceFrame=i.destinationFrame=this.renderer._activeRenderTarget.size,i.renderTarget=r._activeRenderTarget,this.renderer._activeRenderTarget.filterData=n={index:0,stack:[i]},this.filterData=n}var o=n.stack[++n.index];o||(o=n.stack[n.index]=new b);var s=e[0].resolution,a=0|e[0].padding,u=t.filterArea||t.getBounds(!0),h=o.sourceFrame,l=o.destinationFrame;h.x=(u.x*s|0)/s,h.y=(u.y*s|0)/s,h.width=(u.width*s|0)/s,h.height=(u.height*s|0)/s,n.stack[0].renderTarget.transform||e[0].autoFit&&h.fit(n.stack[0].destinationFrame),h.pad(a),l.width=h.width,l.height=h.height;var c=this.getPotRenderTarget(r.gl,h.width,h.height,s);o.target=t,o.filters=e,o.resolution=s,o.renderTarget=c,c.setFrame(l,h),r.bindRenderTarget(c),c.clear()},e.prototype.popFilter=function(){var t=this.filterData,e=t.stack[t.index-1],r=t.stack[t.index];this.quad.map(r.renderTarget.size,r.sourceFrame).upload();var n=r.filters;if(1===n.length)n[0].apply(this,r.renderTarget,e.renderTarget,!1,r),this.freePotRenderTarget(r.renderTarget);else{var i=r.renderTarget,o=this.getPotRenderTarget(this.renderer.gl,r.sourceFrame.width,r.sourceFrame.height,r.resolution);o.setFrame(r.destinationFrame,r.sourceFrame),o.clear();var s=0;for(s=0;s<n.length-1;++s){n[s].apply(this,i,o,!0,r);var a=i;i=o,o=a}n[s].apply(this,i,e.renderTarget,!1,r),this.freePotRenderTarget(i),this.freePotRenderTarget(o)}0===--t.index&&(this.filterData=null)},e.prototype.applyFilter=function(t,e,r,n){var i=this.renderer,o=i.gl,s=t.glShaders[i.CONTEXT_UID];s||(t.glShaderKey?(s=this.shaderCache[t.glShaderKey])||(s=new v.default(this.gl,t.vertexSrc,t.fragmentSrc),t.glShaders[i.CONTEXT_UID]=this.shaderCache[t.glShaderKey]=s):s=t.glShaders[i.CONTEXT_UID]=new v.default(this.gl,t.vertexSrc,t.fragmentSrc),this.managedFilters.push(t),i.bindVao(null),this.quad.initVao(s)),i.bindVao(this.quad.vao),i.bindRenderTarget(r),n&&(o.disable(o.SCISSOR_TEST),i.clear(),o.enable(o.SCISSOR_TEST)),r===i.maskManager.scissorRenderTarget&&i.maskManager.pushScissorMask(null,i.maskManager.scissorData),i.bindShader(s);var a=this.renderer.emptyTextures[0];this.renderer.boundTextures[0]=a,this.syncUniforms(s,t),i.state.setBlendMode(t.blendMode),o.activeTexture(o.TEXTURE0),o.bindTexture(o.TEXTURE_2D,e.texture.texture),this.quad.vao.draw(this.renderer.gl.TRIANGLES,6,0),o.bindTexture(o.TEXTURE_2D,a._glTextures[this.renderer.CONTEXT_UID].texture)},e.prototype.syncUniforms=function(t,e){var r=e.uniformData,n=e.uniforms,i=1,o=void 0;if(t.uniforms.filterArea){o=this.filterData.stack[this.filterData.index];var s=t.uniforms.filterArea;s[0]=o.renderTarget.size.width,s[1]=o.renderTarget.size.height,s[2]=o.sourceFrame.x,s[3]=o.sourceFrame.y,t.uniforms.filterArea=s}if(t.uniforms.filterClamp){o=o||this.filterData.stack[this.filterData.index];var a=t.uniforms.filterClamp;a[0]=0,a[1]=0,a[2]=(o.sourceFrame.width-1)/o.renderTarget.size.width,a[3]=(o.sourceFrame.height-1)/o.renderTarget.size.height,t.uniforms.filterClamp=a}for(var u in r){var h=r[u].type;if("sampler2d"===h&&0!==n[u]){if(n[u].baseTexture)t.uniforms[u]=this.renderer.bindTexture(n[u].baseTexture,i);else{t.uniforms[u]=i;var l=this.renderer.gl;this.renderer.boundTextures[i]=this.renderer.emptyTextures[i],l.activeTexture(l.TEXTURE0+i),n[u].texture.bind()}i++}else if("mat3"===h)void 0!==n[u].a?t.uniforms[u]=n[u].toArray(!0):t.uniforms[u]=n[u];else if("vec2"===h)if(void 0!==n[u].x){var c=t.uniforms[u]||new Float32Array(2);c[0]=n[u].x,c[1]=n[u].y,t.uniforms[u]=c}else t.uniforms[u]=n[u];else"float"===h?t.uniforms.data[u].value!==r[u]&&(t.uniforms[u]=n[u]):t.uniforms[u]=n[u]}},e.prototype.getRenderTarget=function(t,e){var r=this.filterData.stack[this.filterData.index],n=this.getPotRenderTarget(this.renderer.gl,r.sourceFrame.width,r.sourceFrame.height,e||r.resolution);return n.setFrame(r.destinationFrame,r.sourceFrame),n},e.prototype.returnRenderTarget=function(t){this.freePotRenderTarget(t)},e.prototype.calculateScreenSpaceMatrix=function(t){var e=this.filterData.stack[this.filterData.index];return g.calculateScreenSpaceMatrix(t,e.sourceFrame,e.renderTarget.size)},e.prototype.calculateNormalizedScreenSpaceMatrix=function(t){var e=this.filterData.stack[this.filterData.index];return g.calculateNormalizedScreenSpaceMatrix(t,e.sourceFrame,e.renderTarget.size,e.destinationFrame)},e.prototype.calculateSpriteMatrix=function(t,e){var r=this.filterData.stack[this.filterData.index];return g.calculateSpriteMatrix(t,r.sourceFrame,r.renderTarget.size,e)},e.prototype.destroy=function(){for(var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0],e=this.renderer,r=this.managedFilters,n=0;n<r.length;n++)t||r[n].glShaders[e.CONTEXT_UID].destroy(),delete r[n].glShaders[e.CONTEXT_UID];this.shaderCache={},t?this.pool={}:this.emptyPool()},e.prototype.getPotRenderTarget=function(t,e,r,n){e=_.default.nextPow2(e*n),r=_.default.nextPow2(r*n);var i=(65535&e)<<16|65535&r;this.pool[i]||(this.pool[i]=[]);var o=this.pool[i].pop();if(!o){var s=this.renderer.boundTextures[0];t.activeTexture(t.TEXTURE0),o=new l.default(t,e,r,null,1),t.bindTexture(t.TEXTURE_2D,s._glTextures[this.renderer.CONTEXT_UID].texture)}return o.resolution=n,o.defaultFrame.width=o.size.width=e/n,o.defaultFrame.height=o.size.height=r/n,o},e.prototype.emptyPool=function(){for(var t in this.pool){var e=this.pool[t];if(e)for(var r=0;r<e.length;r++)e[r].destroy(!0)}this.pool={}},e.prototype.freePotRenderTarget=function(t){var e=t.size.width*t.resolution,r=t.size.height*t.resolution,n=(65535&e)<<16|65535&r;this.pool[n].push(t)},e}(u.default);r.default=x},{"../../../Shader":44,"../../../math":70,"../filters/filterTransforms":88,"../utils/Quad":95,"../utils/RenderTarget":96,"./WebGLManager":93,"bit-twiddle":1}],91:[function(t,e,r){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}function i(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function o(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}function s(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}r.__esModule=!0;var a=t("./WebGLManager"),u=n(a),h=t("../filters/spriteMask/SpriteMaskFilter"),l=n(h),c=function(t){function e(r){i(this,e);var n=o(this,t.call(this,r));return n.scissor=!1,n.scissorData=null,n.scissorRenderTarget=null,n.enableScissor=!0,n.alphaMaskPool=[],n.alphaMaskIndex=0,n}return s(e,t),e.prototype.pushMask=function(t,e){if(e.texture)this.pushSpriteMask(t,e);else if(this.enableScissor&&!this.scissor&&this.renderer._activeRenderTarget.root&&!this.renderer.stencilManager.stencilMaskStack.length&&e.isFastRect()){var r=e.worldTransform,n=Math.atan2(r.b,r.a);n=Math.round(n*(180/Math.PI)),n%90?this.pushStencilMask(e):this.pushScissorMask(t,e)}else this.pushStencilMask(e)},e.prototype.popMask=function(t,e){e.texture?this.popSpriteMask(t,e):this.enableScissor&&!this.renderer.stencilManager.stencilMaskStack.length?this.popScissorMask(t,e):this.popStencilMask(t,e)},e.prototype.pushSpriteMask=function(t,e){var r=this.alphaMaskPool[this.alphaMaskIndex];r||(r=this.alphaMaskPool[this.alphaMaskIndex]=[new l.default(e)]),r[0].resolution=this.renderer.resolution,r[0].maskSprite=e,t.filterArea=e.getBounds(!0),this.renderer.filterManager.pushFilter(t,r),this.alphaMaskIndex++},e.prototype.popSpriteMask=function(){this.renderer.filterManager.popFilter(),this.alphaMaskIndex--},e.prototype.pushStencilMask=function(t){this.renderer.currentRenderer.stop(),this.renderer.stencilManager.pushStencil(t)},e.prototype.popStencilMask=function(){this.renderer.currentRenderer.stop(),this.renderer.stencilManager.popStencil()},e.prototype.pushScissorMask=function(t,e){e.renderable=!0;var r=this.renderer._activeRenderTarget,n=e.getBounds();n.fit(r.size),e.renderable=!1,this.renderer.gl.enable(this.renderer.gl.SCISSOR_TEST);var i=this.renderer.resolution;this.renderer.gl.scissor(n.x*i,(r.root?r.size.height-n.y-n.height:n.y)*i,n.width*i,n.height*i),this.scissorRenderTarget=r,this.scissorData=e,this.scissor=!0},e.prototype.popScissorMask=function(){this.scissorRenderTarget=null,this.scissorData=null,this.scissor=!1;var t=this.renderer.gl;t.disable(t.SCISSOR_TEST)},e}(u.default);r.default=c},{"../filters/spriteMask/SpriteMaskFilter":89,
+"./WebGLManager":93}],92:[function(t,e,r){"use strict";function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function i(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}function o(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}r.__esModule=!0;var s=t("./WebGLManager"),a=function(t){return t&&t.__esModule?t:{default:t}}(s),u=function(t){function e(r){n(this,e);var o=i(this,t.call(this,r));return o.stencilMaskStack=null,o}return o(e,t),e.prototype.setMaskStack=function(t){this.stencilMaskStack=t;var e=this.renderer.gl;0===t.length?e.disable(e.STENCIL_TEST):e.enable(e.STENCIL_TEST)},e.prototype.pushStencil=function(t){this.renderer.setObjectRenderer(this.renderer.plugins.graphics),this.renderer._activeRenderTarget.attachStencilBuffer();var e=this.renderer.gl,r=this.stencilMaskStack.length;0===r&&e.enable(e.STENCIL_TEST),this.stencilMaskStack.push(t),e.colorMask(!1,!1,!1,!1),e.stencilFunc(e.EQUAL,r,this._getBitwiseMask()),e.stencilOp(e.KEEP,e.KEEP,e.INCR),this.renderer.plugins.graphics.render(t),this._useCurrent()},e.prototype.popStencil=function(){this.renderer.setObjectRenderer(this.renderer.plugins.graphics);var t=this.renderer.gl,e=this.stencilMaskStack.pop();0===this.stencilMaskStack.length?(t.disable(t.STENCIL_TEST),t.clear(t.STENCIL_BUFFER_BIT),t.clearStencil(0)):(t.colorMask(!1,!1,!1,!1),t.stencilOp(t.KEEP,t.KEEP,t.DECR),this.renderer.plugins.graphics.render(e),this._useCurrent())},e.prototype._useCurrent=function(){var t=this.renderer.gl;t.colorMask(!0,!0,!0,!0),t.stencilFunc(t.EQUAL,this.stencilMaskStack.length,this._getBitwiseMask()),t.stencilOp(t.KEEP,t.KEEP,t.KEEP)},e.prototype._getBitwiseMask=function(){return(1<<this.stencilMaskStack.length)-1},e.prototype.destroy=function(){a.default.prototype.destroy.call(this),this.stencilMaskStack.stencilStack=null},e}(a.default);r.default=u},{"./WebGLManager":93}],93:[function(t,e,r){"use strict";function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}r.__esModule=!0;var i=function(){function t(e){n(this,t),this.renderer=e,this.renderer.on("context",this.onContextChange,this)}return t.prototype.onContextChange=function(){},t.prototype.destroy=function(){this.renderer.off("context",this.onContextChange,this),this.renderer=null},t}();r.default=i},{}],94:[function(t,e,r){"use strict";function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function i(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}function o(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}r.__esModule=!0;var s=t("../managers/WebGLManager"),a=function(t){return t&&t.__esModule?t:{default:t}}(s),u=function(t){function e(){return n(this,e),i(this,t.apply(this,arguments))}return o(e,t),e.prototype.start=function(){},e.prototype.stop=function(){this.flush()},e.prototype.flush=function(){},e.prototype.render=function(t){},e}(a.default);r.default=u},{"../managers/WebGLManager":93}],95:[function(t,e,r){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}function i(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}r.__esModule=!0;var o=t("pixi-gl-core"),s=n(o),a=t("../../../utils/createIndicesForQuads"),u=n(a),h=function(){function t(e,r){i(this,t),this.gl=e,this.vertices=new Float32Array([-1,-1,1,-1,1,1,-1,1]),this.uvs=new Float32Array([0,0,1,0,1,1,0,1]),this.interleaved=new Float32Array(16);for(var n=0;n<4;n++)this.interleaved[4*n]=this.vertices[2*n],this.interleaved[4*n+1]=this.vertices[2*n+1],this.interleaved[4*n+2]=this.uvs[2*n],this.interleaved[4*n+3]=this.uvs[2*n+1];this.indices=(0,u.default)(1),this.vertexBuffer=s.default.GLBuffer.createVertexBuffer(e,this.interleaved,e.STATIC_DRAW),this.indexBuffer=s.default.GLBuffer.createIndexBuffer(e,this.indices,e.STATIC_DRAW),this.vao=new s.default.VertexArrayObject(e,r)}return t.prototype.initVao=function(t){this.vao.clear().addIndex(this.indexBuffer).addAttribute(this.vertexBuffer,t.attributes.aVertexPosition,this.gl.FLOAT,!1,16,0).addAttribute(this.vertexBuffer,t.attributes.aTextureCoord,this.gl.FLOAT,!1,16,8)},t.prototype.map=function(t,e){var r=0,n=0;return this.uvs[0]=r,this.uvs[1]=n,this.uvs[2]=r+e.width/t.width,this.uvs[3]=n,this.uvs[4]=r+e.width/t.width,this.uvs[5]=n+e.height/t.height,this.uvs[6]=r,this.uvs[7]=n+e.height/t.height,r=e.x,n=e.y,this.vertices[0]=r,this.vertices[1]=n,this.vertices[2]=r+e.width,this.vertices[3]=n,this.vertices[4]=r+e.width,this.vertices[5]=n+e.height,this.vertices[6]=r,this.vertices[7]=n+e.height,this},t.prototype.upload=function(){for(var t=0;t<4;t++)this.interleaved[4*t]=this.vertices[2*t],this.interleaved[4*t+1]=this.vertices[2*t+1],this.interleaved[4*t+2]=this.uvs[2*t],this.interleaved[4*t+3]=this.uvs[2*t+1];return this.vertexBuffer.upload(this.interleaved),this},t.prototype.destroy=function(){var t=this.gl;t.deleteBuffer(this.vertexBuffer),t.deleteBuffer(this.indexBuffer)},t}();r.default=h},{"../../../utils/createIndicesForQuads":122,"pixi-gl-core":15}],96:[function(t,e,r){"use strict";function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}r.__esModule=!0;var i=t("../../../math"),o=t("../../../const"),s=t("../../../settings"),a=function(t){return t&&t.__esModule?t:{default:t}}(s),u=t("pixi-gl-core"),h=function(){function t(e,r,s,h,l,c){n(this,t),this.gl=e,this.frameBuffer=null,this.texture=null,this.clearColor=[0,0,0,0],this.size=new i.Rectangle(0,0,1,1),this.resolution=l||a.default.RESOLUTION,this.projectionMatrix=new i.Matrix,this.transform=null,this.frame=null,this.defaultFrame=new i.Rectangle,this.destinationFrame=null,this.sourceFrame=null,this.stencilBuffer=null,this.stencilMaskStack=[],this.filterData=null,this.scaleMode=void 0!==h?h:a.default.SCALE_MODE,this.root=c,this.root?(this.frameBuffer=new u.GLFramebuffer(e,100,100),this.frameBuffer.framebuffer=null):(this.frameBuffer=u.GLFramebuffer.createRGBA(e,100,100),this.scaleMode===o.SCALE_MODES.NEAREST?this.frameBuffer.texture.enableNearestScaling():this.frameBuffer.texture.enableLinearScaling(),this.texture=this.frameBuffer.texture),this.setFrame(),this.resize(r,s)}return t.prototype.clear=function(t){var e=t||this.clearColor;this.frameBuffer.clear(e[0],e[1],e[2],e[3])},t.prototype.attachStencilBuffer=function(){this.root||this.frameBuffer.enableStencil()},t.prototype.setFrame=function(t,e){this.destinationFrame=t||this.destinationFrame||this.defaultFrame,this.sourceFrame=e||this.sourceFrame||this.destinationFrame},t.prototype.activate=function(){var t=this.gl;this.frameBuffer.bind(),this.calculateProjection(this.destinationFrame,this.sourceFrame),this.transform&&this.projectionMatrix.append(this.transform),this.destinationFrame!==this.sourceFrame?(t.enable(t.SCISSOR_TEST),t.scissor(0|this.destinationFrame.x,0|this.destinationFrame.y,this.destinationFrame.width*this.resolution|0,this.destinationFrame.height*this.resolution|0)):t.disable(t.SCISSOR_TEST),t.viewport(0|this.destinationFrame.x,0|this.destinationFrame.y,this.destinationFrame.width*this.resolution|0,this.destinationFrame.height*this.resolution|0)},t.prototype.calculateProjection=function(t,e){var r=this.projectionMatrix;e=e||t,r.identity(),this.root?(r.a=1/t.width*2,r.d=-1/t.height*2,r.tx=-1-e.x*r.a,r.ty=1-e.y*r.d):(r.a=1/t.width*2,r.d=1/t.height*2,r.tx=-1-e.x*r.a,r.ty=-1-e.y*r.d)},t.prototype.resize=function(t,e){if(t|=0,e|=0,this.size.width!==t||this.size.height!==e){this.size.width=t,this.size.height=e,this.defaultFrame.width=t,this.defaultFrame.height=e,this.frameBuffer.resize(t*this.resolution,e*this.resolution);var r=this.frame||this.size;this.calculateProjection(r)}},t.prototype.destroy=function(){this.frameBuffer.destroy(),this.frameBuffer=null,this.texture=null},t}();r.default=h},{"../../../const":46,"../../../math":70,"../../../settings":101,"pixi-gl-core":15}],97:[function(t,e,r){"use strict";function n(t,e){var r=!e;if(r){var n=document.createElement("canvas");n.width=1,n.height=1,e=s.default.createContext(n)}for(var o=e.createShader(e.FRAGMENT_SHADER);;){var u=a.replace(/%forloop%/gi,i(t));if(e.shaderSource(o,u),e.compileShader(o),e.getShaderParameter(o,e.COMPILE_STATUS))break;t=t/2|0}return r&&e.getExtension("WEBGL_lose_context")&&e.getExtension("WEBGL_lose_context").loseContext(),t}function i(t){for(var e="",r=0;r<t;++r)r>0&&(e+="\nelse "),r<t-1&&(e+="if(test == "+r+".0){}");return e}r.__esModule=!0,r.default=n;var o=t("pixi-gl-core"),s=function(t){return t&&t.__esModule?t:{default:t}}(o),a=["precision mediump float;","void main(void){","float test = 0.1;","%forloop%","gl_FragColor = vec4(0.0);","}"].join("\n")},{"pixi-gl-core":15}],98:[function(t,e,r){"use strict";function n(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];return e[i.BLEND_MODES.NORMAL]=[t.ONE,t.ONE_MINUS_SRC_ALPHA],e[i.BLEND_MODES.ADD]=[t.ONE,t.DST_ALPHA],e[i.BLEND_MODES.MULTIPLY]=[t.DST_COLOR,t.ONE_MINUS_SRC_ALPHA],e[i.BLEND_MODES.SCREEN]=[t.ONE,t.ONE_MINUS_SRC_COLOR],e[i.BLEND_MODES.OVERLAY]=[t.ONE,t.ONE_MINUS_SRC_ALPHA],e[i.BLEND_MODES.DARKEN]=[t.ONE,t.ONE_MINUS_SRC_ALPHA],e[i.BLEND_MODES.LIGHTEN]=[t.ONE,t.ONE_MINUS_SRC_ALPHA],e[i.BLEND_MODES.COLOR_DODGE]=[t.ONE,t.ONE_MINUS_SRC_ALPHA],e[i.BLEND_MODES.COLOR_BURN]=[t.ONE,t.ONE_MINUS_SRC_ALPHA],e[i.BLEND_MODES.HARD_LIGHT]=[t.ONE,t.ONE_MINUS_SRC_ALPHA],e[i.BLEND_MODES.SOFT_LIGHT]=[t.ONE,t.ONE_MINUS_SRC_ALPHA],e[i.BLEND_MODES.DIFFERENCE]=[t.ONE,t.ONE_MINUS_SRC_ALPHA],e[i.BLEND_MODES.EXCLUSION]=[t.ONE,t.ONE_MINUS_SRC_ALPHA],e[i.BLEND_MODES.HUE]=[t.ONE,t.ONE_MINUS_SRC_ALPHA],e[i.BLEND_MODES.SATURATION]=[t.ONE,t.ONE_MINUS_SRC_ALPHA],e[i.BLEND_MODES.COLOR]=[t.ONE,t.ONE_MINUS_SRC_ALPHA],e[i.BLEND_MODES.LUMINOSITY]=[t.ONE,t.ONE_MINUS_SRC_ALPHA],e[i.BLEND_MODES.NORMAL_NPM]=[t.SRC_ALPHA,t.ONE_MINUS_SRC_ALPHA,t.ONE,t.ONE_MINUS_SRC_ALPHA],e[i.BLEND_MODES.ADD_NPM]=[t.SRC_ALPHA,t.DST_ALPHA,t.ONE,t.DST_ALPHA],e[i.BLEND_MODES.SCREEN_NPM]=[t.SRC_ALPHA,t.ONE_MINUS_SRC_COLOR,t.ONE,t.ONE_MINUS_SRC_COLOR],e}r.__esModule=!0,r.default=n;var i=t("../../../const")},{"../../../const":46}],99:[function(t,e,r){"use strict";function n(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return e[i.DRAW_MODES.POINTS]=t.POINTS,e[i.DRAW_MODES.LINES]=t.LINES,e[i.DRAW_MODES.LINE_LOOP]=t.LINE_LOOP,e[i.DRAW_MODES.LINE_STRIP]=t.LINE_STRIP,e[i.DRAW_MODES.TRIANGLES]=t.TRIANGLES,e[i.DRAW_MODES.TRIANGLE_STRIP]=t.TRIANGLE_STRIP,e[i.DRAW_MODES.TRIANGLE_FAN]=t.TRIANGLE_FAN,e}r.__esModule=!0,r.default=n;var i=t("../../../const")},{"../../../const":46}],100:[function(t,e,r){"use strict";function n(t){t.getContextAttributes().stencil||console.warn("Provided WebGL context does not have a stencil buffer, masks may not render correctly")}r.__esModule=!0,r.default=n},{}],101:[function(t,e,r){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}r.__esModule=!0;var i=t("./utils/maxRecommendedTextures"),o=n(i),s=t("./utils/canUploadSameBuffer"),a=n(s);r.default={TARGET_FPMS:.06,MIPMAP_TEXTURES:!0,RESOLUTION:1,FILTER_RESOLUTION:1,SPRITE_MAX_TEXTURES:(0,o.default)(32),SPRITE_BATCH_SIZE:4096,RETINA_PREFIX:/@([0-9\.]+)x/,RENDER_OPTIONS:{view:null,antialias:!1,forceFXAA:!1,autoResize:!1,transparent:!1,backgroundColor:0,clearBeforeRender:!0,preserveDrawingBuffer:!1,roundPixels:!1,width:800,height:600,legacy:!1},TRANSFORM_MODE:0,GC_MODE:0,GC_MAX_IDLE:3600,GC_MAX_CHECK_COUNT:600,WRAP_MODE:0,SCALE_MODE:0,PRECISION_VERTEX:"highp",PRECISION_FRAGMENT:"mediump",CAN_UPLOAD_SAME_BUFFER:(0,a.default)()}},{"./utils/canUploadSameBuffer":121,"./utils/maxRecommendedTextures":126}],102:[function(t,e,r){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}function i(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function o(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}function s(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}r.__esModule=!0;var a=function(){function t(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,r,n){return r&&t(e.prototype,r),n&&t(e,n),e}}(),u=t("../math"),h=t("../utils"),l=t("../const"),c=t("../textures/Texture"),d=n(c),f=t("../display/Container"),p=n(f),v=new u.Point,y=function(t){function e(r){i(this,e);var n=o(this,t.call(this));return n._anchor=new u.ObservablePoint(n._onAnchorUpdate,n),n._texture=null,n._width=0,n._height=0,n._tint=null,n._tintRGB=null,n.tint=16777215,n.blendMode=l.BLEND_MODES.NORMAL,n.shader=null,n.cachedTint=16777215,n.texture=r||d.default.EMPTY,n.vertexData=new Float32Array(8),n.vertexTrimmedData=null,n._transformID=-1,n._textureID=-1,n._transformTrimmedID=-1,n._textureTrimmedID=-1,n.pluginName="sprite",n}return s(e,t),e.prototype._onTextureUpdate=function(){this._textureID=-1,this._textureTrimmedID=-1,this.cachedTint=16777215,this._width&&(this.scale.x=(0,h.sign)(this.scale.x)*this._width/this._texture.orig.width),this._height&&(this.scale.y=(0,h.sign)(this.scale.y)*this._height/this._texture.orig.height)},e.prototype._onAnchorUpdate=function(){this._transformID=-1,this._transformTrimmedID=-1},e.prototype.calculateVertices=function(){if(this._transformID!==this.transform._worldID||this._textureID!==this._texture._updateID){this._transformID=this.transform._worldID,this._textureID=this._texture._updateID;var t=this._texture,e=this.transform.worldTransform,r=e.a,n=e.b,i=e.c,o=e.d,s=e.tx,a=e.ty,u=this.vertexData,h=t.trim,l=t.orig,c=this._anchor,d=0,f=0,p=0,v=0;h?(f=h.x-c._x*l.width,d=f+h.width,v=h.y-c._y*l.height,p=v+h.height):(f=-c._x*l.width,d=f+l.width,v=-c._y*l.height,p=v+l.height),u[0]=r*f+i*v+s,u[1]=o*v+n*f+a,u[2]=r*d+i*v+s,u[3]=o*v+n*d+a,u[4]=r*d+i*p+s,u[5]=o*p+n*d+a,u[6]=r*f+i*p+s,u[7]=o*p+n*f+a}},e.prototype.calculateTrimmedVertices=function(){if(this.vertexTrimmedData){if(this._transformTrimmedID===this.transform._worldID&&this._textureTrimmedID===this._texture._updateID)return}else this.vertexTrimmedData=new Float32Array(8);this._transformTrimmedID=this.transform._worldID,this._textureTrimmedID=this._texture._updateID;var t=this._texture,e=this.vertexTrimmedData,r=t.orig,n=this._anchor,i=this.transform.worldTransform,o=i.a,s=i.b,a=i.c,u=i.d,h=i.tx,l=i.ty,c=-n._x*r.width,d=c+r.width,f=-n._y*r.height,p=f+r.height;e[0]=o*c+a*f+h,e[1]=u*f+s*c+l,e[2]=o*d+a*f+h,e[3]=u*f+s*d+l,e[4]=o*d+a*p+h,e[5]=u*p+s*d+l,e[6]=o*c+a*p+h,e[7]=u*p+s*c+l},e.prototype._renderWebGL=function(t){this.calculateVertices(),t.setObjectRenderer(t.plugins[this.pluginName]),t.plugins[this.pluginName].render(this)},e.prototype._renderCanvas=function(t){t.plugins[this.pluginName].render(this)},e.prototype._calculateBounds=function(){var t=this._texture.trim,e=this._texture.orig;!t||t.width===e.width&&t.height===e.height?(this.calculateVertices(),this._bounds.addQuad(this.vertexData)):(this.calculateTrimmedVertices(),this._bounds.addQuad(this.vertexTrimmedData))},e.prototype.getLocalBounds=function(e){return 0===this.children.length?(this._bounds.minX=this._texture.orig.width*-this._anchor._x,this._bounds.minY=this._texture.orig.height*-this._anchor._y,this._bounds.maxX=this._texture.orig.width*(1-this._anchor._x),this._bounds.maxY=this._texture.orig.height*(1-this._anchor._y),e||(this._localBoundsRect||(this._localBoundsRect=new u.Rectangle),e=this._localBoundsRect),this._bounds.getRectangle(e)):t.prototype.getLocalBounds.call(this,e)},e.prototype.containsPoint=function(t){this.worldTransform.applyInverse(t,v);var e=this._texture.orig.width,r=this._texture.orig.height,n=-e*this.anchor.x,i=0;return v.x>=n&&v.x<n+e&&(i=-r*this.anchor.y,v.y>=i&&v.y<i+r)},e.prototype.destroy=function(e){if(t.prototype.destroy.call(this,e),this._anchor=null,"boolean"==typeof e?e:e&&e.texture){var r="boolean"==typeof e?e:e&&e.baseTexture;this._texture.destroy(!!r)}this._texture=null,this.shader=null},e.from=function(t){return new e(d.default.from(t))},e.fromFrame=function(t){var r=h.TextureCache[t];if(!r)throw new Error('The frameId "'+t+'" does not exist in the texture cache');return new e(r)},e.fromImage=function(t,r,n){return new e(d.default.fromImage(t,r,n))},a(e,[{key:"width",get:function(){return Math.abs(this.scale.x)*this._texture.orig.width},set:function(t){var e=(0,h.sign)(this.scale.x)||1;this.scale.x=e*t/this._texture.orig.width,this._width=t}},{key:"height",get:function(){return Math.abs(this.scale.y)*this._texture.orig.height},set:function(t){var e=(0,h.sign)(this.scale.y)||1;this.scale.y=e*t/this._texture.orig.height,this._height=t}},{key:"anchor",get:function(){return this._anchor},set:function(t){this._anchor.copy(t)}},{key:"tint",get:function(){return this._tint},set:function(t){this._tint=t,this._tintRGB=(t>>16)+(65280&t)+((255&t)<<16)}},{key:"texture",get:function(){return this._texture},set:function(t){this._texture!==t&&(this._texture=t,this.cachedTint=16777215,this._textureID=-1,this._textureTrimmedID=-1,t&&(t.baseTexture.hasLoaded?this._onTextureUpdate():t.once("update",this._onTextureUpdate,this)))}}]),e}(p.default);r.default=y},{"../const":46,"../display/Container":48,"../math":70,"../textures/Texture":115,"../utils":124}],103:[function(t,e,r){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}function i(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}r.__esModule=!0;var o=t("../../renderers/canvas/CanvasRenderer"),s=n(o),a=t("../../const"),u=t("../../math"),h=t("./CanvasTinter"),l=n(h),c=new u.Matrix,d=function(){function t(e){i(this,t),this.renderer=e}return t.prototype.render=function(t){var e=t._texture,r=this.renderer,n=e._frame.width,i=e._frame.height,o=t.transform.worldTransform,s=0,h=0;if(!(e.orig.width<=0||e.orig.height<=0)&&e.baseTexture.source&&(r.setBlendMode(t.blendMode),e.valid)){r.context.globalAlpha=t.worldAlpha;var d=e.baseTexture.scaleMode===a.SCALE_MODES.LINEAR;r.smoothProperty&&r.context[r.smoothProperty]!==d&&(r.context[r.smoothProperty]=d),e.trim?(s=e.trim.width/2+e.trim.x-t.anchor.x*e.orig.width,h=e.trim.height/2+e.trim.y-t.anchor.y*e.orig.height):(s=(.5-t.anchor.x)*e.orig.width,h=(.5-t.anchor.y)*e.orig.height),e.rotate&&(o.copy(c),o=c,u.GroupD8.matrixAppendRotationInv(o,e.rotate,s,h),s=0,h=0),s-=n/2,h-=i/2,r.roundPixels?(r.context.setTransform(o.a,o.b,o.c,o.d,o.tx*r.resolution|0,o.ty*r.resolution|0),s|=0,h|=0):r.context.setTransform(o.a,o.b,o.c,o.d,o.tx*r.resolution,o.ty*r.resolution);var f=e.baseTexture.resolution;16777215!==t.tint?(t.cachedTint===t.tint&&t.tintedTexture.tintId===t._texture._updateID||(t.cachedTint=t.tint,t.tintedTexture=l.default.getTintedTexture(t,t.tint)),r.context.drawImage(t.tintedTexture,0,0,n*f,i*f,s*r.resolution,h*r.resolution,n*r.resolution,i*r.resolution)):r.context.drawImage(e.baseTexture.source,e._frame.x*f,e._frame.y*f,n*f,i*f,s*r.resolution,h*r.resolution,n*r.resolution,i*r.resolution)}},t.prototype.destroy=function(){this.renderer=null},t}();r.default=d,s.default.registerPlugin("sprite",d)},{"../../const":46,"../../math":70,"../../renderers/canvas/CanvasRenderer":77,"./CanvasTinter":104}],104:[function(t,e,r){"use strict";r.__esModule=!0;var n=t("../../utils"),i=t("../../renderers/canvas/utils/canUseNewCanvasBlendModes"),o=function(t){return t&&t.__esModule?t:{default:t}}(i),s={getTintedTexture:function(t,e){var r=t._texture;e=s.roundColor(e);var n="#"+("00000"+(0|e).toString(16)).substr(-6);r.tintCache=r.tintCache||{};var i=r.tintCache[n],o=void 0;if(i){if(i.tintId===r._updateID)return r.tintCache[n];o=r.tintCache[n]}else o=s.canvas||document.createElement("canvas");if(s.tintMethod(r,e,o),o.tintId=r._updateID,s.convertTintToImage){var a=new Image;a.src=o.toDataURL(),r.tintCache[n]=a}else r.tintCache[n]=o,s.canvas=null;return o},tintWithMultiply:function(t,e,r){var n=r.getContext("2d"),i=t._frame.clone(),o=t.baseTexture.resolution;i.x*=o,i.y*=o,i.width*=o,i.height*=o,r.width=Math.ceil(i.width),r.height=Math.ceil(i.height),n.save(),n.fillStyle="#"+("00000"+(0|e).toString(16)).substr(-6),n.fillRect(0,0,i.width,i.height),n.globalCompositeOperation="multiply",n.drawImage(t.baseTexture.source,i.x,i.y,i.width,i.height,0,0,i.width,i.height),n.globalCompositeOperation="destination-atop",n.drawImage(t.baseTexture.source,i.x,i.y,i.width,i.height,0,0,i.width,i.height),n.restore()},tintWithOverlay:function(t,e,r){var n=r.getContext("2d"),i=t._frame.clone(),o=t.baseTexture.resolution;i.x*=o,i.y*=o,i.width*=o,i.height*=o,r.width=Math.ceil(i.width),r.height=Math.ceil(i.height),n.save(),n.globalCompositeOperation="copy",n.fillStyle="#"+("00000"+(0|e).toString(16)).substr(-6),n.fillRect(0,0,i.width,i.height),n.globalCompositeOperation="destination-atop",n.drawImage(t.baseTexture.source,i.x,i.y,i.width,i.height,0,0,i.width,i.height),n.restore()},tintWithPerPixel:function(t,e,r){var i=r.getContext("2d"),o=t._frame.clone(),s=t.baseTexture.resolution;o.x*=s,o.y*=s,o.width*=s,o.height*=s,r.width=Math.ceil(o.width),r.height=Math.ceil(o.height),i.save(),i.globalCompositeOperation="copy",i.drawImage(t.baseTexture.source,o.x,o.y,o.width,o.height,0,0,o.width,o.height),i.restore();for(var a=(0,n.hex2rgb)(e),u=a[0],h=a[1],l=a[2],c=i.getImageData(0,0,o.width,o.height),d=c.data,f=0;f<d.length;f+=4)d[f+0]*=u,d[f+1]*=h,d[f+2]*=l;i.putImageData(c,0,0)},roundColor:function(t){var e=s.cacheStepsPerColorChannel,r=(0,n.hex2rgb)(t);return r[0]=Math.min(255,r[0]/e*e),r[1]=Math.min(255,r[1]/e*e),r[2]=Math.min(255,r[2]/e*e),(0,n.rgb2hex)(r)},cacheStepsPerColorChannel:8,convertTintToImage:!1,canUseMultiply:(0,o.default)(),tintMethod:0};s.tintMethod=s.canUseMultiply?s.tintWithMultiply:s.tintWithPerPixel,r.default=s},{"../../renderers/canvas/utils/canUseNewCanvasBlendModes":80,"../../utils":124}],105:[function(t,e,r){"use strict";function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}r.__esModule=!0;var i=function(){function t(e){n(this,t),this.vertices=new ArrayBuffer(e),this.float32View=new Float32Array(this.vertices),this.uint32View=new Uint32Array(this.vertices)}return t.prototype.destroy=function(){this.vertices=null,this.positions=null,this.uvs=null,this.colors=null},t}();r.default=i},{}],106:[function(t,e,r){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}function i(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function o(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}function s(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}r.__esModule=!0;var a=t("../../renderers/webgl/utils/ObjectRenderer"),u=n(a),h=t("../../renderers/webgl/WebGLRenderer"),l=n(h),c=t("../../utils/createIndicesForQuads"),d=n(c),f=t("./generateMultiTextureShader"),p=n(f),v=t("../../renderers/webgl/utils/checkMaxIfStatmentsInShader"),y=n(v),g=t("./BatchBuffer"),m=n(g),_=t("../../settings"),b=n(_),x=t("../../utils"),T=t("pixi-gl-core"),w=n(T),E=t("bit-twiddle"),S=n(E),O=0,M=0,P=function(t){function e(r){i(this,e);var n=o(this,t.call(this,r));n.vertSize=5,n.vertByteSize=4*n.vertSize,n.size=b.default.SPRITE_BATCH_SIZE,n.buffers=[];for(var s=1;s<=S.default.nextPow2(n.size);s*=2)n.buffers.push(new m.default(4*s*n.vertByteSize));n.indices=(0,d.default)(n.size),n.shader=null,n.currentIndex=0,n.groups=[];for(var a=0;a<n.size;a++)n.groups[a]={textures:[],textureCount:0,ids:[],size:0,start:0,blend:0};return n.sprites=[],n.vertexBuffers=[],n.vaos=[],n.vaoMax=2,n.vertexCount=0,n.renderer.on("prerender",n.onPrerender,n),n}return s(e,t),e.prototype.onContextChange=function(){var t=this.renderer.gl;this.renderer.legacy?this.MAX_TEXTURES=1:(this.MAX_TEXTURES=Math.min(t.getParameter(t.MAX_TEXTURE_IMAGE_UNITS),b.default.SPRITE_MAX_TEXTURES),this.MAX_TEXTURES=(0,y.default)(this.MAX_TEXTURES,t)),this.shader=(0,p.default)(t,this.MAX_TEXTURES),this.indexBuffer=w.default.GLBuffer.createIndexBuffer(t,this.indices,t.STATIC_DRAW),this.renderer.bindVao(null);for(var e=this.shader.attributes,r=0;r<this.vaoMax;r++){var n=this.vertexBuffers[r]=w.default.GLBuffer.createVertexBuffer(t,null,t.STREAM_DRAW),i=this.renderer.createVao().addIndex(this.indexBuffer).addAttribute(n,e.aVertexPosition,t.FLOAT,!1,this.vertByteSize,0).addAttribute(n,e.aTextureCoord,t.UNSIGNED_SHORT,!0,this.vertByteSize,8).addAttribute(n,e.aColor,t.UNSIGNED_BYTE,!0,this.vertByteSize,12);e.aTextureId&&i.addAttribute(n,e.aTextureId,t.FLOAT,!1,this.vertByteSize,16),this.vaos[r]=i}this.vao=this.vaos[0],this.currentBlendMode=99999,this.boundTextures=new Array(this.MAX_TEXTURES)},e.prototype.onPrerender=function(){this.vertexCount=0},e.prototype.render=function(t){this.currentIndex>=this.size&&this.flush(),t._texture._uvs&&(this.sprites[this.currentIndex++]=t)},e.prototype.flush=function(){if(0!==this.currentIndex){var t=this.renderer.gl,e=this.MAX_TEXTURES,r=S.default.nextPow2(this.currentIndex),n=S.default.log2(r),i=this.buffers[n],o=this.sprites,s=this.groups,a=i.float32View,u=i.uint32View,h=this.boundTextures,l=this.renderer.boundTextures,c=this.renderer.textureGC.count,d=0,f=void 0,p=void 0,v=1,y=0,g=s[0],m=void 0,_=void 0,T=x.premultiplyBlendMode[o[0]._texture.baseTexture.premultipliedAlpha?1:0][o[0].blendMode];g.textureCount=0,g.start=0,g.blend=T,O++;var E=void 0;for(E=0;E<e;++E)h[E]=l[E],h[E]._virtalBoundId=E;for(E=0;E<this.currentIndex;++E){var P=o[E];f=P._texture.baseTexture;var C=x.premultiplyBlendMode[Number(f.premultipliedAlpha)][P.blendMode];if(T!==C&&(T=C,p=null,y=e,O++),p!==f&&(p=f,f._enabled!==O)){if(y===e&&(O++,g.size=E-g.start,y=0,g=s[v++],g.blend=T,g.textureCount=0,g.start=E),f.touched=c,-1===f._virtalBoundId)for(var R=0;R<e;++R){var A=(R+M)%e,I=h[A];if(I._enabled!==O){M++,I._virtalBoundId=-1,f._virtalBoundId=A,h[A]=f;break}}f._enabled=O,g.textureCount++,g.ids[y]=f._virtalBoundId,g.textures[y++]=f}if(m=P.vertexData,_=P._texture._uvs.uvsUint32,this.renderer.roundPixels){var D=this.renderer.resolution;a[d]=(m[0]*D|0)/D,a[d+1]=(m[1]*D|0)/D,a[d+5]=(m[2]*D|0)/D,a[d+6]=(m[3]*D|0)/D,a[d+10]=(m[4]*D|0)/D,a[d+11]=(m[5]*D|0)/D,a[d+15]=(m[6]*D|0)/D,a[d+16]=(m[7]*D|0)/D}else a[d]=m[0],a[d+1]=m[1],a[d+5]=m[2],a[d+6]=m[3],a[d+10]=m[4],a[d+11]=m[5],a[d+15]=m[6],a[d+16]=m[7];u[d+2]=_[0],u[d+7]=_[1],u[d+12]=_[2],u[d+17]=_[3];var L=Math.min(P.worldAlpha,1),N=L<1&&f.premultipliedAlpha?(0,x.premultiplyTint)(P._tintRGB,L):P._tintRGB+(255*L<<24);u[d+3]=u[d+8]=u[d+13]=u[d+18]=N,a[d+4]=a[d+9]=a[d+14]=a[d+19]=f._virtalBoundId,d+=20}if(g.size=E-g.start,b.default.CAN_UPLOAD_SAME_BUFFER)this.vertexBuffers[this.vertexCount].upload(i.vertices,0,!0);else{if(this.vaoMax<=this.vertexCount){this.vaoMax++;var F=this.shader.attributes,B=this.vertexBuffers[this.vertexCount]=w.default.GLBuffer.createVertexBuffer(t,null,t.STREAM_DRAW),k=this.renderer.createVao().addIndex(this.indexBuffer).addAttribute(B,F.aVertexPosition,t.FLOAT,!1,this.vertByteSize,0).addAttribute(B,F.aTextureCoord,t.UNSIGNED_SHORT,!0,this.vertByteSize,8).addAttribute(B,F.aColor,t.UNSIGNED_BYTE,!0,this.vertByteSize,12);F.aTextureId&&k.addAttribute(B,F.aTextureId,t.FLOAT,!1,this.vertByteSize,16),this.vaos[this.vertexCount]=k}this.renderer.bindVao(this.vaos[this.vertexCount]),this.vertexBuffers[this.vertexCount].upload(i.vertices,0,!1),this.vertexCount++}for(E=0;E<e;++E)l[E]._virtalBoundId=-1;for(E=0;E<v;++E){for(var j=s[E],U=j.textureCount,X=0;X<U;X++)p=j.textures[X],l[j.ids[X]]!==p&&this.renderer.bindTexture(p,j.ids[X],!0),p._virtalBoundId=-1;this.renderer.state.setBlendMode(j.blend),t.drawElements(t.TRIANGLES,6*j.size,t.UNSIGNED_SHORT,6*j.start*2)}this.currentIndex=0}},e.prototype.start=function(){this.renderer.bindShader(this.shader),b.default.CAN_UPLOAD_SAME_BUFFER&&(this.renderer.bindVao(this.vaos[this.vertexCount]),this.vertexBuffers[this.vertexCount].bind())},e.prototype.stop=function(){this.flush()},e.prototype.destroy=function(){for(var e=0;e<this.vaoMax;e++)this.vertexBuffers[e]&&this.vertexBuffers[e].destroy(),this.vaos[e]&&this.vaos[e].destroy();this.indexBuffer&&this.indexBuffer.destroy(),this.renderer.off("prerender",this.onPrerender,this),t.prototype.destroy.call(this),this.shader&&(this.shader.destroy(),this.shader=null),this.vertexBuffers=null,this.vaos=null,this.indexBuffer=null,this.indices=null,this.sprites=null;for(var r=0;r<this.buffers.length;++r)this.buffers[r].destroy()},e}(u.default);r.default=P,l.default.registerPlugin("sprite",P)},{"../../renderers/webgl/WebGLRenderer":84,"../../renderers/webgl/utils/ObjectRenderer":94,"../../renderers/webgl/utils/checkMaxIfStatmentsInShader":97,"../../settings":101,"../../utils":124,"../../utils/createIndicesForQuads":122,"./BatchBuffer":105,"./generateMultiTextureShader":107,"bit-twiddle":1,"pixi-gl-core":15}],107:[function(t,e,r){"use strict";function n(t,e){var r=a;r=r.replace(/%count%/gi,e),r=r.replace(/%forloop%/gi,i(e));for(var n=new s.default(t,"precision highp float;\nattribute vec2 aVertexPosition;\nattribute vec2 aTextureCoord;\nattribute vec4 aColor;\nattribute float aTextureId;\n\nuniform mat3 projectionMatrix;\n\nvarying vec2 vTextureCoord;\nvarying vec4 vColor;\nvarying float vTextureId;\n\nvoid main(void){\n    gl_Position = vec4((projectionMatrix * vec3(aVertexPosition, 1.0)).xy, 0.0, 1.0);\n\n    vTextureCoord = aTextureCoord;\n    vTextureId = aTextureId;\n    vColor = aColor;\n}\n",r),o=[],u=0;u<e;u++)o[u]=u;return n.bind(),n.uniforms.uSamplers=o,n}function i(t){var e="";e+="\n",e+="\n";for(var r=0;r<t;r++)r>0&&(e+="\nelse "),r<t-1&&(e+="if(textureId == "+r+".0)"),e+="\n{",e+="\n\tcolor = texture2D(uSamplers["+r+"], vTextureCoord);",e+="\n}";return e+="\n",e+="\n"}r.__esModule=!0,r.default=n;var o=t("../../Shader"),s=function(t){return t&&t.__esModule?t:{default:t}}(o),a=(t("path"),["varying vec2 vTextureCoord;","varying vec4 vColor;","varying float vTextureId;","uniform sampler2D uSamplers[%count%];","void main(void){","vec4 color;","float textureId = floor(vTextureId+0.5);","%forloop%","gl_FragColor = color * vColor;","}"].join("\n"))},{"../../Shader":44,path:8}],108:[function(t,e,r){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}function i(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function o(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}function s(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}r.__esModule=!0;var a=function(){function t(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),
+Object.defineProperty(t,n.key,n)}}return function(e,r,n){return r&&t(e.prototype,r),n&&t(e,n),e}}(),u=t("../sprites/Sprite"),h=n(u),l=t("../textures/Texture"),c=n(l),d=t("../math"),f=t("../utils"),p=t("../const"),v=t("../settings"),y=n(v),g=t("./TextStyle"),m=n(g),_=t("./TextMetrics"),b=n(_),x=t("../utils/trimCanvas"),T=n(x),w={texture:!0,children:!1,baseTexture:!0},E=function(t){function e(r,n,s){i(this,e),s=s||document.createElement("canvas"),s.width=3,s.height=3;var a=c.default.fromCanvas(s,y.default.SCALE_MODE,"text");a.orig=new d.Rectangle,a.trim=new d.Rectangle;var u=o(this,t.call(this,a));return c.default.addToCache(u._texture,u._texture.baseTexture.textureCacheIds[0]),u.canvas=s,u.context=u.canvas.getContext("2d"),u.resolution=y.default.RESOLUTION,u._text=null,u._style=null,u._styleListener=null,u._font="",u.text=r,u.style=n,u.localStyleID=-1,u}return s(e,t),e.prototype.updateText=function(t){var e=this._style;if(this.localStyleID!==e.styleID&&(this.dirty=!0,this.localStyleID=e.styleID),this.dirty||!t){this._font=this._style.toFontString();var r=this.context,n=b.default.measureText(this._text,this._style,this._style.wordWrap,this.canvas),i=n.width,o=n.height,s=n.lines,a=n.lineHeight,u=n.lineWidths,h=n.maxLineWidth,l=n.fontProperties;this.canvas.width=Math.ceil((i+2*e.padding)*this.resolution),this.canvas.height=Math.ceil((o+2*e.padding)*this.resolution),r.scale(this.resolution,this.resolution),r.clearRect(0,0,this.canvas.width,this.canvas.height),r.font=this._font,r.strokeStyle=e.stroke,r.lineWidth=e.strokeThickness,r.textBaseline=e.textBaseline,r.lineJoin=e.lineJoin,r.miterLimit=e.miterLimit;var c=void 0,d=void 0;if(e.dropShadow){r.fillStyle=e.dropShadowColor,r.globalAlpha=e.dropShadowAlpha,r.shadowBlur=e.dropShadowBlur,e.dropShadowBlur>0&&(r.shadowColor=e.dropShadowColor);for(var f=Math.cos(e.dropShadowAngle)*e.dropShadowDistance,p=Math.sin(e.dropShadowAngle)*e.dropShadowDistance,v=0;v<s.length;v++)c=e.strokeThickness/2,d=e.strokeThickness/2+v*a+l.ascent,"right"===e.align?c+=h-u[v]:"center"===e.align&&(c+=(h-u[v])/2),e.fill&&(this.drawLetterSpacing(s[v],c+f+e.padding,d+p+e.padding),e.stroke&&e.strokeThickness&&(r.strokeStyle=e.dropShadowColor,this.drawLetterSpacing(s[v],c+f+e.padding,d+p+e.padding,!0),r.strokeStyle=e.stroke))}r.shadowBlur=0,r.globalAlpha=1,r.fillStyle=this._generateFillStyle(e,s);for(var y=0;y<s.length;y++)c=e.strokeThickness/2,d=e.strokeThickness/2+y*a+l.ascent,"right"===e.align?c+=h-u[y]:"center"===e.align&&(c+=(h-u[y])/2),e.stroke&&e.strokeThickness&&this.drawLetterSpacing(s[y],c+e.padding,d+e.padding,!0),e.fill&&this.drawLetterSpacing(s[y],c+e.padding,d+e.padding);this.updateTexture()}},e.prototype.drawLetterSpacing=function(t,e,r){var n=arguments.length>3&&void 0!==arguments[3]&&arguments[3],i=this._style,o=i.letterSpacing;if(0===o)return void(n?this.context.strokeText(t,e,r):this.context.fillText(t,e,r));for(var s=String.prototype.split.call(t,""),a=e,u=0,h="";u<t.length;)h=s[u++],n?this.context.strokeText(h,a,r):this.context.fillText(h,a,r),a+=this.context.measureText(h).width+o},e.prototype.updateTexture=function(){var t=this.canvas;if(this._style.trim){var e=(0,T.default)(t);t.width=e.width,t.height=e.height,this.context.putImageData(e.data,0,0)}var r=this._texture,n=this._style,i=n.trim?0:n.padding,o=r.baseTexture;o.hasLoaded=!0,o.resolution=this.resolution,o.realWidth=t.width,o.realHeight=t.height,o.width=t.width/this.resolution,o.height=t.height/this.resolution,r.trim.width=r._frame.width=t.width/this.resolution,r.trim.height=r._frame.height=t.height/this.resolution,r.trim.x=-i,r.trim.y=-i,r.orig.width=r._frame.width-2*i,r.orig.height=r._frame.height-2*i,this._onTextureUpdate(),o.emit("update",o),this.dirty=!1},e.prototype.renderWebGL=function(e){this.resolution!==e.resolution&&(this.resolution=e.resolution,this.dirty=!0),this.updateText(!0),t.prototype.renderWebGL.call(this,e)},e.prototype._renderCanvas=function(e){this.resolution!==e.resolution&&(this.resolution=e.resolution,this.dirty=!0),this.updateText(!0),t.prototype._renderCanvas.call(this,e)},e.prototype.getLocalBounds=function(e){return this.updateText(!0),t.prototype.getLocalBounds.call(this,e)},e.prototype._calculateBounds=function(){this.updateText(!0),this.calculateVertices(),this._bounds.addQuad(this.vertexData)},e.prototype._onStyleChange=function(){this.dirty=!0},e.prototype._generateFillStyle=function(t,e){if(!Array.isArray(t.fill))return t.fill;if(navigator.isCocoonJS)return t.fill[0];var r=void 0,n=void 0,i=void 0,o=void 0,s=this.canvas.width/this.resolution,a=this.canvas.height/this.resolution,u=t.fill.slice(),h=t.fillGradientStops.slice();if(!h.length)for(var l=u.length+1,c=1;c<l;++c)h.push(c/l);if(u.unshift(t.fill[0]),h.unshift(0),u.push(t.fill[t.fill.length-1]),h.push(1),t.fillGradientType===p.TEXT_GRADIENT.LINEAR_VERTICAL){r=this.context.createLinearGradient(s/2,0,s/2,a),n=(u.length+1)*e.length,i=0;for(var d=0;d<e.length;d++){i+=1;for(var f=0;f<u.length;f++)o="number"==typeof h[f]?h[f]/e.length+d/e.length:i/n,r.addColorStop(o,u[f]),i++}}else{r=this.context.createLinearGradient(0,a/2,s,a/2),n=u.length+1,i=1;for(var v=0;v<u.length;v++)o="number"==typeof h[v]?h[v]:i/n,r.addColorStop(o,u[v]),i++}return r},e.prototype.destroy=function(e){"boolean"==typeof e&&(e={children:e}),e=Object.assign({},w,e),t.prototype.destroy.call(this,e),this.context=null,this.canvas=null,this._style=null},a(e,[{key:"width",get:function(){return this.updateText(!0),Math.abs(this.scale.x)*this._texture.orig.width},set:function(t){this.updateText(!0);var e=(0,f.sign)(this.scale.x)||1;this.scale.x=e*t/this._texture.orig.width,this._width=t}},{key:"height",get:function(){return this.updateText(!0),Math.abs(this.scale.y)*this._texture.orig.height},set:function(t){this.updateText(!0);var e=(0,f.sign)(this.scale.y)||1;this.scale.y=e*t/this._texture.orig.height,this._height=t}},{key:"style",get:function(){return this._style},set:function(t){t=t||{},t instanceof m.default?this._style=t:this._style=new m.default(t),this.localStyleID=-1,this.dirty=!0}},{key:"text",get:function(){return this._text},set:function(t){t=String(""===t||null===t||void 0===t?" ":t),this._text!==t&&(this._text=t,this.dirty=!0)}}]),e}(h.default);r.default=E},{"../const":46,"../math":70,"../settings":101,"../sprites/Sprite":102,"../textures/Texture":115,"../utils":124,"../utils/trimCanvas":129,"./TextMetrics":109,"./TextStyle":110}],109:[function(t,e,r){"use strict";function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}r.__esModule=!0;var i=function(){function t(e,r,i,o,s,a,u,h,l){n(this,t),this.text=e,this.style=r,this.width=i,this.height=o,this.lines=s,this.lineWidths=a,this.lineHeight=u,this.maxLineWidth=h,this.fontProperties=l}return t.measureText=function(e,r,n){var i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:t._canvas;n=n||r.wordWrap;var o=r.toFontString(),s=t.measureFont(o),a=i.getContext("2d");a.font=o;for(var u=n?t.wordWrap(e,r,i):e,h=u.split(/(?:\r\n|\r|\n)/),l=new Array(h.length),c=0,d=0;d<h.length;d++){var f=a.measureText(h[d]).width+(h[d].length-1)*r.letterSpacing;l[d]=f,c=Math.max(c,f)}var p=c+r.strokeThickness;r.dropShadow&&(p+=r.dropShadowDistance);var v=r.lineHeight||s.fontSize+r.strokeThickness,y=Math.max(v,s.fontSize+r.strokeThickness)+(h.length-1)*(v+r.leading);return r.dropShadow&&(y+=r.dropShadowDistance),new t(e,r,p,y,h,l,v+r.leading,c,s)},t.wordWrap=function(e,r){for(var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:t._canvas,i=n.getContext("2d"),o="",s=e.split("\n"),a=r.wordWrapWidth,u={},h=0;h<s.length;h++){for(var l=a,c=s[h].split(" "),d=0;d<c.length;d++){var f=i.measureText(c[d]).width;if(r.breakWords&&f>a)for(var p=c[d].split(""),v=0;v<p.length;v++){var y=p[v],g=u[y];void 0===g&&(g=i.measureText(y).width,u[y]=g),g>l?(o+="\n"+y,l=a-g):(0===v&&(o+=" "),o+=y,l-=g)}else{var m=f+i.measureText(" ").width;0===d||m>l?(d>0&&(o+="\n"),o+=c[d],l=a-f):(l-=m,o+=" "+c[d])}}h<s.length-1&&(o+="\n")}return o},t.measureFont=function(e){if(t._fonts[e])return t._fonts[e];var r={},n=t._canvas,i=t._context;i.font=e;var o=Math.ceil(i.measureText("|MÉq").width),s=Math.ceil(i.measureText("M").width),a=2*s;s=1.4*s|0,n.width=o,n.height=a,i.fillStyle="#f00",i.fillRect(0,0,o,a),i.font=e,i.textBaseline="alphabetic",i.fillStyle="#000",i.fillText("|MÉq",0,s);var u=i.getImageData(0,0,o,a).data,h=u.length,l=4*o,c=0,d=0,f=!1;for(c=0;c<s;++c){for(var p=0;p<l;p+=4)if(255!==u[d+p]){f=!0;break}if(f)break;d+=l}for(r.ascent=s-c,d=h-l,f=!1,c=a;c>s;--c){for(var v=0;v<l;v+=4)if(255!==u[d+v]){f=!0;break}if(f)break;d-=l}return r.descent=c-s,r.fontSize=r.ascent+r.descent,t._fonts[e]=r,r},t}();r.default=i;var o=document.createElement("canvas");o.width=o.height=10,i._canvas=o,i._context=o.getContext("2d"),i._fonts={}},{}],110:[function(t,e,r){"use strict";function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function i(t){return"number"==typeof t?(0,h.hex2string)(t):("string"==typeof t&&0===t.indexOf("0x")&&(t=t.replace("0x","#")),t)}function o(t){if(Array.isArray(t)){for(var e=0;e<t.length;++e)t[e]=i(t[e]);return t}return i(t)}function s(t,e){if(!Array.isArray(t)||!Array.isArray(e))return!1;if(t.length!==e.length)return!1;for(var r=0;r<t.length;++r)if(t[r]!==e[r])return!1;return!0}r.__esModule=!0;var a=function(){function t(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,r,n){return r&&t(e.prototype,r),n&&t(e,n),e}}(),u=t("../const"),h=t("../utils"),l={align:"left",breakWords:!1,dropShadow:!1,dropShadowAlpha:1,dropShadowAngle:Math.PI/6,dropShadowBlur:0,dropShadowColor:"black",dropShadowDistance:5,fill:"black",fillGradientType:u.TEXT_GRADIENT.LINEAR_VERTICAL,fillGradientStops:[],fontFamily:"Arial",fontSize:26,fontStyle:"normal",fontVariant:"normal",fontWeight:"normal",letterSpacing:0,lineHeight:0,lineJoin:"miter",miterLimit:10,padding:0,stroke:"black",strokeThickness:0,textBaseline:"alphabetic",trim:!1,wordWrap:!1,wordWrapWidth:100,leading:0},c=function(){function t(e){n(this,t),this.styleID=0,Object.assign(this,l,e)}return t.prototype.clone=function(){var e={};for(var r in l)e[r]=this[r];return new t(e)},t.prototype.reset=function(){Object.assign(this,l)},t.prototype.toFontString=function(){var t="number"==typeof this.fontSize?this.fontSize+"px":this.fontSize,e=this.fontFamily;Array.isArray(this.fontFamily)||(e=this.fontFamily.split(","));for(var r=e.length-1;r>=0;r--){var n=e[r].trim();/([\"\'])[^\'\"]+\1/.test(n)||(n='"'+n+'"'),e[r]=n}return this.fontStyle+" "+this.fontVariant+" "+this.fontWeight+" "+t+" "+e.join(",")},a(t,[{key:"align",get:function(){return this._align},set:function(t){this._align!==t&&(this._align=t,this.styleID++)}},{key:"breakWords",get:function(){return this._breakWords},set:function(t){this._breakWords!==t&&(this._breakWords=t,this.styleID++)}},{key:"dropShadow",get:function(){return this._dropShadow},set:function(t){this._dropShadow!==t&&(this._dropShadow=t,this.styleID++)}},{key:"dropShadowAlpha",get:function(){return this._dropShadowAlpha},set:function(t){this._dropShadowAlpha!==t&&(this._dropShadowAlpha=t,this.styleID++)}},{key:"dropShadowAngle",get:function(){return this._dropShadowAngle},set:function(t){this._dropShadowAngle!==t&&(this._dropShadowAngle=t,this.styleID++)}},{key:"dropShadowBlur",get:function(){return this._dropShadowBlur},set:function(t){this._dropShadowBlur!==t&&(this._dropShadowBlur=t,this.styleID++)}},{key:"dropShadowColor",get:function(){return this._dropShadowColor},set:function(t){var e=o(t);this._dropShadowColor!==e&&(this._dropShadowColor=e,this.styleID++)}},{key:"dropShadowDistance",get:function(){return this._dropShadowDistance},set:function(t){this._dropShadowDistance!==t&&(this._dropShadowDistance=t,this.styleID++)}},{key:"fill",get:function(){return this._fill},set:function(t){var e=o(t);this._fill!==e&&(this._fill=e,this.styleID++)}},{key:"fillGradientType",get:function(){return this._fillGradientType},set:function(t){this._fillGradientType!==t&&(this._fillGradientType=t,this.styleID++)}},{key:"fillGradientStops",get:function(){return this._fillGradientStops},set:function(t){s(this._fillGradientStops,t)||(this._fillGradientStops=t,this.styleID++)}},{key:"fontFamily",get:function(){return this._fontFamily},set:function(t){this.fontFamily!==t&&(this._fontFamily=t,this.styleID++)}},{key:"fontSize",get:function(){return this._fontSize},set:function(t){this._fontSize!==t&&(this._fontSize=t,this.styleID++)}},{key:"fontStyle",get:function(){return this._fontStyle},set:function(t){this._fontStyle!==t&&(this._fontStyle=t,this.styleID++)}},{key:"fontVariant",get:function(){return this._fontVariant},set:function(t){this._fontVariant!==t&&(this._fontVariant=t,this.styleID++)}},{key:"fontWeight",get:function(){return this._fontWeight},set:function(t){this._fontWeight!==t&&(this._fontWeight=t,this.styleID++)}},{key:"letterSpacing",get:function(){return this._letterSpacing},set:function(t){this._letterSpacing!==t&&(this._letterSpacing=t,this.styleID++)}},{key:"lineHeight",get:function(){return this._lineHeight},set:function(t){this._lineHeight!==t&&(this._lineHeight=t,this.styleID++)}},{key:"leading",get:function(){return this._leading},set:function(t){this._leading!==t&&(this._leading=t,this.styleID++)}},{key:"lineJoin",get:function(){return this._lineJoin},set:function(t){this._lineJoin!==t&&(this._lineJoin=t,this.styleID++)}},{key:"miterLimit",get:function(){return this._miterLimit},set:function(t){this._miterLimit!==t&&(this._miterLimit=t,this.styleID++)}},{key:"padding",get:function(){return this._padding},set:function(t){this._padding!==t&&(this._padding=t,this.styleID++)}},{key:"stroke",get:function(){return this._stroke},set:function(t){var e=o(t);this._stroke!==e&&(this._stroke=e,this.styleID++)}},{key:"strokeThickness",get:function(){return this._strokeThickness},set:function(t){this._strokeThickness!==t&&(this._strokeThickness=t,this.styleID++)}},{key:"textBaseline",get:function(){return this._textBaseline},set:function(t){this._textBaseline!==t&&(this._textBaseline=t,this.styleID++)}},{key:"trim",get:function(){return this._trim},set:function(t){this._trim!==t&&(this._trim=t,this.styleID++)}},{key:"wordWrap",get:function(){return this._wordWrap},set:function(t){this._wordWrap!==t&&(this._wordWrap=t,this.styleID++)}},{key:"wordWrapWidth",get:function(){return this._wordWrapWidth},set:function(t){this._wordWrapWidth!==t&&(this._wordWrapWidth=t,this.styleID++)}}]),t}();r.default=c},{"../const":46,"../utils":124}],111:[function(t,e,r){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}function i(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function o(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}function s(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}r.__esModule=!0;var a=t("./BaseTexture"),u=n(a),h=t("../settings"),l=n(h),c=function(t){function e(){var r=arguments.length>0&&void 0!==arguments[0]?arguments[0]:100,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:100,s=arguments[2],a=arguments[3];i(this,e);var u=o(this,t.call(this,null,s));return u.resolution=a||l.default.RESOLUTION,u.width=r,u.height=n,u.realWidth=u.width*u.resolution,u.realHeight=u.height*u.resolution,u.scaleMode=void 0!==s?s:l.default.SCALE_MODE,u.hasLoaded=!0,u._glRenderTargets={},u._canvasRenderTarget=null,u.valid=!1,u}return s(e,t),e.prototype.resize=function(t,e){t===this.width&&e===this.height||(this.valid=t>0&&e>0,this.width=t,this.height=e,this.realWidth=this.width*this.resolution,this.realHeight=this.height*this.resolution,this.valid&&this.emit("update",this))},e.prototype.destroy=function(){t.prototype.destroy.call(this,!0),this.renderer=null},e}(u.default);r.default=c},{"../settings":101,"./BaseTexture":112}],112:[function(t,e,r){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}function i(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function o(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}function s(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}r.__esModule=!0;var a=t("../utils"),u=t("../settings"),h=n(u),l=t("eventemitter3"),c=n(l),d=t("../utils/determineCrossOrigin"),f=n(d),p=t("bit-twiddle"),v=n(p),y=function(t){function e(r,n,s){i(this,e);var u=o(this,t.call(this));return u.uid=(0,a.uid)(),u.touched=0,u.resolution=s||h.default.RESOLUTION,u.width=100,u.height=100,u.realWidth=100,u.realHeight=100,u.scaleMode=void 0!==n?n:h.default.SCALE_MODE,u.hasLoaded=!1,u.isLoading=!1,u.source=null,u.origSource=null,u.imageType=null,u.sourceScale=1,u.premultipliedAlpha=!0,u.imageUrl=null,u.isPowerOfTwo=!1,u.mipmap=h.default.MIPMAP_TEXTURES,u.wrapMode=h.default.WRAP_MODE,u._glTextures={},u._enabled=0,u._virtalBoundId=-1,u._destroyed=!1,u.textureCacheIds=[],r&&u.loadSource(r),u}return s(e,t),e.prototype.update=function(){"svg"!==this.imageType&&(this.realWidth=this.source.naturalWidth||this.source.videoWidth||this.source.width,this.realHeight=this.source.naturalHeight||this.source.videoHeight||this.source.height,this._updateDimensions()),this.emit("update",this)},e.prototype._updateDimensions=function(){this.width=this.realWidth/this.resolution,this.height=this.realHeight/this.resolution,this.isPowerOfTwo=v.default.isPow2(this.realWidth)&&v.default.isPow2(this.realHeight)},e.prototype.loadSource=function(t){var e=this.isLoading;this.hasLoaded=!1,this.isLoading=!1,e&&this.source&&(this.source.onload=null,this.source.onerror=null);var r=!this.source;if(this.source=t,(t.src&&t.complete||t.getContext)&&t.width&&t.height)this._updateImageType(),"svg"===this.imageType?this._loadSvgSource():this._sourceLoaded(),r&&this.emit("loaded",this);else if(!t.getContext){this.isLoading=!0;var n=this;if(t.onload=function(){if(n._updateImageType(),t.onload=null,t.onerror=null,n.isLoading){if(n.isLoading=!1,n._sourceLoaded(),"svg"===n.imageType)return void n._loadSvgSource();n.emit("loaded",n)}},t.onerror=function(){t.onload=null,t.onerror=null,n.isLoading&&(n.isLoading=!1,n.emit("error",n))},t.complete&&t.src){if(t.onload=null,t.onerror=null,"svg"===n.imageType)return void n._loadSvgSource();this.isLoading=!1,t.width&&t.height?(this._sourceLoaded(),e&&this.emit("loaded",this)):e&&this.emit("error",this)}}},e.prototype._updateImageType=function(){if(this.imageUrl){var t=(0,a.decomposeDataUri)(this.imageUrl),e=void 0;if(t&&"image"===t.mediaType){var r=t.subType.split("+")[0];if(!(e=(0,a.getUrlFileExtension)("."+r)))throw new Error("Invalid image type in data URI.")}else(e=(0,a.getUrlFileExtension)(this.imageUrl))||(e="png");this.imageType=e}},e.prototype._loadSvgSource=function(){if("svg"===this.imageType){var t=(0,a.decomposeDataUri)(this.imageUrl);t?this._loadSvgSourceUsingDataUri(t):this._loadSvgSourceUsingXhr()}},e.prototype._loadSvgSourceUsingDataUri=function(t){var e=void 0;if("base64"===t.encoding){if(!atob)throw new Error("Your browser doesn't support base64 conversions.");e=atob(t.data)}else e=t.data;this._loadSvgSourceUsingString(e)},e.prototype._loadSvgSourceUsingXhr=function(){var t=this,e=new XMLHttpRequest;e.onload=function(){if(e.readyState!==e.DONE||200!==e.status)throw new Error("Failed to load SVG using XHR.");t._loadSvgSourceUsingString(e.response)},e.onerror=function(){return t.emit("error",t)},e.open("GET",this.imageUrl,!0),e.send()},e.prototype._loadSvgSourceUsingString=function(t){var r=(0,a.getSvgSize)(t),n=r.width,i=r.height;if(!n||!i)throw new Error("The SVG image must have width and height defined (in pixels), canvas API needs them.");this.realWidth=Math.round(n*this.sourceScale),this.realHeight=Math.round(i*this.sourceScale),this._updateDimensions();var o=document.createElement("canvas");o.width=this.realWidth,o.height=this.realHeight,o._pixiId="canvas_"+(0,a.uid)(),o.getContext("2d").drawImage(this.source,0,0,n,i,0,0,this.realWidth,this.realHeight),this.origSource=this.source,this.source=o,e.addToCache(this,o._pixiId),this.isLoading=!1,this._sourceLoaded(),this.emit("loaded",this)},e.prototype._sourceLoaded=function(){this.hasLoaded=!0,this.update()},e.prototype.destroy=function(){this.imageUrl&&(delete a.TextureCache[this.imageUrl],this.imageUrl=null,navigator.isCocoonJS||(this.source.src="")),this.source=null,this.dispose(),e.removeFromCache(this),this.textureCacheIds=null,this._destroyed=!0},e.prototype.dispose=function(){this.emit("dispose",this)},e.prototype.updateSourceImage=function(t){this.source.src=t,this.loadSource(this.source)},e.fromImage=function(t,r,n,i){var o=a.BaseTextureCache[t];if(!o){var s=new Image;void 0===r&&0!==t.indexOf("data:")?s.crossOrigin=(0,f.default)(t):r&&(s.crossOrigin="string"==typeof r?r:"anonymous"),o=new e(s,n),o.imageUrl=t,i&&(o.sourceScale=i),o.resolution=(0,a.getResolutionOfUrl)(t),s.src=t,e.addToCache(o,t)}return o},e.fromCanvas=function(t,r){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"canvas";t._pixiId||(t._pixiId=n+"_"+(0,a.uid)());var i=a.BaseTextureCache[t._pixiId];return i||(i=new e(t,r),e.addToCache(i,t._pixiId)),i},e.from=function(t,r,n){if("string"==typeof t)return e.fromImage(t,void 0,r,n);if(t instanceof HTMLImageElement){var i=t.src,o=a.BaseTextureCache[i];return o||(o=new e(t,r),o.imageUrl=i,n&&(o.sourceScale=n),o.resolution=(0,a.getResolutionOfUrl)(i),e.addToCache(o,i)),o}return t instanceof HTMLCanvasElement?e.fromCanvas(t,r):t},e.addToCache=function(t,e){e&&(-1===t.textureCacheIds.indexOf(e)&&t.textureCacheIds.push(e),a.BaseTextureCache[e]=t)},e.removeFromCache=function(t){if("string"==typeof t){var e=a.BaseTextureCache[t];if(e){var r=e.textureCacheIds.indexOf(t);return r>-1&&e.textureCacheIds.splice(r,1),delete a.BaseTextureCache[t],e}}else if(t&&t.textureCacheIds){for(var n=0;n<t.textureCacheIds.length;++n)delete a.BaseTextureCache[t.textureCacheIds[n]];return t.textureCacheIds.length=0,t}return null},e}(c.default);r.default=y},{"../settings":101,"../utils":124,"../utils/determineCrossOrigin":123,"bit-twiddle":1,eventemitter3:3}],113:[function(t,e,r){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}function i(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function o(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}function s(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}r.__esModule=!0;var a=t("./BaseRenderTexture"),u=n(a),h=t("./Texture"),l=n(h),c=function(t){function e(r,n){i(this,e);var s=null;if(!(r instanceof u.default)){var a=arguments[1],h=arguments[2],l=arguments[3],c=arguments[4];console.warn("Please use RenderTexture.create("+a+", "+h+") instead of the ctor directly."),s=arguments[0],n=null,r=new u.default(a,h,l,c)}var d=o(this,t.call(this,r,n));return d.legacyRenderer=s,d.valid=!0,d._updateUvs(),d}return s(e,t),e.prototype.resize=function(t,e,r){this.valid=t>0&&e>0,this._frame.width=this.orig.width=t,this._frame.height=this.orig.height=e,r||this.baseTexture.resize(t,e),this._updateUvs()},e.create=function(t,r,n,i){return new e(new u.default(t,r,n,i))},e}(l.default);r.default=c},{"./BaseRenderTexture":111,"./Texture":115}],114:[function(t,e,r){"use strict";function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}r.__esModule=!0;var i=function(){function t(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,r,n){return r&&t(e.prototype,r),n&&t(e,n),e}}(),o=t("../"),s=t("../utils"),a=function(){function t(e,r){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;n(this,t),this.baseTexture=e,this.textures={},this.data=r,this.resolution=this._updateResolution(i||this.baseTexture.imageUrl),this._frames=this.data.frames,this._frameKeys=Object.keys(this._frames),this._batchIndex=0,this._callback=null}return i(t,null,[{key:"BATCH_SIZE",get:function(){return 1e3}}]),t.prototype._updateResolution=function(t){var e=this.data.meta.scale,r=(0,s.getResolutionOfUrl)(t,null);return null===r&&(r=void 0!==e?parseFloat(e):1),1!==r&&(this.baseTexture.resolution=r,this.baseTexture.update()),r},t.prototype.parse=function(e){this._batchIndex=0,this._callback=e,this._frameKeys.length<=t.BATCH_SIZE?(this._processFrames(0),this._parseComplete()):this._nextBatch()},t.prototype._processFrames=function(e){for(var r=e,n=t.BATCH_SIZE,i=this.baseTexture.sourceScale;r-e<n&&r<this._frameKeys.length;){var s=this._frameKeys[r],a=this._frames[s].frame;if(a){var u=null,h=null,l=new o.Rectangle(0,0,Math.floor(this._frames[s].sourceSize.w*i)/this.resolution,Math.floor(this._frames[s].sourceSize.h*i)/this.resolution);u=this._frames[s].rotated?new o.Rectangle(Math.floor(a.x*i)/this.resolution,Math.floor(a.y*i)/this.resolution,Math.floor(a.h*i)/this.resolution,Math.floor(a.w*i)/this.resolution):new o.Rectangle(Math.floor(a.x*i)/this.resolution,Math.floor(a.y*i)/this.resolution,Math.floor(a.w*i)/this.resolution,Math.floor(a.h*i)/this.resolution),this._frames[s].trimmed&&(h=new o.Rectangle(Math.floor(this._frames[s].spriteSourceSize.x*i)/this.resolution,Math.floor(this._frames[s].spriteSourceSize.y*i)/this.resolution,Math.floor(a.w*i)/this.resolution,Math.floor(a.h*i)/this.resolution)),this.textures[s]=new o.Texture(this.baseTexture,u,l,h,this._frames[s].rotated?2:0),o.Texture.addToCache(this.textures[s],s)}r++}},t.prototype._parseComplete=function(){var t=this._callback;this._callback=null,this._batchIndex=0,t.call(this,this.textures)},t.prototype._nextBatch=function(){var e=this;this._processFrames(this._batchIndex*t.BATCH_SIZE),this._batchIndex++,setTimeout(function(){e._batchIndex*t.BATCH_SIZE<e._frameKeys.length?e._nextBatch():e._parseComplete()},0)},t.prototype.destroy=function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];for(var e in this.textures)this.textures[e].destroy();this._frames=null,this._frameKeys=null,this.data=null,this.textures=null,t&&this.baseTexture.destroy(),this.baseTexture=null},t}();r.default=a},{"../":65,"../utils":124}],115:[function(t,e,r){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}function i(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function o(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}function s(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}function a(t){t.destroy=function(){},t.on=function(){},t.once=function(){},t.emit=function(){}}r.__esModule=!0;var u=function(){function t(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,r,n){return r&&t(e.prototype,r),n&&t(e,n),e}}(),h=t("./BaseTexture"),l=n(h),c=t("./VideoBaseTexture"),d=n(c),f=t("./TextureUvs"),p=n(f),v=t("eventemitter3"),y=n(v),g=t("../math"),m=t("../utils"),_=t("../settings"),b=n(_),x=function(t){function e(r,n,s,a,u){i(this,e);var h=o(this,t.call(this));if(h.noFrame=!1,n||(h.noFrame=!0,n=new g.Rectangle(0,0,1,1)),r instanceof e&&(r=r.baseTexture),h.baseTexture=r,h._frame=n,h.trim=a,h.valid=!1,h.requiresUpdate=!1,h._uvs=null,h.orig=s||n,h._rotate=Number(u||0),!0===u)h._rotate=2;else if(h._rotate%2!=0)throw new Error("attempt to use diamond-shaped UVs. If you are sure, set rotation manually");return r.hasLoaded?(h.noFrame&&(n=new g.Rectangle(0,0,r.width,r.height),r.on("update",h.onBaseTextureUpdated,h)),h.frame=n):r.once("loaded",h.onBaseTextureLoaded,h),h._updateID=0,h.transform=null,h.textureCacheIds=[],h}return s(e,t),e.prototype.update=function(){this.baseTexture.update()},e.prototype.onBaseTextureLoaded=function(t){this._updateID++,this.noFrame?this.frame=new g.Rectangle(0,0,t.width,t.height):this.frame=this._frame,this.baseTexture.on("update",this.onBaseTextureUpdated,this),this.emit("update",this)},e.prototype.onBaseTextureUpdated=function(t){this._updateID++,this._frame.width=t.width,this._frame.height=t.height,this.emit("update",this)},e.prototype.destroy=function(t){this.baseTexture&&(t&&(m.TextureCache[this.baseTexture.imageUrl]&&e.removeFromCache(this.baseTexture.imageUrl),this.baseTexture.destroy()),this.baseTexture.off("update",this.onBaseTextureUpdated,this),this.baseTexture.off("loaded",this.onBaseTextureLoaded,this),this.baseTexture=null),this._frame=null,this._uvs=null,this.trim=null,this.orig=null,this.valid=!1,e.removeFromCache(this),this.textureCacheIds=null},e.prototype.clone=function(){return new e(this.baseTexture,this.frame,this.orig,this.trim,this.rotate)},e.prototype._updateUvs=function(){this._uvs||(this._uvs=new p.default),this._uvs.set(this._frame,this.baseTexture,this.rotate),this._updateID++},e.fromImage=function(t,r,n,i){var o=m.TextureCache[t];return o||(o=new e(l.default.fromImage(t,r,n,i)),e.addToCache(o,t)),o},e.fromFrame=function(t){var e=m.TextureCache[t];if(!e)throw new Error('The frameId "'+t+'" does not exist in the texture cache');return e},e.fromCanvas=function(t,r){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"canvas";return new e(l.default.fromCanvas(t,r,n))},e.fromVideo=function(t,r){return"string"==typeof t?e.fromVideoUrl(t,r):new e(d.default.fromVideo(t,r))},e.fromVideoUrl=function(t,r){return new e(d.default.fromUrl(t,r))},e.from=function(t){if("string"==typeof t){var r=m.TextureCache[t];if(!r){return null!==t.match(/\.(mp4|webm|ogg|h264|avi|mov)$/)?e.fromVideoUrl(t):e.fromImage(t)}return r}return t instanceof HTMLImageElement?new e(l.default.from(t)):t instanceof HTMLCanvasElement?e.fromCanvas(t,b.default.SCALE_MODE,"HTMLCanvasElement"):t instanceof HTMLVideoElement?e.fromVideo(t):t instanceof l.default?new e(t):t},e.fromLoader=function(t,r,n){var i=new l.default(t,void 0,(0,m.getResolutionOfUrl)(r)),o=new e(i);return i.imageUrl=r,n||(n=r),l.default.addToCache(o.baseTexture,n),e.addToCache(o,n),n!==r&&(l.default.addToCache(o.baseTexture,r),e.addToCache(o,r)),o},e.addToCache=function(t,e){e&&(-1===t.textureCacheIds.indexOf(e)&&t.textureCacheIds.push(e),m.TextureCache[e]=t)},e.removeFromCache=function(t){if("string"==typeof t){var e=m.TextureCache[t];if(e){var r=e.textureCacheIds.indexOf(t);return r>-1&&e.textureCacheIds.splice(r,1),delete m.TextureCache[t],e}}else if(t&&t.textureCacheIds){for(var n=0;n<t.textureCacheIds.length;++n)m.TextureCache[t.textureCacheIds[n]]===t&&delete m.TextureCache[t.textureCacheIds[n]];return t.textureCacheIds.length=0,t}return null},u(e,[{key:"frame",get:function(){return this._frame},set:function(t){this._frame=t,this.noFrame=!1
+;var e=t.x,r=t.y,n=t.width,i=t.height,o=e+n>this.baseTexture.width,s=r+i>this.baseTexture.height;if(o||s){var a=o&&s?"and":"or",u="X: "+e+" + "+n+" = "+(e+n)+" > "+this.baseTexture.width,h="Y: "+r+" + "+i+" = "+(r+i)+" > "+this.baseTexture.height;throw new Error("Texture Error: frame does not fit inside the base Texture dimensions: "+u+" "+a+" "+h)}this.valid=n&&i&&this.baseTexture.hasLoaded,this.trim||this.rotate||(this.orig=t),this.valid&&this._updateUvs()}},{key:"rotate",get:function(){return this._rotate},set:function(t){this._rotate=t,this.valid&&this._updateUvs()}},{key:"width",get:function(){return this.orig.width}},{key:"height",get:function(){return this.orig.height}}]),e}(y.default);r.default=x,x.EMPTY=new x(new l.default),a(x.EMPTY),a(x.EMPTY.baseTexture),x.WHITE=function(){var t=document.createElement("canvas");t.width=10,t.height=10;var e=t.getContext("2d");return e.fillStyle="white",e.fillRect(0,0,10,10),new x(new l.default(t))}(),a(x.WHITE),a(x.WHITE.baseTexture)},{"../math":70,"../settings":101,"../utils":124,"./BaseTexture":112,"./TextureUvs":116,"./VideoBaseTexture":117,eventemitter3:3}],116:[function(t,e,r){"use strict";function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}r.__esModule=!0;var i=t("../math/GroupD8"),o=function(t){return t&&t.__esModule?t:{default:t}}(i),s=function(){function t(){n(this,t),this.x0=0,this.y0=0,this.x1=1,this.y1=0,this.x2=1,this.y2=1,this.x3=0,this.y3=1,this.uvsUint32=new Uint32Array(4)}return t.prototype.set=function(t,e,r){var n=e.width,i=e.height;if(r){var s=t.width/2/n,a=t.height/2/i,u=t.x/n+s,h=t.y/i+a;r=o.default.add(r,o.default.NW),this.x0=u+s*o.default.uX(r),this.y0=h+a*o.default.uY(r),r=o.default.add(r,2),this.x1=u+s*o.default.uX(r),this.y1=h+a*o.default.uY(r),r=o.default.add(r,2),this.x2=u+s*o.default.uX(r),this.y2=h+a*o.default.uY(r),r=o.default.add(r,2),this.x3=u+s*o.default.uX(r),this.y3=h+a*o.default.uY(r)}else this.x0=t.x/n,this.y0=t.y/i,this.x1=(t.x+t.width)/n,this.y1=t.y/i,this.x2=(t.x+t.width)/n,this.y2=(t.y+t.height)/i,this.x3=t.x/n,this.y3=(t.y+t.height)/i;this.uvsUint32[0]=(65535*this.y0&65535)<<16|65535*this.x0&65535,this.uvsUint32[1]=(65535*this.y1&65535)<<16|65535*this.x1&65535,this.uvsUint32[2]=(65535*this.y2&65535)<<16|65535*this.x2&65535,this.uvsUint32[3]=(65535*this.y3&65535)<<16|65535*this.x3&65535},t}();r.default=s},{"../math/GroupD8":66}],117:[function(t,e,r){"use strict";function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function i(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}function o(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}function s(t,e){e||(e="video/"+t.substr(t.lastIndexOf(".")+1));var r=document.createElement("source");return r.src=t,r.type=e,r}r.__esModule=!0;var a=function(){function t(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,r,n){return r&&t(e.prototype,r),n&&t(e,n),e}}(),u=t("./BaseTexture"),h=function(t){return t&&t.__esModule?t:{default:t}}(u),l=t("../utils"),c=t("../ticker"),d=t("../const"),f=function(t){function e(r,o){if(n(this,e),!r)throw new Error("No video source element specified.");(r.readyState===r.HAVE_ENOUGH_DATA||r.readyState===r.HAVE_FUTURE_DATA)&&r.width&&r.height&&(r.complete=!0);var s=i(this,t.call(this,r,o));return s.width=r.videoWidth,s.height=r.videoHeight,s._autoUpdate=!0,s._isAutoUpdating=!1,s.autoPlay=!0,s.update=s.update.bind(s),s._onCanPlay=s._onCanPlay.bind(s),r.addEventListener("play",s._onPlayStart.bind(s)),r.addEventListener("pause",s._onPlayStop.bind(s)),s.hasLoaded=!1,s.__loaded=!1,s._isSourceReady()?s._onCanPlay():(r.addEventListener("canplay",s._onCanPlay),r.addEventListener("canplaythrough",s._onCanPlay)),s}return o(e,t),e.prototype._isSourcePlaying=function(){var t=this.source;return t.currentTime>0&&!1===t.paused&&!1===t.ended&&t.readyState>2},e.prototype._isSourceReady=function(){return 3===this.source.readyState||4===this.source.readyState},e.prototype._onPlayStart=function(){this.hasLoaded||this._onCanPlay(),!this._isAutoUpdating&&this.autoUpdate&&(c.shared.add(this.update,this,d.UPDATE_PRIORITY.HIGH),this._isAutoUpdating=!0)},e.prototype._onPlayStop=function(){this._isAutoUpdating&&(c.shared.remove(this.update,this),this._isAutoUpdating=!1)},e.prototype._onCanPlay=function(){this.hasLoaded=!0,this.source&&(this.source.removeEventListener("canplay",this._onCanPlay),this.source.removeEventListener("canplaythrough",this._onCanPlay),this.width=this.source.videoWidth,this.height=this.source.videoHeight,this.__loaded||(this.__loaded=!0,this.emit("loaded",this)),this._isSourcePlaying()?this._onPlayStart():this.autoPlay&&this.source.play())},e.prototype.destroy=function(){this._isAutoUpdating&&c.shared.remove(this.update,this),this.source&&this.source._pixiId&&(h.default.removeFromCache(this.source._pixiId),delete this.source._pixiId),t.prototype.destroy.call(this)},e.fromVideo=function(t,r){t._pixiId||(t._pixiId="video_"+(0,l.uid)());var n=l.BaseTextureCache[t._pixiId];return n||(n=new e(t,r),h.default.addToCache(n,t._pixiId)),n},e.fromUrl=function(t,r){var n=document.createElement("video");if(n.setAttribute("webkit-playsinline",""),n.setAttribute("playsinline",""),Array.isArray(t))for(var i=0;i<t.length;++i)n.appendChild(s(t[i].src||t[i],t[i].mime));else n.appendChild(s(t.src||t,t.mime));return n.load(),e.fromVideo(n,r)},a(e,[{key:"autoUpdate",get:function(){return this._autoUpdate},set:function(t){t!==this._autoUpdate&&(this._autoUpdate=t,!this._autoUpdate&&this._isAutoUpdating?(c.shared.remove(this.update,this),this._isAutoUpdating=!1):this._autoUpdate&&!this._isAutoUpdating&&(c.shared.add(this.update,this,d.UPDATE_PRIORITY.HIGH),this._isAutoUpdating=!0))}}]),e}(h.default);r.default=f,f.fromUrls=f.fromUrl},{"../const":46,"../ticker":120,"../utils":124,"./BaseTexture":112}],118:[function(t,e,r){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}function i(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}r.__esModule=!0;var o=function(){function t(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,r,n){return r&&t(e.prototype,r),n&&t(e,n),e}}(),s=t("../settings"),a=n(s),u=t("../const"),h=t("./TickerListener"),l=n(h),c=function(){function t(){var e=this;i(this,t),this._head=new l.default(null,null,1/0),this._requestId=null,this._maxElapsedMS=100,this.autoStart=!1,this.deltaTime=1,this.elapsedMS=1/a.default.TARGET_FPMS,this.lastTime=-1,this.speed=1,this.started=!1,this._tick=function(t){e._requestId=null,e.started&&(e.update(t),e.started&&null===e._requestId&&e._head.next&&(e._requestId=requestAnimationFrame(e._tick)))}}return t.prototype._requestIfNeeded=function(){null===this._requestId&&this._head.next&&(this.lastTime=performance.now(),this._requestId=requestAnimationFrame(this._tick))},t.prototype._cancelIfNeeded=function(){null!==this._requestId&&(cancelAnimationFrame(this._requestId),this._requestId=null)},t.prototype._startIfPossible=function(){this.started?this._requestIfNeeded():this.autoStart&&this.start()},t.prototype.add=function(t,e){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:u.UPDATE_PRIORITY.NORMAL;return this._addListener(new l.default(t,e,r))},t.prototype.addOnce=function(t,e){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:u.UPDATE_PRIORITY.NORMAL;return this._addListener(new l.default(t,e,r,!0))},t.prototype._addListener=function(t){var e=this._head.next,r=this._head;if(e){for(;e;){if(t.priority>e.priority){t.connect(r);break}r=e,e=e.next}t.previous||t.connect(r)}else t.connect(r);return this._startIfPossible(),this},t.prototype.remove=function(t,e){for(var r=this._head.next;r;)r=r.match(t,e)?r.destroy():r.next;return this._head.next||this._cancelIfNeeded(),this},t.prototype.start=function(){this.started||(this.started=!0,this._requestIfNeeded())},t.prototype.stop=function(){this.started&&(this.started=!1,this._cancelIfNeeded())},t.prototype.destroy=function(){this.stop();for(var t=this._head.next;t;)t=t.destroy(!0);this._head.destroy(),this._head=null},t.prototype.update=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:performance.now(),e=void 0;if(t>this.lastTime){e=this.elapsedMS=t-this.lastTime,e>this._maxElapsedMS&&(e=this._maxElapsedMS),this.deltaTime=e*a.default.TARGET_FPMS*this.speed;for(var r=this._head,n=r.next;n;)n=n.emit(this.deltaTime);r.next||this._cancelIfNeeded()}else this.deltaTime=this.elapsedMS=0;this.lastTime=t},o(t,[{key:"FPS",get:function(){return 1e3/this.elapsedMS}},{key:"minFPS",get:function(){return 1e3/this._maxElapsedMS},set:function(t){var e=Math.min(Math.max(0,t)/1e3,a.default.TARGET_FPMS);this._maxElapsedMS=1/e}}]),t}();r.default=c},{"../const":46,"../settings":101,"./TickerListener":119}],119:[function(t,e,r){"use strict";function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}r.__esModule=!0;var i=function(){function t(e){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,o=arguments.length>3&&void 0!==arguments[3]&&arguments[3];n(this,t),this.fn=e,this.context=r,this.priority=i,this.once=o,this.next=null,this.previous=null,this._destroyed=!1}return t.prototype.match=function(t,e){return e=e||null,this.fn===t&&this.context===e},t.prototype.emit=function(t){this.fn&&(this.context?this.fn.call(this.context,t):this.fn(t));var e=this.next;return this.once&&this.destroy(!0),this._destroyed&&(this.next=null),e},t.prototype.connect=function(t){this.previous=t,t.next&&(t.next.previous=this),this.next=t.next,t.next=this},t.prototype.destroy=function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this._destroyed=!0,this.fn=null,this.context=null,this.previous&&(this.previous.next=this.next),this.next&&(this.next.previous=this.previous);var e=this.previous;return this.next=t?null:e,this.previous=null,e},t}();r.default=i},{}],120:[function(t,e,r){"use strict";r.__esModule=!0,r.Ticker=r.shared=void 0;var n=t("./Ticker"),i=function(t){return t&&t.__esModule?t:{default:t}}(n),o=new i.default;o.autoStart=!0,o.destroy=function(){},r.shared=o,r.Ticker=i.default},{"./Ticker":118}],121:[function(t,e,r){"use strict";function n(){return!(!!navigator.platform&&/iPad|iPhone|iPod/.test(navigator.platform))}r.__esModule=!0,r.default=n},{}],122:[function(t,e,r){"use strict";function n(t){for(var e=6*t,r=new Uint16Array(e),n=0,i=0;n<e;n+=6,i+=4)r[n+0]=i+0,r[n+1]=i+1,r[n+2]=i+2,r[n+3]=i+0,r[n+4]=i+2,r[n+5]=i+3;return r}r.__esModule=!0,r.default=n},{}],123:[function(t,e,r){"use strict";function n(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:window.location;if(0===t.indexOf("data:"))return"";e=e||window.location,s||(s=document.createElement("a")),s.href=t,t=o.default.parse(s.href);var r=!t.port&&""===e.port||t.port===e.port;return t.hostname===e.hostname&&r&&t.protocol===e.protocol?"":"anonymous"}r.__esModule=!0,r.default=n;var i=t("url"),o=function(t){return t&&t.__esModule?t:{default:t}}(i),s=void 0},{url:38}],124:[function(t,e,r){"use strict";function n(t){if(t&&t.__esModule)return t;var e={};if(null!=t)for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e.default=t,e}function i(t){return t&&t.__esModule?t:{default:t}}function o(){return++k}function s(t,e){return e=e||[],e[0]=(t>>16&255)/255,e[1]=(t>>8&255)/255,e[2]=(255&t)/255,e}function a(t){return t=t.toString(16),"#"+(t="000000".substr(0,6-t.length)+t)}function u(t){return(255*t[0]<<16)+(255*t[1]<<8)+(255*t[2]|0)}function h(t,e){var r=S.default.RETINA_PREFIX.exec(t);return r?parseFloat(r[1]):void 0!==e?e:1}function l(t){var e=w.DATA_URI.exec(t);if(e)return{mediaType:e[1]?e[1].toLowerCase():void 0,subType:e[2]?e[2].toLowerCase():void 0,encoding:e[3]?e[3].toLowerCase():void 0,data:e[4]}}function c(t){var e=w.URL_FILE_EXTENSION.exec(t);if(e)return e[1].toLowerCase()}function d(t){var e=w.SVG_SIZE.exec(t),r={};return e&&(r[e[1]]=Math.round(parseFloat(e[3])),r[e[5]]=Math.round(parseFloat(e[7]))),r}function f(){j=!0}function p(t){if(!j){if(navigator.userAgent.toLowerCase().indexOf("chrome")>-1){var e=["\n %c %c %c PixiJS "+w.VERSION+" - ✰ "+t+" ✰  %c  %c  http://www.pixijs.com/  %c %c ♥%c♥%c♥ \n\n","background: #ff66a5; padding:5px 0;","background: #ff66a5; padding:5px 0;","color: #ff66a5; background: #030307; padding:5px 0;","background: #ff66a5; padding:5px 0;","background: #ffc3dc; padding:5px 0;","background: #ff66a5; padding:5px 0;","color: #ff2424; background: #fff; padding:5px 0;","color: #ff2424; background: #fff; padding:5px 0;","color: #ff2424; background: #fff; padding:5px 0;"];window.console.log.apply(console,e)}else window.console&&window.console.log("PixiJS "+w.VERSION+" - "+t+" - http://www.pixijs.com/");j=!0}}function v(){var t={stencil:!0,failIfMajorPerformanceCaveat:!0};try{if(!window.WebGLRenderingContext)return!1;var e=document.createElement("canvas"),r=e.getContext("webgl",t)||e.getContext("experimental-webgl",t),n=!(!r||!r.getContextAttributes().stencil);if(r){var i=r.getExtension("WEBGL_lose_context");i&&i.loseContext()}return r=null,n}catch(t){return!1}}function y(t){return 0===t?0:t<0?-1:1}function g(){var t=void 0;for(t in U)U[t].destroy();for(t in X)X[t].destroy()}function m(){var t=void 0;for(t in U)delete U[t];for(t in X)delete X[t]}function _(t,e){return G[e?1:0][t]}function b(t,e){if(1===e)return(255*e<<24)+t;if(0===e)return 0;var r=t>>16&255,n=t>>8&255,i=255&t;return r=r*e+.5|0,n=n*e+.5|0,i=i*e+.5|0,(255*e<<24)+(r<<16)+(n<<8)+i}function x(t,e,r,n){return r=r||new Float32Array(4),n||void 0===n?(r[0]=t[0]*e,r[1]=t[1]*e,r[2]=t[2]*e):(r[0]=t[0],r[1]=t[1],r[2]=t[2]),r[3]=e,r}function T(t,e,r,n){return r=r||new Float32Array(4),r[0]=(t>>16&255)/255,r[1]=(t>>8&255)/255,r[2]=(255&t)/255,(n||void 0===n)&&(r[0]*=e,r[1]*=e,r[2]*=e),r[3]=e,r}r.__esModule=!0,r.premultiplyBlendMode=r.BaseTextureCache=r.TextureCache=r.mixins=r.pluginTarget=r.EventEmitter=r.removeItems=r.isMobile=void 0,r.uid=o,r.hex2rgb=s,r.hex2string=a,r.rgb2hex=u,r.getResolutionOfUrl=h,r.decomposeDataUri=l,r.getUrlFileExtension=c,r.getSvgSize=d,r.skipHello=f,r.sayHello=p,r.isWebGLSupported=v,r.sign=y,r.destroyTextureCache=g,r.clearTextureCache=m,r.correctBlendMode=_,r.premultiplyTint=b,r.premultiplyRgba=x,r.premultiplyTintToRgba=T;var w=t("../const"),E=t("../settings"),S=i(E),O=t("eventemitter3"),M=i(O),P=t("./pluginTarget"),C=i(P),R=t("./mixin"),A=n(R),I=t("ismobilejs"),D=n(I),L=t("remove-array-items"),N=i(L),F=t("./mapPremultipliedBlendModes"),B=i(F),k=0,j=!1;r.isMobile=D,r.removeItems=N.default,r.EventEmitter=M.default,r.pluginTarget=C.default,r.mixins=A;var U=r.TextureCache=Object.create(null),X=r.BaseTextureCache=Object.create(null),G=r.premultiplyBlendMode=(0,B.default)()},{"../const":46,"../settings":101,"./mapPremultipliedBlendModes":125,"./mixin":127,"./pluginTarget":128,eventemitter3:3,ismobilejs:4,"remove-array-items":31}],125:[function(t,e,r){"use strict";function n(){for(var t=[],e=[],r=0;r<32;r++)t[r]=r,e[r]=r;t[i.BLEND_MODES.NORMAL_NPM]=i.BLEND_MODES.NORMAL,t[i.BLEND_MODES.ADD_NPM]=i.BLEND_MODES.ADD,t[i.BLEND_MODES.SCREEN_NPM]=i.BLEND_MODES.SCREEN,e[i.BLEND_MODES.NORMAL]=i.BLEND_MODES.NORMAL_NPM,e[i.BLEND_MODES.ADD]=i.BLEND_MODES.ADD_NPM,e[i.BLEND_MODES.SCREEN]=i.BLEND_MODES.SCREEN_NPM;var n=[];return n.push(e),n.push(t),n}r.__esModule=!0,r.default=n;var i=t("../const")},{"../const":46}],126:[function(t,e,r){"use strict";function n(t){return o.default.tablet||o.default.phone?4:t}r.__esModule=!0,r.default=n;var i=t("ismobilejs"),o=function(t){return t&&t.__esModule?t:{default:t}}(i)},{ismobilejs:4}],127:[function(t,e,r){"use strict";function n(t,e){if(t&&e)for(var r=Object.keys(e),n=0;n<r.length;++n){var i=r[n];Object.defineProperty(t,i,Object.getOwnPropertyDescriptor(e,i))}}function i(t,e){s.push(t,e)}function o(){for(var t=0;t<s.length;t+=2)n(s[t],s[t+1]);s.length=0}r.__esModule=!0,r.mixin=n,r.delayMixin=i,r.performMixins=o;var s=[]},{}],128:[function(t,e,r){"use strict";function n(t){t.__plugins={},t.registerPlugin=function(e,r){t.__plugins[e]=r},t.prototype.initPlugins=function(){this.plugins=this.plugins||{};for(var e in t.__plugins)this.plugins[e]=new t.__plugins[e](this)},t.prototype.destroyPlugins=function(){for(var t in this.plugins)this.plugins[t].destroy(),this.plugins[t]=null;this.plugins=null}}r.__esModule=!0,r.default={mixin:function(t){n(t)}}},{}],129:[function(t,e,r){"use strict";function n(t){var e=t.width,r=t.height,n=t.getContext("2d"),i=n.getImageData(0,0,e,r),o=i.data,s=o.length,a={top:null,left:null,right:null,bottom:null},u=void 0,h=void 0,l=void 0;for(u=0;u<s;u+=4)0!==o[u+3]&&(h=u/4%e,l=~~(u/4/e),null===a.top&&(a.top=l),null===a.left?a.left=h:h<a.left&&(a.left=h),null===a.right?a.right=h+1:a.right<h&&(a.right=h+1),null===a.bottom?a.bottom=l:a.bottom<l&&(a.bottom=l));return e=a.right-a.left,r=a.bottom-a.top+1,{height:r,width:e,data:n.getImageData(a.left,a.top,e,r)}}r.__esModule=!0,r.default=n},{}],130:[function(t,e,r){"use strict";function n(t){}function i(t){var e=t.mesh,r=t.particles,i=t.extras,o=t.filters,s=t.prepare,a=t.loaders,u=t.interaction;Object.defineProperties(t,{SpriteBatch:{get:function(){throw new ReferenceError("SpriteBatch does not exist any more, please use the new ParticleContainer instead.")}},AssetLoader:{get:function(){throw new ReferenceError("The loader system was overhauled in PixiJS v3, please see the new PIXI.loaders.Loader class.")}},Stage:{get:function(){return n("You do not need to use a PIXI Stage any more, you can simply render any container."),t.Container}},DisplayObjectContainer:{get:function(){return n("DisplayObjectContainer has been shortened to Container, please use Container from now on."),t.Container}},Strip:{get:function(){return n("The Strip class has been renamed to Mesh and moved to mesh.Mesh, please use mesh.Mesh from now on."),e.Mesh}},Rope:{get:function(){return n("The Rope class has been moved to mesh.Rope, please use mesh.Rope from now on."),e.Rope}},ParticleContainer:{get:function(){return n("The ParticleContainer class has been moved to particles.ParticleContainer, please use particles.ParticleContainer from now on."),r.ParticleContainer}},MovieClip:{get:function(){return n("The MovieClip class has been moved to extras.AnimatedSprite, please use extras.AnimatedSprite."),i.AnimatedSprite}},TilingSprite:{get:function(){return n("The TilingSprite class has been moved to extras.TilingSprite, please use extras.TilingSprite from now on."),i.TilingSprite}},BitmapText:{get:function(){return n("The BitmapText class has been moved to extras.BitmapText, please use extras.BitmapText from now on."),i.BitmapText}},blendModes:{get:function(){return n("The blendModes has been moved to BLEND_MODES, please use BLEND_MODES from now on."),t.BLEND_MODES}},scaleModes:{get:function(){return n("The scaleModes has been moved to SCALE_MODES, please use SCALE_MODES from now on."),t.SCALE_MODES}},BaseTextureCache:{get:function(){return n("The BaseTextureCache class has been moved to utils.BaseTextureCache, please use utils.BaseTextureCache from now on."),t.utils.BaseTextureCache}},TextureCache:{get:function(){return n("The TextureCache class has been moved to utils.TextureCache, please use utils.TextureCache from now on."),t.utils.TextureCache}},math:{get:function(){return n("The math namespace is deprecated, please access members already accessible on PIXI."),t}},AbstractFilter:{get:function(){return n("AstractFilter has been renamed to Filter, please use PIXI.Filter"),t.Filter}},TransformManual:{get:function(){return n("TransformManual has been renamed to TransformBase, please update your pixi-spine"),t.TransformBase}},TARGET_FPMS:{get:function(){return n("PIXI.TARGET_FPMS has been deprecated, please use PIXI.settings.TARGET_FPMS"),t.settings.TARGET_FPMS},set:function(e){n("PIXI.TARGET_FPMS has been deprecated, please use PIXI.settings.TARGET_FPMS"),t.settings.TARGET_FPMS=e}},FILTER_RESOLUTION:{get:function(){return n("PIXI.FILTER_RESOLUTION has been deprecated, please use PIXI.settings.FILTER_RESOLUTION"),t.settings.FILTER_RESOLUTION},set:function(e){n("PIXI.FILTER_RESOLUTION has been deprecated, please use PIXI.settings.FILTER_RESOLUTION"),t.settings.FILTER_RESOLUTION=e}},RESOLUTION:{get:function(){return n("PIXI.RESOLUTION has been deprecated, please use PIXI.settings.RESOLUTION"),t.settings.RESOLUTION},set:function(e){n("PIXI.RESOLUTION has been deprecated, please use PIXI.settings.RESOLUTION"),t.settings.RESOLUTION=e}},MIPMAP_TEXTURES:{get:function(){return n("PIXI.MIPMAP_TEXTURES has been deprecated, please use PIXI.settings.MIPMAP_TEXTURES"),t.settings.MIPMAP_TEXTURES},set:function(e){n("PIXI.MIPMAP_TEXTURES has been deprecated, please use PIXI.settings.MIPMAP_TEXTURES"),t.settings.MIPMAP_TEXTURES=e}},SPRITE_BATCH_SIZE:{get:function(){return n("PIXI.SPRITE_BATCH_SIZE has been deprecated, please use PIXI.settings.SPRITE_BATCH_SIZE"),t.settings.SPRITE_BATCH_SIZE},set:function(e){n("PIXI.SPRITE_BATCH_SIZE has been deprecated, please use PIXI.settings.SPRITE_BATCH_SIZE"),t.settings.SPRITE_BATCH_SIZE=e}},SPRITE_MAX_TEXTURES:{get:function(){return n("PIXI.SPRITE_MAX_TEXTURES has been deprecated, please use PIXI.settings.SPRITE_MAX_TEXTURES"),t.settings.SPRITE_MAX_TEXTURES},set:function(e){n("PIXI.SPRITE_MAX_TEXTURES has been deprecated, please use PIXI.settings.SPRITE_MAX_TEXTURES"),t.settings.SPRITE_MAX_TEXTURES=e}},RETINA_PREFIX:{get:function(){return n("PIXI.RETINA_PREFIX has been deprecated, please use PIXI.settings.RETINA_PREFIX"),t.settings.RETINA_PREFIX},set:function(e){n("PIXI.RETINA_PREFIX has been deprecated, please use PIXI.settings.RETINA_PREFIX"),t.settings.RETINA_PREFIX=e}},DEFAULT_RENDER_OPTIONS:{get:function(){return n("PIXI.DEFAULT_RENDER_OPTIONS has been deprecated, please use PIXI.settings.DEFAULT_RENDER_OPTIONS"),t.settings.RENDER_OPTIONS}}});for(var h=[{parent:"TRANSFORM_MODE",target:"TRANSFORM_MODE"},{parent:"GC_MODES",target:"GC_MODE"},{parent:"WRAP_MODES",target:"WRAP_MODE"},{parent:"SCALE_MODES",target:"SCALE_MODE"},{parent:"PRECISION",target:"PRECISION_FRAGMENT"}],l=0;l<h.length;l++)!function(e){var r=h[e];Object.defineProperty(t[r.parent],"DEFAULT",{get:function(){return n("PIXI."+r.parent+".DEFAULT has been deprecated, please use PIXI.settings."+r.target),t.settings[r.target]},set:function(e){n("PIXI."+r.parent+".DEFAULT has been deprecated, please use PIXI.settings."+r.target),t.settings[r.target]=e}})}(l);Object.defineProperties(t.settings,{PRECISION:{get:function(){return n("PIXI.settings.PRECISION has been deprecated, please use PIXI.settings.PRECISION_FRAGMENT"),t.settings.PRECISION_FRAGMENT},set:function(e){n("PIXI.settings.PRECISION has been deprecated, please use PIXI.settings.PRECISION_FRAGMENT"),t.settings.PRECISION_FRAGMENT=e}}}),i.AnimatedSprite&&Object.defineProperties(i,{MovieClip:{get:function(){return n("The MovieClip class has been renamed to AnimatedSprite, please use AnimatedSprite from now on."),i.AnimatedSprite}}}),t.DisplayObject.prototype.generateTexture=function(t,e,r){return n("generateTexture has moved to the renderer, please use renderer.generateTexture(displayObject)"),t.generateTexture(this,e,r)},t.Graphics.prototype.generateTexture=function(t,e){return n("graphics generate texture has moved to the renderer. Or to render a graphics to a texture using canvas please use generateCanvasTexture"),this.generateCanvasTexture(t,e)},t.RenderTexture.prototype.render=function(t,e,r,i){this.legacyRenderer.render(t,this,r,e,!i),n("RenderTexture.render is now deprecated, please use renderer.render(displayObject, renderTexture)")},t.RenderTexture.prototype.getImage=function(t){return n("RenderTexture.getImage is now deprecated, please use renderer.extract.image(target)"),this.legacyRenderer.extract.image(t)},t.RenderTexture.prototype.getBase64=function(t){return n("RenderTexture.getBase64 is now deprecated, please use renderer.extract.base64(target)"),this.legacyRenderer.extract.base64(t)},t.RenderTexture.prototype.getCanvas=function(t){return n("RenderTexture.getCanvas is now deprecated, please use renderer.extract.canvas(target)"),this.legacyRenderer.extract.canvas(t)},t.RenderTexture.prototype.getPixels=function(t){return n("RenderTexture.getPixels is now deprecated, please use renderer.extract.pixels(target)"),this.legacyRenderer.pixels(t)},t.Sprite.prototype.setTexture=function(t){this.texture=t,n("setTexture is now deprecated, please use the texture property, e.g : sprite.texture = texture;")},i.BitmapText&&(i.BitmapText.prototype.setText=function(t){this.text=t,n("setText is now deprecated, please use the text property, e.g : myBitmapText.text = 'my text';")}),t.Text.prototype.setText=function(t){this.text=t,n("setText is now deprecated, please use the text property, e.g : myText.text = 'my text';")},t.Text.calculateFontProperties=function(e){return n("Text.calculateFontProperties is now deprecated, please use the TextMetrics.measureFont"),t.TextMetrics.measureFont(e)},Object.defineProperties(t.Text,{fontPropertiesCache:{get:function(){return n("Text.fontPropertiesCache is deprecated"),t.TextMetrics._fonts}},fontPropertiesCanvas:{get:function(){return n("Text.fontPropertiesCanvas is deprecated"),t.TextMetrics._canvas}},fontPropertiesContext:{get:function(){return n("Text.fontPropertiesContext is deprecated"),t.TextMetrics._context}}}),t.Text.prototype.setStyle=function(t){this.style=t,n("setStyle is now deprecated, please use the style property, e.g : myText.style = style;")},t.Text.prototype.determineFontProperties=function(e){return n("determineFontProperties is now deprecated, please use TextMetrics.measureFont method"),t.TextMetrics.measureFont(e)},t.Text.getFontStyle=function(e){return n("getFontStyle is now deprecated, please use TextStyle.toFontString() instead"),e=e||{},e instanceof t.TextStyle||(e=new t.TextStyle(e)),e.toFontString()},Object.defineProperties(t.TextStyle.prototype,{font:{get:function(){n("text style property 'font' is now deprecated, please use the 'fontFamily', 'fontSize', 'fontStyle', 'fontVariant' and 'fontWeight' properties from now on");var t="number"==typeof this._fontSize?this._fontSize+"px":this._fontSize;return this._fontStyle+" "+this._fontVariant+" "+this._fontWeight+" "+t+" "+this._fontFamily},set:function(t){n("text style property 'font' is now deprecated, please use the 'fontFamily','fontSize',fontStyle','fontVariant' and 'fontWeight' properties from now on"),t.indexOf("italic")>1?this._fontStyle="italic":t.indexOf("oblique")>-1?this._fontStyle="oblique":this._fontStyle="normal",t.indexOf("small-caps")>-1?this._fontVariant="small-caps":this._fontVariant="normal";var e=t.split(" "),r=-1;this._fontSize=26;for(var i=0;i<e.length;++i)if(e[i].match(/(px|pt|em|%)/)){r=i,this._fontSize=e[i];break}this._fontWeight="normal";for(var o=0;o<r;++o)if(e[o].match(/(bold|bolder|lighter|100|200|300|400|500|600|700|800|900)/)){this._fontWeight=e[o];break}if(r>-1&&r<e.length-1){this._fontFamily="";for(var s=r+1;s<e.length;++s)this._fontFamily+=e[s]+" ";this._fontFamily=this._fontFamily.slice(0,-1)}else this._fontFamily="Arial";this.styleID++}}}),t.Texture.prototype.setFrame=function(t){this.frame=t,n("setFrame is now deprecated, please use the frame property, e.g: myTexture.frame = frame;")},t.Texture.addTextureToCache=function(e,r){t.Texture.addToCache(e,r),n("Texture.addTextureToCache is deprecated, please use Texture.addToCache from now on.")},t.Texture.removeTextureFromCache=function(e){return n("Texture.removeTextureFromCache is deprecated, please use Texture.removeFromCache from now on. Be aware that Texture.removeFromCache does not automatically its BaseTexture from the BaseTextureCache. For that, use BaseTexture.removeFromCache"),t.BaseTexture.removeFromCache(e),t.Texture.removeFromCache(e)},Object.defineProperties(o,{AbstractFilter:{get:function(){return n("AstractFilter has been renamed to Filter, please use PIXI.Filter"),t.AbstractFilter}},SpriteMaskFilter:{get:function(){return n("filters.SpriteMaskFilter is an undocumented alias, please use SpriteMaskFilter from now on."),t.SpriteMaskFilter}}}),t.utils.uuid=function(){return n("utils.uuid() is deprecated, please use utils.uid() from now on."),t.utils.uid()},t.utils.canUseNewCanvasBlendModes=function(){return n("utils.canUseNewCanvasBlendModes() is deprecated, please use CanvasTinter.canUseMultiply from now on"),t.CanvasTinter.canUseMultiply};var c=!0;if(Object.defineProperty(t.utils,"_saidHello",{set:function(t){t&&(n("PIXI.utils._saidHello is deprecated, please use PIXI.utils.skipHello()"),this.skipHello()),c=t},get:function(){return c}}),s.BasePrepare&&(s.BasePrepare.prototype.register=function(t,e){return n("renderer.plugins.prepare.register is now deprecated, please use renderer.plugins.prepare.registerFindHook & renderer.plugins.prepare.registerUploadHook"),t&&this.registerFindHook(t),e&&this.registerUploadHook(e),this}),s.canvas&&Object.defineProperty(s.canvas,"UPLOADS_PER_FRAME",{set:function(){n("PIXI.CanvasPrepare.UPLOADS_PER_FRAME has been removed. Please set renderer.plugins.prepare.limiter.maxItemsPerFrame on your renderer")},get:function(){return n("PIXI.CanvasPrepare.UPLOADS_PER_FRAME has been removed. Please use renderer.plugins.prepare.limiter"),NaN}}),s.webgl&&Object.defineProperty(s.webgl,"UPLOADS_PER_FRAME",{set:function(){n("PIXI.WebGLPrepare.UPLOADS_PER_FRAME has been removed. Please set renderer.plugins.prepare.limiter.maxItemsPerFrame on your renderer")},get:function(){return n("PIXI.WebGLPrepare.UPLOADS_PER_FRAME has been removed. Please use renderer.plugins.prepare.limiter"),NaN}}),a.Loader){var d=a.Resource,f=a.Loader;Object.defineProperties(d.prototype,{isJson:{get:function(){return n("The isJson property is deprecated, please use `resource.type === Resource.TYPE.JSON`."),this.type===d.TYPE.JSON}},isXml:{get:function(){return n("The isXml property is deprecated, please use `resource.type === Resource.TYPE.XML`."),this.type===d.TYPE.XML}},isImage:{get:function(){return n("The isImage property is deprecated, please use `resource.type === Resource.TYPE.IMAGE`."),this.type===d.TYPE.IMAGE}},isAudio:{get:function(){return n("The isAudio property is deprecated, please use `resource.type === Resource.TYPE.AUDIO`."),this.type===d.TYPE.AUDIO}},isVideo:{get:function(){return n("The isVideo property is deprecated, please use `resource.type === Resource.TYPE.VIDEO`."),this.type===d.TYPE.VIDEO}}}),Object.defineProperties(f.prototype,{before:{get:function(){return n("The before() method is deprecated, please use pre()."),this.pre}},after:{get:function(){return n("The after() method is deprecated, please use use()."),this.use}}})}u.interactiveTarget&&Object.defineProperty(u.interactiveTarget,"defaultCursor",{set:function(t){n("Property defaultCursor has been replaced with 'cursor'. "),this.cursor=t},get:function(){return n("Property defaultCursor has been replaced with 'cursor'. "),this.cursor}}),u.InteractionManager&&(Object.defineProperty(u.InteractionManager,"defaultCursorStyle",{set:function(t){n("Property defaultCursorStyle has been replaced with 'cursorStyles.default'. "),this.cursorStyles.default=t},get:function(){return n("Property defaultCursorStyle has been replaced with 'cursorStyles.default'. "),this.cursorStyles.default}}),Object.defineProperty(u.InteractionManager,"currentCursorStyle",{set:function(t){n("Property currentCursorStyle has been removed.See the currentCursorMode property, which works differently."),
+this.currentCursorMode=t},get:function(){return n("Property currentCursorStyle has been removed.See the currentCursorMode property, which works differently."),this.currentCursorMode}}))}r.__esModule=!0,r.default=i},{}],131:[function(t,e,r){"use strict";function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}r.__esModule=!0;var i=t("../../core"),o=function(t){if(t&&t.__esModule)return t;var e={};if(null!=t)for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e.default=t,e}(i),s=new o.Rectangle,a=function(){function t(e){n(this,t),this.renderer=e,e.extract=this}return t.prototype.image=function(t){var e=new Image;return e.src=this.base64(t),e},t.prototype.base64=function(t){return this.canvas(t).toDataURL()},t.prototype.canvas=function(t){var e=this.renderer,r=void 0,n=void 0,i=void 0,a=void 0;t&&(a=t instanceof o.RenderTexture?t:e.generateTexture(t)),a?(r=a.baseTexture._canvasRenderTarget.context,n=a.baseTexture._canvasRenderTarget.resolution,i=a.frame):(r=e.rootContext,i=s,i.width=this.renderer.width,i.height=this.renderer.height);var u=i.width*n,h=i.height*n,l=new o.CanvasRenderTarget(u,h),c=r.getImageData(i.x*n,i.y*n,u,h);return l.context.putImageData(c,0,0),l.canvas},t.prototype.pixels=function(t){var e=this.renderer,r=void 0,n=void 0,i=void 0,a=void 0;return t&&(a=t instanceof o.RenderTexture?t:e.generateTexture(t)),a?(r=a.baseTexture._canvasRenderTarget.context,n=a.baseTexture._canvasRenderTarget.resolution,i=a.frame):(r=e.rootContext,i=s,i.width=e.width,i.height=e.height),r.getImageData(0,0,i.width*n,i.height*n).data},t.prototype.destroy=function(){this.renderer.extract=null,this.renderer=null},t}();r.default=a,o.CanvasRenderer.registerPlugin("extract",a)},{"../../core":65}],132:[function(t,e,r){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}r.__esModule=!0;var i=t("./webgl/WebGLExtract");Object.defineProperty(r,"webgl",{enumerable:!0,get:function(){return n(i).default}});var o=t("./canvas/CanvasExtract");Object.defineProperty(r,"canvas",{enumerable:!0,get:function(){return n(o).default}})},{"./canvas/CanvasExtract":131,"./webgl/WebGLExtract":133}],133:[function(t,e,r){"use strict";function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}r.__esModule=!0;var i=t("../../core"),o=function(t){if(t&&t.__esModule)return t;var e={};if(null!=t)for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e.default=t,e}(i),s=new o.Rectangle,a=function(){function t(e){n(this,t),this.renderer=e,e.extract=this}return t.prototype.image=function(t){var e=new Image;return e.src=this.base64(t),e},t.prototype.base64=function(t){return this.canvas(t).toDataURL()},t.prototype.canvas=function(t){var e=this.renderer,r=void 0,n=void 0,i=void 0,a=!1,u=void 0;t&&(u=t instanceof o.RenderTexture?t:this.renderer.generateTexture(t)),u?(r=u.baseTexture._glRenderTargets[this.renderer.CONTEXT_UID],n=r.resolution,i=u.frame,a=!1):(r=this.renderer.rootRenderTarget,n=r.resolution,a=!0,i=s,i.width=r.size.width,i.height=r.size.height);var h=i.width*n,l=i.height*n,c=new o.CanvasRenderTarget(h,l);if(r){e.bindRenderTarget(r);var d=new Uint8Array(4*h*l),f=e.gl;f.readPixels(i.x*n,i.y*n,h,l,f.RGBA,f.UNSIGNED_BYTE,d);var p=c.context.getImageData(0,0,h,l);p.data.set(d),c.context.putImageData(p,0,0),a&&(c.context.scale(1,-1),c.context.drawImage(c.canvas,0,-l))}return c.canvas},t.prototype.pixels=function(t){var e=this.renderer,r=void 0,n=void 0,i=void 0,a=void 0;t&&(a=t instanceof o.RenderTexture?t:this.renderer.generateTexture(t)),a?(r=a.baseTexture._glRenderTargets[this.renderer.CONTEXT_UID],n=r.resolution,i=a.frame):(r=this.renderer.rootRenderTarget,n=r.resolution,i=s,i.width=r.size.width,i.height=r.size.height);var u=i.width*n,h=i.height*n,l=new Uint8Array(4*u*h);if(r){e.bindRenderTarget(r);var c=e.gl;c.readPixels(i.x*n,i.y*n,u,h,c.RGBA,c.UNSIGNED_BYTE,l)}return l},t.prototype.destroy=function(){this.renderer.extract=null,this.renderer=null},t}();r.default=a,o.WebGLRenderer.registerPlugin("extract",a)},{"../../core":65}],134:[function(t,e,r){"use strict";function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function i(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}function o(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}r.__esModule=!0;var s=function(){function t(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,r,n){return r&&t(e.prototype,r),n&&t(e,n),e}}(),a=t("../core"),u=function(t){if(t&&t.__esModule)return t;var e={};if(null!=t)for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e.default=t,e}(a),h=function(t){function e(r,o){n(this,e);var s=i(this,t.call(this,r[0]instanceof u.Texture?r[0]:r[0].texture));return s._textures=null,s._durations=null,s.textures=r,s._autoUpdate=!1!==o,s.animationSpeed=1,s.loop=!0,s.onComplete=null,s.onFrameChange=null,s.onLoop=null,s._currentTime=0,s.playing=!1,s}return o(e,t),e.prototype.stop=function(){this.playing&&(this.playing=!1,this._autoUpdate&&u.ticker.shared.remove(this.update,this))},e.prototype.play=function(){this.playing||(this.playing=!0,this._autoUpdate&&u.ticker.shared.add(this.update,this,u.UPDATE_PRIORITY.HIGH))},e.prototype.gotoAndStop=function(t){this.stop();var e=this.currentFrame;this._currentTime=t,e!==this.currentFrame&&this.updateTexture()},e.prototype.gotoAndPlay=function(t){var e=this.currentFrame;this._currentTime=t,e!==this.currentFrame&&this.updateTexture(),this.play()},e.prototype.update=function(t){var e=this.animationSpeed*t,r=this.currentFrame;if(null!==this._durations){var n=this._currentTime%1*this._durations[this.currentFrame];for(n+=e/60*1e3;n<0;)this._currentTime--,n+=this._durations[this.currentFrame];var i=Math.sign(this.animationSpeed*t);for(this._currentTime=Math.floor(this._currentTime);n>=this._durations[this.currentFrame];)n-=this._durations[this.currentFrame]*i,this._currentTime+=i;this._currentTime+=n/this._durations[this.currentFrame]}else this._currentTime+=e;this._currentTime<0&&!this.loop?(this.gotoAndStop(0),this.onComplete&&this.onComplete()):this._currentTime>=this._textures.length&&!this.loop?(this.gotoAndStop(this._textures.length-1),this.onComplete&&this.onComplete()):r!==this.currentFrame&&(this.loop&&this.onLoop&&(this.animationSpeed>0&&this.currentFrame<r?this.onLoop():this.animationSpeed<0&&this.currentFrame>r&&this.onLoop()),this.updateTexture())},e.prototype.updateTexture=function(){this._texture=this._textures[this.currentFrame],this._textureID=-1,this.cachedTint=16777215,this.onFrameChange&&this.onFrameChange(this.currentFrame)},e.prototype.destroy=function(e){this.stop(),t.prototype.destroy.call(this,e)},e.fromFrames=function(t){for(var r=[],n=0;n<t.length;++n)r.push(u.Texture.fromFrame(t[n]));return new e(r)},e.fromImages=function(t){for(var r=[],n=0;n<t.length;++n)r.push(u.Texture.fromImage(t[n]));return new e(r)},s(e,[{key:"totalFrames",get:function(){return this._textures.length}},{key:"textures",get:function(){return this._textures},set:function(t){if(t[0]instanceof u.Texture)this._textures=t,this._durations=null;else{this._textures=[],this._durations=[];for(var e=0;e<t.length;e++)this._textures.push(t[e].texture),this._durations.push(t[e].time)}this.gotoAndStop(0),this.updateTexture()}},{key:"currentFrame",get:function(){var t=Math.floor(this._currentTime)%this._textures.length;return t<0&&(t+=this._textures.length),t}}]),e}(u.Sprite);r.default=h},{"../core":65}],135:[function(t,e,r){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}function i(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function o(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}function s(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}r.__esModule=!0;var a=function(){function t(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,r,n){return r&&t(e.prototype,r),n&&t(e,n),e}}(),u=t("../core"),h=function(t){if(t&&t.__esModule)return t;var e={};if(null!=t)for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e.default=t,e}(u),l=t("../core/math/ObservablePoint"),c=n(l),d=t("../core/settings"),f=n(d),p=function(t){function e(r){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};i(this,e);var s=o(this,t.call(this));return s._textWidth=0,s._textHeight=0,s._glyphs=[],s._font={tint:void 0!==n.tint?n.tint:16777215,align:n.align||"left",name:null,size:0},s.font=n.font,s._text=r,s._maxWidth=0,s._maxLineHeight=0,s._anchor=new c.default(function(){s.dirty=!0},s,0,0),s.dirty=!1,s.updateText(),s}return s(e,t),e.prototype.updateText=function(){for(var t=e.fonts[this._font.name],r=this._font.size/t.size,n=new h.Point,i=[],o=[],s=null,a=0,u=0,l=0,c=-1,d=0,f=0,p=0,v=0;v<this.text.length;v++){var y=this.text.charCodeAt(v);if(/(\s)/.test(this.text.charAt(v))&&(c=v,d=a),/(?:\r\n|\r|\n)/.test(this.text.charAt(v)))o.push(a),u=Math.max(u,a),l++,n.x=0,n.y+=t.lineHeight,s=null;else if(-1!==c&&this._maxWidth>0&&n.x*r>this._maxWidth)h.utils.removeItems(i,c-f,v-c),v=c,c=-1,++f,o.push(d),u=Math.max(u,d),l++,n.x=0,n.y+=t.lineHeight,s=null;else{var g=t.chars[y];g&&(s&&g.kerning[s]&&(n.x+=g.kerning[s]),i.push({texture:g.texture,line:l,charCode:y,position:new h.Point(n.x+g.xOffset,n.y+g.yOffset)}),a=n.x+(g.texture.width+g.xOffset),n.x+=g.xAdvance,p=Math.max(p,g.yOffset+g.texture.height),s=y)}}o.push(a),u=Math.max(u,a);for(var m=[],_=0;_<=l;_++){var b=0;"right"===this._font.align?b=u-o[_]:"center"===this._font.align&&(b=(u-o[_])/2),m.push(b)}for(var x=i.length,T=this.tint,w=0;w<x;w++){var E=this._glyphs[w];E?E.texture=i[w].texture:(E=new h.Sprite(i[w].texture),this._glyphs.push(E)),E.position.x=(i[w].position.x+m[i[w].line])*r,E.position.y=i[w].position.y*r,E.scale.x=E.scale.y=r,E.tint=T,E.parent||this.addChild(E)}for(var S=x;S<this._glyphs.length;++S)this.removeChild(this._glyphs[S]);if(this._textWidth=u*r,this._textHeight=(n.y+t.lineHeight)*r,0!==this.anchor.x||0!==this.anchor.y)for(var O=0;O<x;O++)this._glyphs[O].x-=this._textWidth*this.anchor.x,this._glyphs[O].y-=this._textHeight*this.anchor.y;this._maxLineHeight=p*r},e.prototype.updateTransform=function(){this.validate(),this.containerUpdateTransform()},e.prototype.getLocalBounds=function(){return this.validate(),t.prototype.getLocalBounds.call(this)},e.prototype.validate=function(){this.dirty&&(this.updateText(),this.dirty=!1)},e.registerFont=function(t,r){var n={},i=t.getElementsByTagName("info")[0],o=t.getElementsByTagName("common")[0],s=r.baseTexture.resolution||f.default.RESOLUTION;n.font=i.getAttribute("face"),n.size=parseInt(i.getAttribute("size"),10),n.lineHeight=parseInt(o.getAttribute("lineHeight"),10)/s,n.chars={};for(var a=t.getElementsByTagName("char"),u=0;u<a.length;u++){var l=a[u],c=parseInt(l.getAttribute("id"),10),d=new h.Rectangle(parseInt(l.getAttribute("x"),10)/s+r.frame.x/s,parseInt(l.getAttribute("y"),10)/s+r.frame.y/s,parseInt(l.getAttribute("width"),10)/s,parseInt(l.getAttribute("height"),10)/s);n.chars[c]={xOffset:parseInt(l.getAttribute("xoffset"),10)/s,yOffset:parseInt(l.getAttribute("yoffset"),10)/s,xAdvance:parseInt(l.getAttribute("xadvance"),10)/s,kerning:{},texture:new h.Texture(r.baseTexture,d)}}for(var p=t.getElementsByTagName("kerning"),v=0;v<p.length;v++){var y=p[v],g=parseInt(y.getAttribute("first"),10)/s,m=parseInt(y.getAttribute("second"),10)/s,_=parseInt(y.getAttribute("amount"),10)/s;n.chars[m]&&(n.chars[m].kerning[g]=_)}return e.fonts[n.font]=n,n},a(e,[{key:"tint",get:function(){return this._font.tint},set:function(t){this._font.tint="number"==typeof t&&t>=0?t:16777215,this.dirty=!0}},{key:"align",get:function(){return this._font.align},set:function(t){this._font.align=t||"left",this.dirty=!0}},{key:"anchor",get:function(){return this._anchor},set:function(t){"number"==typeof t?this._anchor.set(t):this._anchor.copy(t)}},{key:"font",get:function(){return this._font},set:function(t){t&&("string"==typeof t?(t=t.split(" "),this._font.name=1===t.length?t[0]:t.slice(1).join(" "),this._font.size=t.length>=2?parseInt(t[0],10):e.fonts[this._font.name].size):(this._font.name=t.name,this._font.size="number"==typeof t.size?t.size:parseInt(t.size,10)),this.dirty=!0)}},{key:"text",get:function(){return this._text},set:function(t){t=t.toString()||" ",this._text!==t&&(this._text=t,this.dirty=!0)}},{key:"maxWidth",get:function(){return this._maxWidth},set:function(t){this._maxWidth!==t&&(this._maxWidth=t,this.dirty=!0)}},{key:"maxLineHeight",get:function(){return this.validate(),this._maxLineHeight}},{key:"textWidth",get:function(){return this.validate(),this._textWidth}},{key:"textHeight",get:function(){return this.validate(),this._textHeight}}]),e}(h.Container);r.default=p,p.fonts={}},{"../core":65,"../core/math/ObservablePoint":68,"../core/settings":101}],136:[function(t,e,r){"use strict";function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}r.__esModule=!0;var i=function(){function t(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,r,n){return r&&t(e.prototype,r),n&&t(e,n),e}}(),o=t("../core/math/Matrix"),s=function(t){return t&&t.__esModule?t:{default:t}}(o),a=new s.default,u=function(){function t(e,r){n(this,t),this._texture=e,this.mapCoord=new s.default,this.uClampFrame=new Float32Array(4),this.uClampOffset=new Float32Array(2),this._lastTextureID=-1,this.clampOffset=0,this.clampMargin=void 0===r?.5:r}return t.prototype.multiplyUvs=function(t,e){void 0===e&&(e=t);for(var r=this.mapCoord,n=0;n<t.length;n+=2){var i=t[n],o=t[n+1];e[n]=i*r.a+o*r.c+r.tx,e[n+1]=i*r.b+o*r.d+r.ty}return e},t.prototype.update=function(t){var e=this._texture;if(!e||!e.valid)return!1;if(!t&&this._lastTextureID===e._updateID)return!1;this._lastTextureID=e._updateID;var r=e._uvs;this.mapCoord.set(r.x1-r.x0,r.y1-r.y0,r.x3-r.x0,r.y3-r.y0,r.x0,r.y0);var n=e.orig,i=e.trim;i&&(a.set(n.width/i.width,0,0,n.height/i.height,-i.x/i.width,-i.y/i.height),this.mapCoord.append(a));var o=e.baseTexture,s=this.uClampFrame,u=this.clampMargin/o.resolution,h=this.clampOffset;return s[0]=(e._frame.x+u+h)/o.width,s[1]=(e._frame.y+u+h)/o.height,s[2]=(e._frame.x+e._frame.width-u+h)/o.width,s[3]=(e._frame.y+e._frame.height-u+h)/o.height,this.uClampOffset[0]=h/o.realWidth,this.uClampOffset[1]=h/o.realHeight,!0},i(t,[{key:"texture",get:function(){return this._texture},set:function(t){this._texture=t,this._lastTextureID=-1}}]),t}();r.default=u},{"../core/math/Matrix":67}],137:[function(t,e,r){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}function i(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function o(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}function s(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}r.__esModule=!0;var a=function(){function t(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,r,n){return r&&t(e.prototype,r),n&&t(e,n),e}}(),u=t("../core"),h=function(t){if(t&&t.__esModule)return t;var e={};if(null!=t)for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e.default=t,e}(u),l=t("../core/sprites/canvas/CanvasTinter"),c=n(l),d=t("./TextureTransform"),f=n(d),p=new h.Point,v=function(t){function e(r){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:100,s=arguments.length>2&&void 0!==arguments[2]?arguments[2]:100;i(this,e);var a=o(this,t.call(this,r));return a.tileTransform=new h.TransformStatic,a._width=n,a._height=s,a._canvasPattern=null,a.uvTransform=r.transform||new f.default(r),a.pluginName="tilingSprite",a.uvRespectAnchor=!1,a}return s(e,t),e.prototype._onTextureUpdate=function(){this.uvTransform&&(this.uvTransform.texture=this._texture),this.cachedTint=16777215},e.prototype._renderWebGL=function(t){var e=this._texture;e&&e.valid&&(this.tileTransform.updateLocalTransform(),this.uvTransform.update(),t.setObjectRenderer(t.plugins[this.pluginName]),t.plugins[this.pluginName].render(this))},e.prototype._renderCanvas=function(t){var e=this._texture;if(e.baseTexture.hasLoaded){var r=t.context,n=this.worldTransform,i=t.resolution,o=e.baseTexture,s=o.resolution,a=this.tilePosition.x/this.tileScale.x%e._frame.width*s,u=this.tilePosition.y/this.tileScale.y%e._frame.height*s;if(this._textureID!==this._texture._updateID||this.cachedTint!==this.tint){this._textureID=this._texture._updateID;var l=new h.CanvasRenderTarget(e._frame.width,e._frame.height,s);16777215!==this.tint?(this.tintedTexture=c.default.getTintedTexture(this,this.tint),l.context.drawImage(this.tintedTexture,0,0)):l.context.drawImage(o.source,-e._frame.x*s,-e._frame.y*s),this.cachedTint=this.tint,this._canvasPattern=l.context.createPattern(l.canvas,"repeat")}r.globalAlpha=this.worldAlpha,r.setTransform(n.a*i,n.b*i,n.c*i,n.d*i,n.tx*i,n.ty*i),t.setBlendMode(this.blendMode),r.fillStyle=this._canvasPattern,r.scale(this.tileScale.x/s,this.tileScale.y/s);var d=this.anchor.x*-this._width,f=this.anchor.y*-this._height;this.uvRespectAnchor?(r.translate(a,u),r.fillRect(-a+d,-u+f,this._width/this.tileScale.x*s,this._height/this.tileScale.y*s)):(r.translate(a+d,u+f),r.fillRect(-a,-u,this._width/this.tileScale.x*s,this._height/this.tileScale.y*s))}},e.prototype._calculateBounds=function(){var t=this._width*-this._anchor._x,e=this._height*-this._anchor._y,r=this._width*(1-this._anchor._x),n=this._height*(1-this._anchor._y);this._bounds.addFrame(this.transform,t,e,r,n)},e.prototype.getLocalBounds=function(e){return 0===this.children.length?(this._bounds.minX=this._width*-this._anchor._x,this._bounds.minY=this._height*-this._anchor._y,this._bounds.maxX=this._width*(1-this._anchor._x),this._bounds.maxY=this._height*(1-this._anchor._x),e||(this._localBoundsRect||(this._localBoundsRect=new h.Rectangle),e=this._localBoundsRect),this._bounds.getRectangle(e)):t.prototype.getLocalBounds.call(this,e)},e.prototype.containsPoint=function(t){this.worldTransform.applyInverse(t,p);var e=this._width,r=this._height,n=-e*this.anchor._x;if(p.x>=n&&p.x<n+e){var i=-r*this.anchor._y;if(p.y>=i&&p.y<i+r)return!0}return!1},e.prototype.destroy=function(e){t.prototype.destroy.call(this,e),this.tileTransform=null,this.uvTransform=null},e.from=function(t,r,n){return new e(h.Texture.from(t),r,n)},e.fromFrame=function(t,r,n){var i=h.utils.TextureCache[t];if(!i)throw new Error('The frameId "'+t+'" does not exist in the texture cache '+this);return new e(i,r,n)},e.fromImage=function(t,r,n,i,o){return new e(h.Texture.fromImage(t,i,o),r,n)},a(e,[{key:"clampMargin",get:function(){return this.uvTransform.clampMargin},set:function(t){this.uvTransform.clampMargin=t,this.uvTransform.update(!0)}},{key:"tileScale",get:function(){return this.tileTransform.scale},set:function(t){this.tileTransform.scale.copy(t)}},{key:"tilePosition",get:function(){return this.tileTransform.position},set:function(t){this.tileTransform.position.copy(t)}},{key:"width",get:function(){return this._width},set:function(t){this._width=t}},{key:"height",get:function(){return this._height},set:function(t){this._height=t}}]),e}(h.Sprite);r.default=v},{"../core":65,"../core/sprites/canvas/CanvasTinter":104,"./TextureTransform":136}],138:[function(t,e,r){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}function i(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}var o=t("../core"),s=function(t){if(t&&t.__esModule)return t;var e={};if(null!=t)for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e.default=t,e}(o),a=t("../core/textures/Texture"),u=n(a),h=t("../core/textures/BaseTexture"),l=n(h),c=t("../core/utils"),d=s.DisplayObject,f=new s.Matrix;d.prototype._cacheAsBitmap=!1,d.prototype._cacheData=!1;var p=function t(){i(this,t),this.textureCacheId=null,this.originalRenderWebGL=null,this.originalRenderCanvas=null,this.originalCalculateBounds=null,this.originalGetLocalBounds=null,this.originalUpdateTransform=null,this.originalHitTest=null,this.originalDestroy=null,this.originalMask=null,this.originalFilterArea=null,this.sprite=null};Object.defineProperties(d.prototype,{cacheAsBitmap:{get:function(){return this._cacheAsBitmap},set:function(t){if(this._cacheAsBitmap!==t){this._cacheAsBitmap=t;var e=void 0;t?(this._cacheData||(this._cacheData=new p),e=this._cacheData,e.originalRenderWebGL=this.renderWebGL,e.originalRenderCanvas=this.renderCanvas,e.originalUpdateTransform=this.updateTransform,e.originalCalculateBounds=this._calculateBounds,e.originalGetLocalBounds=this.getLocalBounds,e.originalDestroy=this.destroy,e.originalContainsPoint=this.containsPoint,e.originalMask=this._mask,e.originalFilterArea=this.filterArea,this.renderWebGL=this._renderCachedWebGL,this.renderCanvas=this._renderCachedCanvas,this.destroy=this._cacheAsBitmapDestroy):(e=this._cacheData,e.sprite&&this._destroyCachedDisplayObject(),this.renderWebGL=e.originalRenderWebGL,this.renderCanvas=e.originalRenderCanvas,this._calculateBounds=e.originalCalculateBounds,this.getLocalBounds=e.originalGetLocalBounds,this.destroy=e.originalDestroy,this.updateTransform=e.originalUpdateTransform,this.containsPoint=e.originalContainsPoint,this._mask=e.originalMask,this.filterArea=e.originalFilterArea)}}}}),d.prototype._renderCachedWebGL=function(t){!this.visible||this.worldAlpha<=0||!this.renderable||(this._initCachedDisplayObject(t),this._cacheData.sprite._transformID=-1,this._cacheData.sprite.worldAlpha=this.worldAlpha,this._cacheData.sprite._renderWebGL(t))},d.prototype._initCachedDisplayObject=function(t){if(!this._cacheData||!this._cacheData.sprite){var e=this.alpha;this.alpha=1,t.currentRenderer.flush();var r=this.getLocalBounds().clone();if(this._filters){var n=this._filters[0].padding;r.pad(n)}var i=t._activeRenderTarget,o=t.filterManager.filterStack,a=s.RenderTexture.create(0|r.width,0|r.height),h="cacheAsBitmap_"+(0,c.uid)();this._cacheData.textureCacheId=h,l.default.addToCache(a.baseTexture,h),u.default.addToCache(a,h);var d=f;d.tx=-r.x,d.ty=-r.y,this.transform.worldTransform.identity(),this.renderWebGL=this._cacheData.originalRenderWebGL,t.render(this,a,!0,d,!0),t.bindRenderTarget(i),t.filterManager.filterStack=o,this.renderWebGL=this._renderCachedWebGL,this.updateTransform=this.displayObjectUpdateTransform,this._mask=null,this.filterArea=null;var p=new s.Sprite(a);p.transform.worldTransform=this.transform.worldTransform,p.anchor.x=-r.x/r.width,p.anchor.y=-r.y/r.height,p.alpha=e,p._bounds=this._bounds,this._calculateBounds=this._calculateCachedBounds,this.getLocalBounds=this._getCachedLocalBounds,this._cacheData.sprite=p,this.transform._parentID=-1,this.parent?this.updateTransform():(this.parent=t._tempDisplayObjectParent,this.updateTransform(),this.parent=null),this.containsPoint=p.containsPoint.bind(p)}},d.prototype._renderCachedCanvas=function(t){!this.visible||this.worldAlpha<=0||!this.renderable||(this._initCachedDisplayObjectCanvas(t),this._cacheData.sprite.worldAlpha=this.worldAlpha,this._cacheData.sprite.renderCanvas(t))},d.prototype._initCachedDisplayObjectCanvas=function(t){if(!this._cacheData||!this._cacheData.sprite){var e=this.getLocalBounds(),r=this.alpha;this.alpha=1;var n=t.context,i=s.RenderTexture.create(0|e.width,0|e.height),o="cacheAsBitmap_"+(0,c.uid)();this._cacheData.textureCacheId=o,l.default.addToCache(i.baseTexture,o),u.default.addToCache(i,o);var a=f;this.transform.localTransform.copy(a),a.invert(),a.tx-=e.x,a.ty-=e.y,this.renderCanvas=this._cacheData.originalRenderCanvas,t.render(this,i,!0,a,!1),t.context=n,this.renderCanvas=this._renderCachedCanvas,this._calculateBounds=this._calculateCachedBounds,this._mask=null,this.filterArea=null;var h=new s.Sprite(i);h.transform.worldTransform=this.transform.worldTransform,h.anchor.x=-e.x/e.width,h.anchor.y=-e.y/e.height,h._bounds=this._bounds,h.alpha=r,this.parent?this.updateTransform():(this.parent=t._tempDisplayObjectParent,this.updateTransform(),this.parent=null),this.updateTransform=this.displayObjectUpdateTransform,this._cacheData.sprite=h,this.containsPoint=h.containsPoint.bind(h)}},d.prototype._calculateCachedBounds=function(){this._cacheData.sprite._calculateBounds()},d.prototype._getCachedLocalBounds=function(){return this._cacheData.sprite.getLocalBounds()},d.prototype._destroyCachedDisplayObject=function(){this._cacheData.sprite._texture.destroy(!0),this._cacheData.sprite=null,l.default.removeFromCache(this._cacheData.textureCacheId),u.default.removeFromCache(this._cacheData.textureCacheId),this._cacheData.textureCacheId=null},d.prototype._cacheAsBitmapDestroy=function(t){this.cacheAsBitmap=!1,this.destroy(t)}},{"../core":65,"../core/textures/BaseTexture":112,"../core/textures/Texture":115,"../core/utils":124}],139:[function(t,e,r){"use strict";var n=t("../core"),i=function(t){if(t&&t.__esModule)return t;var e={};if(null!=t)for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e.default=t,e}(n);i.DisplayObject.prototype.name=null,i.Container.prototype.getChildByName=function(t){for(var e=0;e<this.children.length;e++)if(this.children[e].name===t)return this.children[e];return null}},{"../core":65}],140:[function(t,e,r){"use strict";var n=t("../core"),i=function(t){if(t&&t.__esModule)return t;var e={};if(null!=t)for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e.default=t,e}(n);i.DisplayObject.prototype.getGlobalPosition=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:new i.Point,e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];return this.parent?this.parent.toGlobal(this.position,t,e):(t.x=this.position.x,t.y=this.position.y),t}},{"../core":65}],141:[function(t,e,r){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}r.__esModule=!0,r.BitmapText=r.TilingSpriteRenderer=r.TilingSprite=r.TextureTransform=r.AnimatedSprite=void 0;var i=t("./AnimatedSprite");Object.defineProperty(r,"AnimatedSprite",{enumerable:!0,get:function(){return n(i).default}});var o=t("./TextureTransform");Object.defineProperty(r,"TextureTransform",{enumerable:!0,get:function(){return n(o).default}});var s=t("./TilingSprite");Object.defineProperty(r,"TilingSprite",{enumerable:!0,get:function(){return n(s).default}});var a=t("./webgl/TilingSpriteRenderer");Object.defineProperty(r,"TilingSpriteRenderer",{enumerable:!0,get:function(){return n(a).default}});var u=t("./BitmapText");Object.defineProperty(r,"BitmapText",{enumerable:!0,get:function(){return n(u).default}}),t("./cacheAsBitmap"),t("./getChildByName"),t("./getGlobalPosition")},{"./AnimatedSprite":134,"./BitmapText":135,"./TextureTransform":136,"./TilingSprite":137,"./cacheAsBitmap":138,"./getChildByName":139,"./getGlobalPosition":140,"./webgl/TilingSpriteRenderer":142}],142:[function(t,e,r){"use strict";function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function i(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}function o(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}r.__esModule=!0;var s=t("../../core"),a=function(t){if(t&&t.__esModule)return t;var e={};if(null!=t)for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e.default=t,e}(s),u=t("../../core/const"),h=(t("path"),new a.Matrix),l=function(t){function e(r){n(this,e);var o=i(this,t.call(this,r));return o.shader=null,o.simpleShader=null,o.quad=null,o}return o(e,t),e.prototype.onContextChange=function(){var t=this.renderer.gl;this.shader=new a.Shader(t,"attribute vec2 aVertexPosition;\nattribute vec2 aTextureCoord;\n\nuniform mat3 projectionMatrix;\nuniform mat3 translationMatrix;\nuniform mat3 uTransform;\n\nvarying vec2 vTextureCoord;\n\nvoid main(void)\n{\n    gl_Position = vec4((projectionMatrix * translationMatrix * vec3(aVertexPosition, 1.0)).xy, 0.0, 1.0);\n\n    vTextureCoord = (uTransform * vec3(aTextureCoord, 1.0)).xy;\n}\n","varying vec2 vTextureCoord;\n\nuniform sampler2D uSampler;\nuniform vec4 uColor;\nuniform mat3 uMapCoord;\nuniform vec4 uClampFrame;\nuniform vec2 uClampOffset;\n\nvoid main(void)\n{\n    vec2 coord = mod(vTextureCoord - uClampOffset, vec2(1.0, 1.0)) + uClampOffset;\n    coord = (uMapCoord * vec3(coord, 1.0)).xy;\n    coord = clamp(coord, uClampFrame.xy, uClampFrame.zw);\n\n    vec4 sample = texture2D(uSampler, coord);\n    gl_FragColor = sample * uColor;\n}\n"),this.simpleShader=new a.Shader(t,"attribute vec2 aVertexPosition;\nattribute vec2 aTextureCoord;\n\nuniform mat3 projectionMatrix;\nuniform mat3 translationMatrix;\nuniform mat3 uTransform;\n\nvarying vec2 vTextureCoord;\n\nvoid main(void)\n{\n    gl_Position = vec4((projectionMatrix * translationMatrix * vec3(aVertexPosition, 1.0)).xy, 0.0, 1.0);\n\n    vTextureCoord = (uTransform * vec3(aTextureCoord, 1.0)).xy;\n}\n","varying vec2 vTextureCoord;\n\nuniform sampler2D uSampler;\nuniform vec4 uColor;\n\nvoid main(void)\n{\n    vec4 sample = texture2D(uSampler, vTextureCoord);\n    gl_FragColor = sample * uColor;\n}\n"),this.renderer.bindVao(null),this.quad=new a.Quad(t,this.renderer.state.attribState),this.quad.initVao(this.shader)},e.prototype.render=function(t){var e=this.renderer,r=this.quad;e.bindVao(r.vao);var n=r.vertices;n[0]=n[6]=t._width*-t.anchor.x,n[1]=n[3]=t._height*-t.anchor.y,n[2]=n[4]=t._width*(1-t.anchor.x),n[5]=n[7]=t._height*(1-t.anchor.y),t.uvRespectAnchor&&(n=r.uvs,n[0]=n[6]=-t.anchor.x,n[1]=n[3]=-t.anchor.y,n[2]=n[4]=1-t.anchor.x,n[5]=n[7]=1-t.anchor.y),r.upload();var i=t._texture,o=i.baseTexture,s=t.tileTransform.localTransform,l=t.uvTransform,c=o.isPowerOfTwo&&i.frame.width===o.width&&i.frame.height===o.height;c&&(o._glTextures[e.CONTEXT_UID]?c=o.wrapMode!==u.WRAP_MODES.CLAMP:o.wrapMode===u.WRAP_MODES.CLAMP&&(o.wrapMode=u.WRAP_MODES.REPEAT));var d=c?this.simpleShader:this.shader;e.bindShader(d);var f=i.width,p=i.height,v=t._width,y=t._height;h.set(s.a*f/v,s.b*f/y,s.c*p/v,s.d*p/y,s.tx/v,s.ty/y),h.invert(),c?h.prepend(l.mapCoord):(d.uniforms.uMapCoord=l.mapCoord.toArray(!0),d.uniforms.uClampFrame=l.uClampFrame,d.uniforms.uClampOffset=l.uClampOffset),d.uniforms.uTransform=h.toArray(!0),d.uniforms.uColor=a.utils.premultiplyTintToRgba(t.tint,t.worldAlpha,d.uniforms.uColor,o.premultipliedAlpha),d.uniforms.translationMatrix=t.transform.worldTransform.toArray(!0),d.uniforms.uSampler=e.bindTexture(i),
+e.setBlendMode(a.utils.correctBlendMode(t.blendMode,o.premultipliedAlpha)),r.vao.draw(this.renderer.gl.TRIANGLES,6,0)},e}(a.ObjectRenderer);r.default=l,a.WebGLRenderer.registerPlugin("tilingSprite",l)},{"../../core":65,"../../core/const":46,path:8}],143:[function(t,e,r){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}function i(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function o(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}function s(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}r.__esModule=!0;var a=function(){function t(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,r,n){return r&&t(e.prototype,r),n&&t(e,n),e}}(),u=t("../../core"),h=function(t){if(t&&t.__esModule)return t;var e={};if(null!=t)for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e.default=t,e}(u),l=t("./BlurXFilter"),c=n(l),d=t("./BlurYFilter"),f=n(d),p=function(t){function e(r,n,s,a){i(this,e);var u=o(this,t.call(this));return u.blurXFilter=new c.default(r,n,s,a),u.blurYFilter=new f.default(r,n,s,a),u.padding=0,u.resolution=s||h.settings.RESOLUTION,u.quality=n||4,u.blur=r||8,u}return s(e,t),e.prototype.apply=function(t,e,r){var n=t.getRenderTarget(!0);this.blurXFilter.apply(t,e,n,!0),this.blurYFilter.apply(t,n,r,!1),t.returnRenderTarget(n)},a(e,[{key:"blur",get:function(){return this.blurXFilter.blur},set:function(t){this.blurXFilter.blur=this.blurYFilter.blur=t,this.padding=2*Math.max(Math.abs(this.blurXFilter.strength),Math.abs(this.blurYFilter.strength))}},{key:"quality",get:function(){return this.blurXFilter.quality},set:function(t){this.blurXFilter.quality=this.blurYFilter.quality=t}},{key:"blurX",get:function(){return this.blurXFilter.blur},set:function(t){this.blurXFilter.blur=t,this.padding=2*Math.max(Math.abs(this.blurXFilter.strength),Math.abs(this.blurYFilter.strength))}},{key:"blurY",get:function(){return this.blurYFilter.blur},set:function(t){this.blurYFilter.blur=t,this.padding=2*Math.max(Math.abs(this.blurXFilter.strength),Math.abs(this.blurYFilter.strength))}},{key:"blendMode",get:function(){return this.blurYFilter._blendMode},set:function(t){this.blurYFilter._blendMode=t}}]),e}(h.Filter);r.default=p},{"../../core":65,"./BlurXFilter":144,"./BlurYFilter":145}],144:[function(t,e,r){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}function i(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function o(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}function s(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}r.__esModule=!0;var a=function(){function t(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,r,n){return r&&t(e.prototype,r),n&&t(e,n),e}}(),u=t("../../core"),h=function(t){if(t&&t.__esModule)return t;var e={};if(null!=t)for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e.default=t,e}(u),l=t("./generateBlurVertSource"),c=n(l),d=t("./generateBlurFragSource"),f=n(d),p=t("./getMaxBlurKernelSize"),v=n(p),y=function(t){function e(r,n,s,a){i(this,e),a=a||5;var u=(0,c.default)(a,!0),l=(0,f.default)(a),d=o(this,t.call(this,u,l));return d.resolution=s||h.settings.RESOLUTION,d._quality=0,d.quality=n||4,d.strength=r||8,d.firstRun=!0,d}return s(e,t),e.prototype.apply=function(t,e,r,n){if(this.firstRun){var i=t.renderer.gl,o=(0,v.default)(i);this.vertexSrc=(0,c.default)(o,!0),this.fragmentSrc=(0,f.default)(o),this.firstRun=!1}if(this.uniforms.strength=1/r.size.width*(r.size.width/e.size.width),this.uniforms.strength*=this.strength,this.uniforms.strength/=this.passes,1===this.passes)t.applyFilter(this,e,r,n);else{for(var s=t.getRenderTarget(!0),a=e,u=s,h=0;h<this.passes-1;h++){t.applyFilter(this,a,u,!0);var l=u;u=a,a=l}t.applyFilter(this,a,r,n),t.returnRenderTarget(s)}},a(e,[{key:"blur",get:function(){return this.strength},set:function(t){this.padding=2*Math.abs(t),this.strength=t}},{key:"quality",get:function(){return this._quality},set:function(t){this._quality=t,this.passes=t}}]),e}(h.Filter);r.default=y},{"../../core":65,"./generateBlurFragSource":146,"./generateBlurVertSource":147,"./getMaxBlurKernelSize":148}],145:[function(t,e,r){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}function i(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function o(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}function s(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}r.__esModule=!0;var a=function(){function t(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,r,n){return r&&t(e.prototype,r),n&&t(e,n),e}}(),u=t("../../core"),h=function(t){if(t&&t.__esModule)return t;var e={};if(null!=t)for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e.default=t,e}(u),l=t("./generateBlurVertSource"),c=n(l),d=t("./generateBlurFragSource"),f=n(d),p=t("./getMaxBlurKernelSize"),v=n(p),y=function(t){function e(r,n,s,a){i(this,e),a=a||5;var u=(0,c.default)(a,!1),l=(0,f.default)(a),d=o(this,t.call(this,u,l));return d.resolution=s||h.settings.RESOLUTION,d._quality=0,d.quality=n||4,d.strength=r||8,d.firstRun=!0,d}return s(e,t),e.prototype.apply=function(t,e,r,n){if(this.firstRun){var i=t.renderer.gl,o=(0,v.default)(i);this.vertexSrc=(0,c.default)(o,!1),this.fragmentSrc=(0,f.default)(o),this.firstRun=!1}if(this.uniforms.strength=1/r.size.height*(r.size.height/e.size.height),this.uniforms.strength*=this.strength,this.uniforms.strength/=this.passes,1===this.passes)t.applyFilter(this,e,r,n);else{for(var s=t.getRenderTarget(!0),a=e,u=s,h=0;h<this.passes-1;h++){t.applyFilter(this,a,u,!0);var l=u;u=a,a=l}t.applyFilter(this,a,r,n),t.returnRenderTarget(s)}},a(e,[{key:"blur",get:function(){return this.strength},set:function(t){this.padding=2*Math.abs(t),this.strength=t}},{key:"quality",get:function(){return this._quality},set:function(t){this._quality=t,this.passes=t}}]),e}(h.Filter);r.default=y},{"../../core":65,"./generateBlurFragSource":146,"./generateBlurVertSource":147,"./getMaxBlurKernelSize":148}],146:[function(t,e,r){"use strict";function n(t){for(var e=i[t],r=e.length,n=o,s="",a="gl_FragColor += texture2D(uSampler, vBlurTexCoords[%index%]) * %value%;",u=void 0,h=0;h<t;h++){var l=a.replace("%index%",h);u=h,h>=r&&(u=t-h-1),l=l.replace("%value%",e[u]),s+=l,s+="\n"}return n=n.replace("%blur%",s),n=n.replace("%size%",t)}r.__esModule=!0,r.default=n;var i={5:[.153388,.221461,.250301],7:[.071303,.131514,.189879,.214607],9:[.028532,.067234,.124009,.179044,.20236],11:[.0093,.028002,.065984,.121703,.175713,.198596],13:[.002406,.009255,.027867,.065666,.121117,.174868,.197641],15:[489e-6,.002403,.009246,.02784,.065602,.120999,.174697,.197448]},o=["varying vec2 vBlurTexCoords[%size%];","uniform sampler2D uSampler;","void main(void)","{","    gl_FragColor = vec4(0.0);","    %blur%","}"].join("\n")},{}],147:[function(t,e,r){"use strict";function n(t,e){var r=Math.ceil(t/2),n=i,o="",s=void 0;s=e?"vBlurTexCoords[%index%] = aTextureCoord + vec2(%sampleIndex% * strength, 0.0);":"vBlurTexCoords[%index%] = aTextureCoord + vec2(0.0, %sampleIndex% * strength);";for(var a=0;a<t;a++){var u=s.replace("%index%",a);u=u.replace("%sampleIndex%",a-(r-1)+".0"),o+=u,o+="\n"}return n=n.replace("%blur%",o),n=n.replace("%size%",t)}r.__esModule=!0,r.default=n;var i=["attribute vec2 aVertexPosition;","attribute vec2 aTextureCoord;","uniform float strength;","uniform mat3 projectionMatrix;","varying vec2 vBlurTexCoords[%size%];","void main(void)","{","gl_Position = vec4((projectionMatrix * vec3((aVertexPosition), 1.0)).xy, 0.0, 1.0);","%blur%","}"].join("\n")},{}],148:[function(t,e,r){"use strict";function n(t){for(var e=t.getParameter(t.MAX_VARYING_VECTORS),r=15;r>e;)r-=2;return r}r.__esModule=!0,r.default=n},{}],149:[function(t,e,r){"use strict";function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function i(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}function o(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}r.__esModule=!0;var s=function(){function t(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,r,n){return r&&t(e.prototype,r),n&&t(e,n),e}}(),a=t("../../core"),u=function(t){if(t&&t.__esModule)return t;var e={};if(null!=t)for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e.default=t,e}(a),h=(t("path"),function(t){function e(){n(this,e);var r=i(this,t.call(this,"attribute vec2 aVertexPosition;\nattribute vec2 aTextureCoord;\n\nuniform mat3 projectionMatrix;\n\nvarying vec2 vTextureCoord;\n\nvoid main(void)\n{\n    gl_Position = vec4((projectionMatrix * vec3(aVertexPosition, 1.0)).xy, 0.0, 1.0);\n    vTextureCoord = aTextureCoord;\n}","varying vec2 vTextureCoord;\nuniform sampler2D uSampler;\nuniform float m[20];\nuniform float uAlpha;\n\nvoid main(void)\n{\n    vec4 c = texture2D(uSampler, vTextureCoord);\n\n    if (uAlpha == 0.0) {\n        gl_FragColor = c;\n        return;\n    }\n\n    // Un-premultiply alpha before applying the color matrix. See issue #3539.\n    if (c.a > 0.0) {\n      c.rgb /= c.a;\n    }\n\n    vec4 result;\n\n    result.r = (m[0] * c.r);\n        result.r += (m[1] * c.g);\n        result.r += (m[2] * c.b);\n        result.r += (m[3] * c.a);\n        result.r += m[4];\n\n    result.g = (m[5] * c.r);\n        result.g += (m[6] * c.g);\n        result.g += (m[7] * c.b);\n        result.g += (m[8] * c.a);\n        result.g += m[9];\n\n    result.b = (m[10] * c.r);\n       result.b += (m[11] * c.g);\n       result.b += (m[12] * c.b);\n       result.b += (m[13] * c.a);\n       result.b += m[14];\n\n    result.a = (m[15] * c.r);\n       result.a += (m[16] * c.g);\n       result.a += (m[17] * c.b);\n       result.a += (m[18] * c.a);\n       result.a += m[19];\n\n    vec3 rgb = mix(c.rgb, result.rgb, uAlpha);\n\n    // Premultiply alpha again.\n    rgb *= result.a;\n\n    gl_FragColor = vec4(rgb, result.a);\n}\n"));return r.uniforms.m=[1,0,0,0,0,0,1,0,0,0,0,0,1,0,0,0,0,0,1,0],r.alpha=1,r}return o(e,t),e.prototype._loadMatrix=function(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1],r=t;e&&(this._multiply(r,this.uniforms.m,t),r=this._colorMatrix(r)),this.uniforms.m=r},e.prototype._multiply=function(t,e,r){return t[0]=e[0]*r[0]+e[1]*r[5]+e[2]*r[10]+e[3]*r[15],t[1]=e[0]*r[1]+e[1]*r[6]+e[2]*r[11]+e[3]*r[16],t[2]=e[0]*r[2]+e[1]*r[7]+e[2]*r[12]+e[3]*r[17],t[3]=e[0]*r[3]+e[1]*r[8]+e[2]*r[13]+e[3]*r[18],t[4]=e[0]*r[4]+e[1]*r[9]+e[2]*r[14]+e[3]*r[19]+e[4],t[5]=e[5]*r[0]+e[6]*r[5]+e[7]*r[10]+e[8]*r[15],t[6]=e[5]*r[1]+e[6]*r[6]+e[7]*r[11]+e[8]*r[16],t[7]=e[5]*r[2]+e[6]*r[7]+e[7]*r[12]+e[8]*r[17],t[8]=e[5]*r[3]+e[6]*r[8]+e[7]*r[13]+e[8]*r[18],t[9]=e[5]*r[4]+e[6]*r[9]+e[7]*r[14]+e[8]*r[19]+e[9],t[10]=e[10]*r[0]+e[11]*r[5]+e[12]*r[10]+e[13]*r[15],t[11]=e[10]*r[1]+e[11]*r[6]+e[12]*r[11]+e[13]*r[16],t[12]=e[10]*r[2]+e[11]*r[7]+e[12]*r[12]+e[13]*r[17],t[13]=e[10]*r[3]+e[11]*r[8]+e[12]*r[13]+e[13]*r[18],t[14]=e[10]*r[4]+e[11]*r[9]+e[12]*r[14]+e[13]*r[19]+e[14],t[15]=e[15]*r[0]+e[16]*r[5]+e[17]*r[10]+e[18]*r[15],t[16]=e[15]*r[1]+e[16]*r[6]+e[17]*r[11]+e[18]*r[16],t[17]=e[15]*r[2]+e[16]*r[7]+e[17]*r[12]+e[18]*r[17],t[18]=e[15]*r[3]+e[16]*r[8]+e[17]*r[13]+e[18]*r[18],t[19]=e[15]*r[4]+e[16]*r[9]+e[17]*r[14]+e[18]*r[19]+e[19],t},e.prototype._colorMatrix=function(t){var e=new Float32Array(t);return e[4]/=255,e[9]/=255,e[14]/=255,e[19]/=255,e},e.prototype.brightness=function(t,e){var r=[t,0,0,0,0,0,t,0,0,0,0,0,t,0,0,0,0,0,1,0];this._loadMatrix(r,e)},e.prototype.greyscale=function(t,e){var r=[t,t,t,0,0,t,t,t,0,0,t,t,t,0,0,0,0,0,1,0];this._loadMatrix(r,e)},e.prototype.blackAndWhite=function(t){var e=[.3,.6,.1,0,0,.3,.6,.1,0,0,.3,.6,.1,0,0,0,0,0,1,0];this._loadMatrix(e,t)},e.prototype.hue=function(t,e){t=(t||0)/180*Math.PI;var r=Math.cos(t),n=Math.sin(t),i=Math.sqrt,o=1/3,s=i(o),a=r+(1-r)*o,u=o*(1-r)-s*n,h=o*(1-r)+s*n,l=o*(1-r)+s*n,c=r+o*(1-r),d=o*(1-r)-s*n,f=o*(1-r)-s*n,p=o*(1-r)+s*n,v=r+o*(1-r),y=[a,u,h,0,0,l,c,d,0,0,f,p,v,0,0,0,0,0,1,0];this._loadMatrix(y,e)},e.prototype.contrast=function(t,e){var r=(t||0)+1,n=-.5*(r-1),i=[r,0,0,0,n,0,r,0,0,n,0,0,r,0,n,0,0,0,1,0];this._loadMatrix(i,e)},e.prototype.saturate=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=arguments[1],r=2*t/3+1,n=-.5*(r-1),i=[r,n,n,0,0,n,r,n,0,0,n,n,r,0,0,0,0,0,1,0];this._loadMatrix(i,e)},e.prototype.desaturate=function(){this.saturate(-1)},e.prototype.negative=function(t){var e=[0,1,1,0,0,1,0,1,0,0,1,1,0,0,0,0,0,0,1,0];this._loadMatrix(e,t)},e.prototype.sepia=function(t){var e=[.393,.7689999,.18899999,0,0,.349,.6859999,.16799999,0,0,.272,.5339999,.13099999,0,0,0,0,0,1,0];this._loadMatrix(e,t)},e.prototype.technicolor=function(t){var e=[1.9125277891456083,-.8545344976951645,-.09155508482755585,0,11.793603434377337,-.3087833385928097,1.7658908555458428,-.10601743074722245,0,-70.35205161461398,-.231103377548616,-.7501899197440212,1.847597816108189,0,30.950940869491138,0,0,0,1,0];this._loadMatrix(e,t)},e.prototype.polaroid=function(t){var e=[1.438,-.062,-.062,0,0,-.122,1.378,-.122,0,0,-.016,-.016,1.483,0,0,0,0,0,1,0];this._loadMatrix(e,t)},e.prototype.toBGR=function(t){var e=[0,0,1,0,0,0,1,0,0,0,1,0,0,0,0,0,0,0,1,0];this._loadMatrix(e,t)},e.prototype.kodachrome=function(t){var e=[1.1285582396593525,-.3967382283601348,-.03992559172921793,0,63.72958762196502,-.16404339962244616,1.0835251566291304,-.05498805115633132,0,24.732407896706203,-.16786010706155763,-.5603416277695248,1.6014850761964943,0,35.62982807460946,0,0,0,1,0];this._loadMatrix(e,t)},e.prototype.browni=function(t){var e=[.5997023498159715,.34553243048391263,-.2708298674538042,0,47.43192855600873,-.037703249837783157,.8609577587992641,.15059552388459913,0,-36.96841498319127,.24113635128153335,-.07441037908422492,.44972182064877153,0,-7.562075277591283,0,0,0,1,0];this._loadMatrix(e,t)},e.prototype.vintage=function(t){var e=[.6279345635605994,.3202183420819367,-.03965408211312453,0,9.651285835294123,.02578397704808868,.6441188644374771,.03259127616149294,0,7.462829176470591,.0466055556782719,-.0851232987247891,.5241648018700465,0,5.159190588235296,0,0,0,1,0];this._loadMatrix(e,t)},e.prototype.colorTone=function(t,e,r,n,i){t=t||.2,e=e||.15,r=r||16770432,n=n||3375104;var o=(r>>16&255)/255,s=(r>>8&255)/255,a=(255&r)/255,u=(n>>16&255)/255,h=(n>>8&255)/255,l=(255&n)/255,c=[.3,.59,.11,0,0,o,s,a,t,0,u,h,l,e,0,o-u,s-h,a-l,0,0];this._loadMatrix(c,i)},e.prototype.night=function(t,e){t=t||.1;var r=[-2*t,-t,0,0,0,-t,0,t,0,0,0,t,2*t,0,0,0,0,0,1,0];this._loadMatrix(r,e)},e.prototype.predator=function(t,e){var r=[11.224130630493164*t,-4.794486999511719*t,-2.8746118545532227*t,0*t,.40342438220977783*t,-3.6330697536468506*t,9.193157196044922*t,-2.951810836791992*t,0*t,-1.316135048866272*t,-3.2184197902679443*t,-4.2375030517578125*t,7.476448059082031*t,0*t,.8044459223747253*t,0,0,0,1,0];this._loadMatrix(r,e)},e.prototype.lsd=function(t){var e=[2,-.4,.5,0,0,-.5,2,-.4,0,0,-.4,-.5,3,0,0,0,0,0,1,0];this._loadMatrix(e,t)},e.prototype.reset=function(){var t=[1,0,0,0,0,0,1,0,0,0,0,0,1,0,0,0,0,0,1,0];this._loadMatrix(t,!1)},s(e,[{key:"matrix",get:function(){return this.uniforms.m},set:function(t){this.uniforms.m=t}},{key:"alpha",get:function(){return this.uniforms.uAlpha},set:function(t){this.uniforms.uAlpha=t}}]),e}(u.Filter));r.default=h,h.prototype.grayscale=h.prototype.greyscale},{"../../core":65,path:8}],150:[function(t,e,r){"use strict";function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function i(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}function o(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}r.__esModule=!0;var s=function(){function t(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,r,n){return r&&t(e.prototype,r),n&&t(e,n),e}}(),a=t("../../core"),u=function(t){if(t&&t.__esModule)return t;var e={};if(null!=t)for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e.default=t,e}(a),h=(t("path"),function(t){function e(r,o){n(this,e);var s=new u.Matrix;r.renderable=!1;var a=i(this,t.call(this,"attribute vec2 aVertexPosition;\nattribute vec2 aTextureCoord;\n\nuniform mat3 projectionMatrix;\nuniform mat3 filterMatrix;\n\nvarying vec2 vTextureCoord;\nvarying vec2 vFilterCoord;\n\nvoid main(void)\n{\n   gl_Position = vec4((projectionMatrix * vec3(aVertexPosition, 1.0)).xy, 0.0, 1.0);\n   vFilterCoord = ( filterMatrix * vec3( aTextureCoord, 1.0)  ).xy;\n   vTextureCoord = aTextureCoord;\n}","varying vec2 vFilterCoord;\nvarying vec2 vTextureCoord;\n\nuniform vec2 scale;\n\nuniform sampler2D uSampler;\nuniform sampler2D mapSampler;\n\nuniform vec4 filterClamp;\n\nvoid main(void)\n{\n   vec4 map =  texture2D(mapSampler, vFilterCoord);\n\n   map -= 0.5;\n   map.xy *= scale;\n\n   gl_FragColor = texture2D(uSampler, clamp(vec2(vTextureCoord.x + map.x, vTextureCoord.y + map.y), filterClamp.xy, filterClamp.zw));\n}\n"));return a.maskSprite=r,a.maskMatrix=s,a.uniforms.mapSampler=r._texture,a.uniforms.filterMatrix=s,a.uniforms.scale={x:1,y:1},null!==o&&void 0!==o||(o=20),a.scale=new u.Point(o,o),a}return o(e,t),e.prototype.apply=function(t,e,r){var n=1/r.destinationFrame.width*(r.size.width/e.size.width);this.uniforms.filterMatrix=t.calculateSpriteMatrix(this.maskMatrix,this.maskSprite),this.uniforms.scale.x=this.scale.x*n,this.uniforms.scale.y=this.scale.y*n,t.applyFilter(this,e,r)},s(e,[{key:"map",get:function(){return this.uniforms.mapSampler},set:function(t){this.uniforms.mapSampler=t}}]),e}(u.Filter));r.default=h},{"../../core":65,path:8}],151:[function(t,e,r){"use strict";function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function i(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}function o(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}r.__esModule=!0;var s=t("../../core"),a=function(t){if(t&&t.__esModule)return t;var e={};if(null!=t)for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e.default=t,e}(s),u=(t("path"),function(t){function e(){return n(this,e),i(this,t.call(this,"\nattribute vec2 aVertexPosition;\nattribute vec2 aTextureCoord;\n\nuniform mat3 projectionMatrix;\n\nvarying vec2 v_rgbNW;\nvarying vec2 v_rgbNE;\nvarying vec2 v_rgbSW;\nvarying vec2 v_rgbSE;\nvarying vec2 v_rgbM;\n\nuniform vec4 filterArea;\n\nvarying vec2 vTextureCoord;\n\nvec2 mapCoord( vec2 coord )\n{\n    coord *= filterArea.xy;\n    coord += filterArea.zw;\n\n    return coord;\n}\n\nvec2 unmapCoord( vec2 coord )\n{\n    coord -= filterArea.zw;\n    coord /= filterArea.xy;\n\n    return coord;\n}\n\nvoid texcoords(vec2 fragCoord, vec2 resolution,\n               out vec2 v_rgbNW, out vec2 v_rgbNE,\n               out vec2 v_rgbSW, out vec2 v_rgbSE,\n               out vec2 v_rgbM) {\n    vec2 inverseVP = 1.0 / resolution.xy;\n    v_rgbNW = (fragCoord + vec2(-1.0, -1.0)) * inverseVP;\n    v_rgbNE = (fragCoord + vec2(1.0, -1.0)) * inverseVP;\n    v_rgbSW = (fragCoord + vec2(-1.0, 1.0)) * inverseVP;\n    v_rgbSE = (fragCoord + vec2(1.0, 1.0)) * inverseVP;\n    v_rgbM = vec2(fragCoord * inverseVP);\n}\n\nvoid main(void) {\n\n   gl_Position = vec4((projectionMatrix * vec3(aVertexPosition, 1.0)).xy, 0.0, 1.0);\n\n   vTextureCoord = aTextureCoord;\n\n   vec2 fragCoord = vTextureCoord * filterArea.xy;\n\n   texcoords(fragCoord, filterArea.xy, v_rgbNW, v_rgbNE, v_rgbSW, v_rgbSE, v_rgbM);\n}",'varying vec2 v_rgbNW;\nvarying vec2 v_rgbNE;\nvarying vec2 v_rgbSW;\nvarying vec2 v_rgbSE;\nvarying vec2 v_rgbM;\n\nvarying vec2 vTextureCoord;\nuniform sampler2D uSampler;\nuniform vec4 filterArea;\n\n/**\n Basic FXAA implementation based on the code on geeks3d.com with the\n modification that the texture2DLod stuff was removed since it\'s\n unsupported by WebGL.\n \n --\n \n From:\n https://github.com/mitsuhiko/webgl-meincraft\n \n Copyright (c) 2011 by Armin Ronacher.\n \n Some rights reserved.\n \n Redistribution and use in source and binary forms, with or without\n modification, are permitted provided that the following conditions are\n met:\n \n * Redistributions of source code must retain the above copyright\n notice, this list of conditions and the following disclaimer.\n \n * Redistributions in binary form must reproduce the above\n copyright notice, this list of conditions and the following\n disclaimer in the documentation and/or other materials provided\n with the distribution.\n \n * The names of the contributors may not be used to endorse or\n promote products derived from this software without specific\n prior written permission.\n \n THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS\n "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT\n LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR\n A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT\n OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,\n SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT\n LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,\n DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY\n THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT\n (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE\n OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.\n */\n\n#ifndef FXAA_REDUCE_MIN\n#define FXAA_REDUCE_MIN   (1.0/ 128.0)\n#endif\n#ifndef FXAA_REDUCE_MUL\n#define FXAA_REDUCE_MUL   (1.0 / 8.0)\n#endif\n#ifndef FXAA_SPAN_MAX\n#define FXAA_SPAN_MAX     8.0\n#endif\n\n//optimized version for mobile, where dependent\n//texture reads can be a bottleneck\nvec4 fxaa(sampler2D tex, vec2 fragCoord, vec2 resolution,\n          vec2 v_rgbNW, vec2 v_rgbNE,\n          vec2 v_rgbSW, vec2 v_rgbSE,\n          vec2 v_rgbM) {\n    vec4 color;\n    mediump vec2 inverseVP = vec2(1.0 / resolution.x, 1.0 / resolution.y);\n    vec3 rgbNW = texture2D(tex, v_rgbNW).xyz;\n    vec3 rgbNE = texture2D(tex, v_rgbNE).xyz;\n    vec3 rgbSW = texture2D(tex, v_rgbSW).xyz;\n    vec3 rgbSE = texture2D(tex, v_rgbSE).xyz;\n    vec4 texColor = texture2D(tex, v_rgbM);\n    vec3 rgbM  = texColor.xyz;\n    vec3 luma = vec3(0.299, 0.587, 0.114);\n    float lumaNW = dot(rgbNW, luma);\n    float lumaNE = dot(rgbNE, luma);\n    float lumaSW = dot(rgbSW, luma);\n    float lumaSE = dot(rgbSE, luma);\n    float lumaM  = dot(rgbM,  luma);\n    float lumaMin = min(lumaM, min(min(lumaNW, lumaNE), min(lumaSW, lumaSE)));\n    float lumaMax = max(lumaM, max(max(lumaNW, lumaNE), max(lumaSW, lumaSE)));\n    \n    mediump vec2 dir;\n    dir.x = -((lumaNW + lumaNE) - (lumaSW + lumaSE));\n    dir.y =  ((lumaNW + lumaSW) - (lumaNE + lumaSE));\n    \n    float dirReduce = max((lumaNW + lumaNE + lumaSW + lumaSE) *\n                          (0.25 * FXAA_REDUCE_MUL), FXAA_REDUCE_MIN);\n    \n    float rcpDirMin = 1.0 / (min(abs(dir.x), abs(dir.y)) + dirReduce);\n    dir = min(vec2(FXAA_SPAN_MAX, FXAA_SPAN_MAX),\n              max(vec2(-FXAA_SPAN_MAX, -FXAA_SPAN_MAX),\n                  dir * rcpDirMin)) * inverseVP;\n    \n    vec3 rgbA = 0.5 * (\n                       texture2D(tex, fragCoord * inverseVP + dir * (1.0 / 3.0 - 0.5)).xyz +\n                       texture2D(tex, fragCoord * inverseVP + dir * (2.0 / 3.0 - 0.5)).xyz);\n    vec3 rgbB = rgbA * 0.5 + 0.25 * (\n                                     texture2D(tex, fragCoord * inverseVP + dir * -0.5).xyz +\n                                     texture2D(tex, fragCoord * inverseVP + dir * 0.5).xyz);\n    \n    float lumaB = dot(rgbB, luma);\n    if ((lumaB < lumaMin) || (lumaB > lumaMax))\n        color = vec4(rgbA, texColor.a);\n    else\n        color = vec4(rgbB, texColor.a);\n    return color;\n}\n\nvoid main() {\n\n      vec2 fragCoord = vTextureCoord * filterArea.xy;\n\n      vec4 color;\n\n    color = fxaa(uSampler, fragCoord, filterArea.xy, v_rgbNW, v_rgbNE, v_rgbSW, v_rgbSE, v_rgbM);\n\n      gl_FragColor = color;\n}\n'))}return o(e,t),e}(a.Filter));r.default=u},{"../../core":65,path:8}],152:[function(t,e,r){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}r.__esModule=!0;var i=t("./fxaa/FXAAFilter");Object.defineProperty(r,"FXAAFilter",{enumerable:!0,get:function(){return n(i).default}});var o=t("./noise/NoiseFilter");Object.defineProperty(r,"NoiseFilter",{enumerable:!0,get:function(){return n(o).default}});var s=t("./displacement/DisplacementFilter");Object.defineProperty(r,"DisplacementFilter",{enumerable:!0,get:function(){return n(s).default}});var a=t("./blur/BlurFilter");Object.defineProperty(r,"BlurFilter",{enumerable:!0,get:function(){return n(a).default}});var u=t("./blur/BlurXFilter");Object.defineProperty(r,"BlurXFilter",{enumerable:!0,get:function(){return n(u).default}});var h=t("./blur/BlurYFilter");Object.defineProperty(r,"BlurYFilter",{enumerable:!0,get:function(){return n(h).default}});var l=t("./colormatrix/ColorMatrixFilter");Object.defineProperty(r,"ColorMatrixFilter",{enumerable:!0,get:function(){return n(l).default}});var c=t("./void/VoidFilter");Object.defineProperty(r,"VoidFilter",{enumerable:!0,get:function(){return n(c).default}})},{"./blur/BlurFilter":143,"./blur/BlurXFilter":144,"./blur/BlurYFilter":145,"./colormatrix/ColorMatrixFilter":149,"./displacement/DisplacementFilter":150,"./fxaa/FXAAFilter":151,"./noise/NoiseFilter":153,"./void/VoidFilter":154}],153:[function(t,e,r){"use strict";function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function i(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}function o(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}r.__esModule=!0;var s=function(){function t(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,r,n){return r&&t(e.prototype,r),n&&t(e,n),e}}(),a=t("../../core"),u=function(t){if(t&&t.__esModule)return t;var e={};if(null!=t)for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e.default=t,e}(a),h=(t("path"),function(t){function e(){var r=arguments.length>0&&void 0!==arguments[0]?arguments[0]:.5,o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:Math.random();n(this,e);var s=i(this,t.call(this,"attribute vec2 aVertexPosition;\nattribute vec2 aTextureCoord;\n\nuniform mat3 projectionMatrix;\n\nvarying vec2 vTextureCoord;\n\nvoid main(void)\n{\n    gl_Position = vec4((projectionMatrix * vec3(aVertexPosition, 1.0)).xy, 0.0, 1.0);\n    vTextureCoord = aTextureCoord;\n}","precision highp float;\n\nvarying vec2 vTextureCoord;\nvarying vec4 vColor;\n\nuniform float uNoise;\nuniform float uSeed;\nuniform sampler2D uSampler;\n\nfloat rand(vec2 co)\n{\n    return fract(sin(dot(co.xy, vec2(12.9898, 78.233))) * 43758.5453);\n}\n\nvoid main()\n{\n    vec4 color = texture2D(uSampler, vTextureCoord);\n    float randomValue = rand(gl_FragCoord.xy * uSeed);\n    float diff = (randomValue - 0.5) * uNoise;\n\n    // Un-premultiply alpha before applying the color matrix. See issue #3539.\n    if (color.a > 0.0) {\n        color.rgb /= color.a;\n    }\n\n    color.r += diff;\n    color.g += diff;\n    color.b += diff;\n\n    // Premultiply alpha again.\n    color.rgb *= color.a;\n\n    gl_FragColor = color;\n}\n"));return s.noise=r,s.seed=o,s}return o(e,t),s(e,[{key:"noise",get:function(){return this.uniforms.uNoise},set:function(t){this.uniforms.uNoise=t}},{key:"seed",get:function(){return this.uniforms.uSeed},set:function(t){this.uniforms.uSeed=t}}]),e}(u.Filter));r.default=h},{"../../core":65,path:8}],154:[function(t,e,r){"use strict";function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function i(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}function o(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}r.__esModule=!0;var s=t("../../core"),a=function(t){if(t&&t.__esModule)return t;var e={};if(null!=t)for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e.default=t,e}(s),u=(t("path"),function(t){function e(){n(this,e);var r=i(this,t.call(this,"attribute vec2 aVertexPosition;\nattribute vec2 aTextureCoord;\n\nuniform mat3 projectionMatrix;\n\nvarying vec2 vTextureCoord;\n\nvoid main(void)\n{\n    gl_Position = vec4((projectionMatrix * vec3(aVertexPosition, 1.0)).xy, 0.0, 1.0);\n    vTextureCoord = aTextureCoord;\n}","varying vec2 vTextureCoord;\n\nuniform sampler2D uSampler;\n\nvoid main(void)\n{\n   gl_FragColor = texture2D(uSampler, vTextureCoord);\n}\n"));return r.glShaderKey="void",r}return o(e,t),e}(a.Filter));r.default=u},{"../../core":65,path:8}],155:[function(t,e,r){"use strict";function n(t,e){
+if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}r.__esModule=!0;var i=function(){function t(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,r,n){return r&&t(e.prototype,r),n&&t(e,n),e}}(),o=t("../core"),s=function(t){if(t&&t.__esModule)return t;var e={};if(null!=t)for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e.default=t,e}(o),a=function(){function t(){n(this,t),this.global=new s.Point,this.target=null,this.originalEvent=null,this.identifier=null,this.isPrimary=!1,this.button=0,this.buttons=0,this.width=0,this.height=0,this.tiltX=0,this.tiltY=0,this.pointerType=null,this.pressure=0,this.rotationAngle=0,this.twist=0,this.tangentialPressure=0}return t.prototype.getLocalPosition=function(t,e,r){return t.worldTransform.applyInverse(r||this.global,e)},t.prototype._copyEvent=function(t){t.isPrimary&&(this.isPrimary=!0),this.button=t.button,this.buttons=t.buttons,this.width=t.width,this.height=t.height,this.tiltX=t.tiltX,this.tiltY=t.tiltY,this.pointerType=t.pointerType,this.pressure=t.pressure,this.rotationAngle=t.rotationAngle,this.twist=t.twist||0,this.tangentialPressure=t.tangentialPressure||0},t.prototype._reset=function(){this.isPrimary=!1},i(t,[{key:"pointerId",get:function(){return this.identifier}}]),t}();r.default=a},{"../core":65}],156:[function(t,e,r){"use strict";function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}r.__esModule=!0;var i=function(){function t(){n(this,t),this.stopped=!1,this.target=null,this.currentTarget=null,this.type=null,this.data=null}return t.prototype.stopPropagation=function(){this.stopped=!0},t.prototype._reset=function(){this.stopped=!1,this.currentTarget=null,this.target=null},t}();r.default=i},{}],157:[function(t,e,r){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}function i(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function o(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}function s(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}r.__esModule=!0;var a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},u=t("../core"),h=function(t){if(t&&t.__esModule)return t;var e={};if(null!=t)for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e.default=t,e}(u),l=t("./InteractionData"),c=n(l),d=t("./InteractionEvent"),f=n(d),p=t("./InteractionTrackingData"),v=n(p),y=t("eventemitter3"),g=n(y),m=t("./interactiveTarget"),_=n(m);h.utils.mixins.delayMixin(h.DisplayObject.prototype,_.default);var b="MOUSE",x={target:null,data:{global:null}},T=function(t){function e(r,n){i(this,e);var s=o(this,t.call(this));return n=n||{},s.renderer=r,s.autoPreventDefault=void 0===n.autoPreventDefault||n.autoPreventDefault,s.interactionFrequency=n.interactionFrequency||10,s.mouse=new c.default,s.mouse.identifier=b,s.mouse.global.set(-999999),s.activeInteractionData={},s.activeInteractionData[b]=s.mouse,s.interactionDataPool=[],s.eventData=new f.default,s.interactionDOMElement=null,s.moveWhenInside=!1,s.eventsAdded=!1,s.mouseOverRenderer=!1,s.supportsTouchEvents="ontouchstart"in window,s.supportsPointerEvents=!!window.PointerEvent,s.onPointerUp=s.onPointerUp.bind(s),s.processPointerUp=s.processPointerUp.bind(s),s.onPointerCancel=s.onPointerCancel.bind(s),s.processPointerCancel=s.processPointerCancel.bind(s),s.onPointerDown=s.onPointerDown.bind(s),s.processPointerDown=s.processPointerDown.bind(s),s.onPointerMove=s.onPointerMove.bind(s),s.processPointerMove=s.processPointerMove.bind(s),s.onPointerOut=s.onPointerOut.bind(s),s.processPointerOverOut=s.processPointerOverOut.bind(s),s.onPointerOver=s.onPointerOver.bind(s),s.cursorStyles={default:"inherit",pointer:"pointer"},s.currentCursorMode=null,s.cursor=null,s._tempPoint=new h.Point,s.resolution=1,s.setTargetElement(s.renderer.view,s.renderer.resolution),s}return s(e,t),e.prototype.hitTest=function(t,e){return x.target=null,x.data.global=t,e||(e=this.renderer._lastObjectRendered),this.processInteractive(x,e,null,!0),x.target},e.prototype.setTargetElement=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1;this.removeEvents(),this.interactionDOMElement=t,this.resolution=e,this.addEvents()},e.prototype.addEvents=function(){this.interactionDOMElement&&(h.ticker.shared.add(this.update,this,h.UPDATE_PRIORITY.INTERACTION),window.navigator.msPointerEnabled?(this.interactionDOMElement.style["-ms-content-zooming"]="none",this.interactionDOMElement.style["-ms-touch-action"]="none"):this.supportsPointerEvents&&(this.interactionDOMElement.style["touch-action"]="none"),this.supportsPointerEvents?(window.document.addEventListener("pointermove",this.onPointerMove,!0),this.interactionDOMElement.addEventListener("pointerdown",this.onPointerDown,!0),this.interactionDOMElement.addEventListener("pointerleave",this.onPointerOut,!0),this.interactionDOMElement.addEventListener("pointerover",this.onPointerOver,!0),window.addEventListener("pointercancel",this.onPointerCancel,!0),window.addEventListener("pointerup",this.onPointerUp,!0)):(window.document.addEventListener("mousemove",this.onPointerMove,!0),this.interactionDOMElement.addEventListener("mousedown",this.onPointerDown,!0),this.interactionDOMElement.addEventListener("mouseout",this.onPointerOut,!0),this.interactionDOMElement.addEventListener("mouseover",this.onPointerOver,!0),window.addEventListener("mouseup",this.onPointerUp,!0)),this.supportsTouchEvents&&(this.interactionDOMElement.addEventListener("touchstart",this.onPointerDown,!0),this.interactionDOMElement.addEventListener("touchcancel",this.onPointerCancel,!0),this.interactionDOMElement.addEventListener("touchend",this.onPointerUp,!0),this.interactionDOMElement.addEventListener("touchmove",this.onPointerMove,!0)),this.eventsAdded=!0)},e.prototype.removeEvents=function(){this.interactionDOMElement&&(h.ticker.shared.remove(this.update,this),window.navigator.msPointerEnabled?(this.interactionDOMElement.style["-ms-content-zooming"]="",this.interactionDOMElement.style["-ms-touch-action"]=""):this.supportsPointerEvents&&(this.interactionDOMElement.style["touch-action"]=""),this.supportsPointerEvents?(window.document.removeEventListener("pointermove",this.onPointerMove,!0),this.interactionDOMElement.removeEventListener("pointerdown",this.onPointerDown,!0),this.interactionDOMElement.removeEventListener("pointerleave",this.onPointerOut,!0),this.interactionDOMElement.removeEventListener("pointerover",this.onPointerOver,!0),window.removeEventListener("pointercancel",this.onPointerCancel,!0),window.removeEventListener("pointerup",this.onPointerUp,!0)):(window.document.removeEventListener("mousemove",this.onPointerMove,!0),this.interactionDOMElement.removeEventListener("mousedown",this.onPointerDown,!0),this.interactionDOMElement.removeEventListener("mouseout",this.onPointerOut,!0),this.interactionDOMElement.removeEventListener("mouseover",this.onPointerOver,!0),window.removeEventListener("mouseup",this.onPointerUp,!0)),this.supportsTouchEvents&&(this.interactionDOMElement.removeEventListener("touchstart",this.onPointerDown,!0),this.interactionDOMElement.removeEventListener("touchcancel",this.onPointerCancel,!0),this.interactionDOMElement.removeEventListener("touchend",this.onPointerUp,!0),this.interactionDOMElement.removeEventListener("touchmove",this.onPointerMove,!0)),this.interactionDOMElement=null,this.eventsAdded=!1)},e.prototype.update=function(t){if(this._deltaTime+=t,!(this._deltaTime<this.interactionFrequency)&&(this._deltaTime=0,this.interactionDOMElement)){if(this.didMove)return void(this.didMove=!1);this.cursor=null;for(var e in this.activeInteractionData)if(this.activeInteractionData.hasOwnProperty(e)){var r=this.activeInteractionData[e];if(r.originalEvent&&"touch"!==r.pointerType){var n=this.configureInteractionEventForDOMEvent(this.eventData,r.originalEvent,r);this.processInteractive(n,this.renderer._lastObjectRendered,this.processPointerOverOut,!0)}}this.setCursorMode(this.cursor)}},e.prototype.setCursorMode=function(t){if(t=t||"default",this.currentCursorMode!==t){this.currentCursorMode=t;var e=this.cursorStyles[t];if(e)switch(void 0===e?"undefined":a(e)){case"string":this.interactionDOMElement.style.cursor=e;break;case"function":e(t);break;case"object":Object.assign(this.interactionDOMElement.style,e)}else"string"!=typeof t||Object.prototype.hasOwnProperty.call(this.cursorStyles,t)||(this.interactionDOMElement.style.cursor=t)}},e.prototype.dispatchEvent=function(t,e,r){r.stopped||(r.currentTarget=t,r.type=e,t.emit(e,r),t[e]&&t[e](r))},e.prototype.mapPositionToPoint=function(t,e,r){var n=void 0;n=this.interactionDOMElement.parentElement?this.interactionDOMElement.getBoundingClientRect():{x:0,y:0,width:0,height:0};var i=navigator.isCocoonJS?this.resolution:1/this.resolution;t.x=(e-n.left)*(this.interactionDOMElement.width/n.width)*i,t.y=(r-n.top)*(this.interactionDOMElement.height/n.height)*i},e.prototype.processInteractive=function(t,e,r,n,i){if(!e||!e.visible)return!1;var o=t.data.global;i=e.interactive||i;var s=!1,a=i;if(e.hitArea?a=!1:n&&e._mask&&(e._mask.containsPoint(o)||(n=!1)),e.interactiveChildren&&e.children)for(var u=e.children,h=u.length-1;h>=0;h--){var l=u[h],c=this.processInteractive(t,l,r,n,a);if(c){if(!l.parent)continue;a=!1,c&&(t.target&&(n=!1),s=!0)}}return i&&(n&&!t.target&&(e.hitArea?(e.worldTransform.applyInverse(o,this._tempPoint),e.hitArea.contains(this._tempPoint.x,this._tempPoint.y)&&(s=!0)):e.containsPoint&&e.containsPoint(o)&&(s=!0)),e.interactive&&(s&&!t.target&&(t.target=e),r&&r(t,e,!!s))),s},e.prototype.onPointerDown=function(t){if(!this.supportsTouchEvents||"touch"!==t.pointerType){var e=this.normalizeToPointerData(t);this.autoPreventDefault&&e[0].isNormalized&&t.preventDefault();for(var r=e.length,n=0;n<r;n++){var i=e[n],o=this.getInteractionDataForPointerId(i),s=this.configureInteractionEventForDOMEvent(this.eventData,i,o);if(s.data.originalEvent=t,this.processInteractive(s,this.renderer._lastObjectRendered,this.processPointerDown,!0),this.emit("pointerdown",s),"touch"===i.pointerType)this.emit("touchstart",s);else if("mouse"===i.pointerType||"pen"===i.pointerType){var a=2===i.button;this.emit(a?"rightdown":"mousedown",this.eventData)}}}},e.prototype.processPointerDown=function(t,e,r){var n=t.data,i=t.data.identifier;if(r)if(e.trackedPointers[i]||(e.trackedPointers[i]=new v.default(i)),this.dispatchEvent(e,"pointerdown",t),"touch"===n.pointerType)this.dispatchEvent(e,"touchstart",t);else if("mouse"===n.pointerType||"pen"===n.pointerType){var o=2===n.button;o?e.trackedPointers[i].rightDown=!0:e.trackedPointers[i].leftDown=!0,this.dispatchEvent(e,o?"rightdown":"mousedown",t)}},e.prototype.onPointerComplete=function(t,e,r){for(var n=this.normalizeToPointerData(t),i=n.length,o=t.target!==this.interactionDOMElement?"outside":"",s=0;s<i;s++){var a=n[s],u=this.getInteractionDataForPointerId(a),h=this.configureInteractionEventForDOMEvent(this.eventData,a,u);if(h.data.originalEvent=t,this.processInteractive(h,this.renderer._lastObjectRendered,r,e||!o),this.emit(e?"pointercancel":"pointerup"+o,h),"mouse"===a.pointerType||"pen"===a.pointerType){var l=2===a.button;this.emit(l?"rightup"+o:"mouseup"+o,h)}else"touch"===a.pointerType&&(this.emit(e?"touchcancel":"touchend"+o,h),this.releaseInteractionDataForPointerId(a.pointerId,u))}},e.prototype.onPointerCancel=function(t){this.supportsTouchEvents&&"touch"===t.pointerType||this.onPointerComplete(t,!0,this.processPointerCancel)},e.prototype.processPointerCancel=function(t,e){var r=t.data,n=t.data.identifier;void 0!==e.trackedPointers[n]&&(delete e.trackedPointers[n],this.dispatchEvent(e,"pointercancel",t),"touch"===r.pointerType&&this.dispatchEvent(e,"touchcancel",t))},e.prototype.onPointerUp=function(t){this.supportsTouchEvents&&"touch"===t.pointerType||this.onPointerComplete(t,!1,this.processPointerUp)},e.prototype.processPointerUp=function(t,e,r){var n=t.data,i=t.data.identifier,o=e.trackedPointers[i],s="touch"===n.pointerType;if("mouse"===n.pointerType||"pen"===n.pointerType){var a=2===n.button,u=v.default.FLAGS,h=a?u.RIGHT_DOWN:u.LEFT_DOWN,l=void 0!==o&&o.flags&h;r?(this.dispatchEvent(e,a?"rightup":"mouseup",t),l&&this.dispatchEvent(e,a?"rightclick":"click",t)):l&&this.dispatchEvent(e,a?"rightupoutside":"mouseupoutside",t),o&&(a?o.rightDown=!1:o.leftDown=!1)}r?(this.dispatchEvent(e,"pointerup",t),s&&this.dispatchEvent(e,"touchend",t),o&&(this.dispatchEvent(e,"pointertap",t),s&&(this.dispatchEvent(e,"tap",t),o.over=!1))):o&&(this.dispatchEvent(e,"pointerupoutside",t),s&&this.dispatchEvent(e,"touchendoutside",t)),o&&o.none&&delete e.trackedPointers[i]},e.prototype.onPointerMove=function(t){if(!this.supportsTouchEvents||"touch"!==t.pointerType){var e=this.normalizeToPointerData(t);"mouse"===e[0].pointerType&&(this.didMove=!0,this.cursor=null);for(var r=e.length,n=0;n<r;n++){var i=e[n],o=this.getInteractionDataForPointerId(i),s=this.configureInteractionEventForDOMEvent(this.eventData,i,o);s.data.originalEvent=t;var a="touch"!==i.pointerType||this.moveWhenInside;this.processInteractive(s,this.renderer._lastObjectRendered,this.processPointerMove,a),this.emit("pointermove",s),"touch"===i.pointerType&&this.emit("touchmove",s),"mouse"!==i.pointerType&&"pen"!==i.pointerType||this.emit("mousemove",s)}"mouse"===e[0].pointerType&&this.setCursorMode(this.cursor)}},e.prototype.processPointerMove=function(t,e,r){var n=t.data,i="touch"===n.pointerType,o="mouse"===n.pointerType||"pen"===n.pointerType;o&&this.processPointerOverOut(t,e,r),this.moveWhenInside&&!r||(this.dispatchEvent(e,"pointermove",t),i&&this.dispatchEvent(e,"touchmove",t),o&&this.dispatchEvent(e,"mousemove",t))},e.prototype.onPointerOut=function(t){if(!this.supportsTouchEvents||"touch"!==t.pointerType){var e=this.normalizeToPointerData(t),r=e[0];"mouse"===r.pointerType&&(this.mouseOverRenderer=!1,this.setCursorMode(null));var n=this.getInteractionDataForPointerId(r),i=this.configureInteractionEventForDOMEvent(this.eventData,r,n);i.data.originalEvent=r,this.processInteractive(i,this.renderer._lastObjectRendered,this.processPointerOverOut,!1),this.emit("pointerout",i),"mouse"===r.pointerType||"pen"===r.pointerType?this.emit("mouseout",i):this.releaseInteractionDataForPointerId(n.identifier)}},e.prototype.processPointerOverOut=function(t,e,r){var n=t.data,i=t.data.identifier,o="mouse"===n.pointerType||"pen"===n.pointerType,s=e.trackedPointers[i];r&&!s&&(s=e.trackedPointers[i]=new v.default(i)),void 0!==s&&(r&&this.mouseOverRenderer?(s.over||(s.over=!0,this.dispatchEvent(e,"pointerover",t),o&&this.dispatchEvent(e,"mouseover",t)),o&&null===this.cursor&&(this.cursor=e.cursor)):s.over&&(s.over=!1,this.dispatchEvent(e,"pointerout",this.eventData),o&&this.dispatchEvent(e,"mouseout",t),s.none&&delete e.trackedPointers[i]))},e.prototype.onPointerOver=function(t){var e=this.normalizeToPointerData(t),r=e[0],n=this.getInteractionDataForPointerId(r),i=this.configureInteractionEventForDOMEvent(this.eventData,r,n);i.data.originalEvent=r,"mouse"===r.pointerType&&(this.mouseOverRenderer=!0),this.emit("pointerover",i),"mouse"!==r.pointerType&&"pen"!==r.pointerType||this.emit("mouseover",i)},e.prototype.getInteractionDataForPointerId=function(t){var e=t.pointerId,r=void 0;return e===b||"mouse"===t.pointerType?r=this.mouse:this.activeInteractionData[e]?r=this.activeInteractionData[e]:(r=this.interactionDataPool.pop()||new c.default,r.identifier=e,this.activeInteractionData[e]=r),r._copyEvent(t),r},e.prototype.releaseInteractionDataForPointerId=function(t){var e=this.activeInteractionData[t];e&&(delete this.activeInteractionData[t],e._reset(),this.interactionDataPool.push(e))},e.prototype.configureInteractionEventForDOMEvent=function(t,e,r){return t.data=r,this.mapPositionToPoint(r.global,e.clientX,e.clientY),navigator.isCocoonJS&&"touch"===e.pointerType&&(r.global.x=r.global.x/this.resolution,r.global.y=r.global.y/this.resolution),"touch"===e.pointerType&&(e.globalX=r.global.x,e.globalY=r.global.y),r.originalEvent=e,t._reset(),t},e.prototype.normalizeToPointerData=function(t){var e=[];if(this.supportsTouchEvents&&t instanceof TouchEvent)for(var r=0,n=t.changedTouches.length;r<n;r++){var i=t.changedTouches[r];void 0===i.button&&(i.button=t.touches.length?1:0),void 0===i.buttons&&(i.buttons=t.touches.length?1:0),void 0===i.isPrimary&&(i.isPrimary=1===t.touches.length&&"touchstart"===t.type),void 0===i.width&&(i.width=i.radiusX||1),void 0===i.height&&(i.height=i.radiusY||1),void 0===i.tiltX&&(i.tiltX=0),void 0===i.tiltY&&(i.tiltY=0),void 0===i.pointerType&&(i.pointerType="touch"),void 0===i.pointerId&&(i.pointerId=i.identifier||0),void 0===i.pressure&&(i.pressure=i.force||.5),i.twist=0,i.tangentialPressure=0,void 0===i.layerX&&(i.layerX=i.offsetX=i.clientX),void 0===i.layerY&&(i.layerY=i.offsetY=i.clientY),i.isNormalized=!0,e.push(i)}else!(t instanceof MouseEvent)||this.supportsPointerEvents&&t instanceof window.PointerEvent?e.push(t):(void 0===t.isPrimary&&(t.isPrimary=!0),void 0===t.width&&(t.width=1),void 0===t.height&&(t.height=1),void 0===t.tiltX&&(t.tiltX=0),void 0===t.tiltY&&(t.tiltY=0),void 0===t.pointerType&&(t.pointerType="mouse"),void 0===t.pointerId&&(t.pointerId=b),void 0===t.pressure&&(t.pressure=.5),t.twist=0,t.tangentialPressure=0,t.isNormalized=!0,e.push(t));return e},e.prototype.destroy=function(){this.removeEvents(),this.removeAllListeners(),this.renderer=null,this.mouse=null,this.eventData=null,this.interactionDOMElement=null,this.onPointerDown=null,this.processPointerDown=null,this.onPointerUp=null,this.processPointerUp=null,this.onPointerCancel=null,this.processPointerCancel=null,this.onPointerMove=null,this.processPointerMove=null,this.onPointerOut=null,this.processPointerOverOut=null,this.onPointerOver=null,this._tempPoint=null},e}(g.default);r.default=T,h.WebGLRenderer.registerPlugin("interaction",T),h.CanvasRenderer.registerPlugin("interaction",T)},{"../core":65,"./InteractionData":155,"./InteractionEvent":156,"./InteractionTrackingData":158,"./interactiveTarget":160,eventemitter3:3}],158:[function(t,e,r){"use strict";function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}r.__esModule=!0;var i=function(){function t(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,r,n){return r&&t(e.prototype,r),n&&t(e,n),e}}(),o=function(){function t(e){n(this,t),this._pointerId=e,this._flags=t.FLAGS.NONE}return t.prototype._doSet=function(t,e){this._flags=e?this._flags|t:this._flags&~t},i(t,[{key:"pointerId",get:function(){return this._pointerId}},{key:"flags",get:function(){return this._flags},set:function(t){this._flags=t}},{key:"none",get:function(){return this._flags===this.constructor.FLAGS.NONE}},{key:"over",get:function(){return 0!=(this._flags&this.constructor.FLAGS.OVER)},set:function(t){this._doSet(this.constructor.FLAGS.OVER,t)}},{key:"rightDown",get:function(){return 0!=(this._flags&this.constructor.FLAGS.RIGHT_DOWN)},set:function(t){this._doSet(this.constructor.FLAGS.RIGHT_DOWN,t)}},{key:"leftDown",get:function(){return 0!=(this._flags&this.constructor.FLAGS.LEFT_DOWN)},set:function(t){this._doSet(this.constructor.FLAGS.LEFT_DOWN,t)}}]),t}();r.default=o,o.FLAGS=Object.freeze({NONE:0,OVER:1,LEFT_DOWN:2,RIGHT_DOWN:4})},{}],159:[function(t,e,r){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}r.__esModule=!0;var i=t("./InteractionData");Object.defineProperty(r,"InteractionData",{enumerable:!0,get:function(){return n(i).default}});var o=t("./InteractionManager");Object.defineProperty(r,"InteractionManager",{enumerable:!0,get:function(){return n(o).default}});var s=t("./interactiveTarget");Object.defineProperty(r,"interactiveTarget",{enumerable:!0,get:function(){return n(s).default}});var a=t("./InteractionTrackingData");Object.defineProperty(r,"InteractionTrackingData",{enumerable:!0,get:function(){return n(a).default}});var u=t("./InteractionEvent");Object.defineProperty(r,"InteractionEvent",{enumerable:!0,get:function(){return n(u).default}})},{"./InteractionData":155,"./InteractionEvent":156,"./InteractionManager":157,"./InteractionTrackingData":158,"./interactiveTarget":160}],160:[function(t,e,r){"use strict";r.__esModule=!0,r.default={interactive:!1,interactiveChildren:!0,hitArea:null,get buttonMode(){return"pointer"===this.cursor},set buttonMode(t){t?this.cursor="pointer":"pointer"===this.cursor&&(this.cursor=null)},cursor:null,get trackedPointers(){return void 0===this._trackedPointers&&(this._trackedPointers={}),this._trackedPointers},_trackedPointers:void 0}},{}],161:[function(t,e,r){"use strict";function n(t,e){t.bitmapFont=u.BitmapText.registerFont(t.data,e)}r.__esModule=!0,r.parse=n,r.default=function(){return function(t,e){if(!t.data||t.type!==a.Resource.TYPE.XML)return void e();if(0===t.data.getElementsByTagName("page").length||0===t.data.getElementsByTagName("info").length||null===t.data.getElementsByTagName("info")[0].getAttribute("face"))return void e();var r=t.isDataUrl?"":o.dirname(t.url);t.isDataUrl&&("."===r&&(r=""),this.baseUrl&&r&&"/"===this.baseUrl.charAt(this.baseUrl.length-1)&&(r+="/")),(r=r.replace(this.baseUrl,""))&&"/"!==r.charAt(r.length-1)&&(r+="/");var i=r+t.data.getElementsByTagName("page")[0].getAttribute("file");if(s.utils.TextureCache[i])n(t,s.utils.TextureCache[i]),e();else{var u={crossOrigin:t.crossOrigin,loadType:a.Resource.LOAD_TYPE.IMAGE,metadata:t.metadata.imageMetadata,parentResource:t};this.add(t.name+"_image",i,u,function(r){n(t,r.texture),e()})}}};var i=t("path"),o=function(t){if(t&&t.__esModule)return t;var e={};if(null!=t)for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e.default=t,e}(i),s=t("../core"),a=t("resource-loader"),u=t("../extras")},{"../core":65,"../extras":141,path:8,"resource-loader":36}],162:[function(t,e,r){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}r.__esModule=!0,r.shared=r.Resource=r.textureParser=r.getResourcePath=r.spritesheetParser=r.parseBitmapFontData=r.bitmapFontParser=r.Loader=void 0;var i=t("./bitmapFontParser");Object.defineProperty(r,"bitmapFontParser",{enumerable:!0,get:function(){return n(i).default}}),Object.defineProperty(r,"parseBitmapFontData",{enumerable:!0,get:function(){return i.parse}});var o=t("./spritesheetParser");Object.defineProperty(r,"spritesheetParser",{enumerable:!0,get:function(){return n(o).default}}),Object.defineProperty(r,"getResourcePath",{enumerable:!0,get:function(){return o.getResourcePath}});var s=t("./textureParser");Object.defineProperty(r,"textureParser",{enumerable:!0,get:function(){return n(s).default}});var a=t("resource-loader");Object.defineProperty(r,"Resource",{enumerable:!0,get:function(){return a.Resource}});var u=t("../core/Application"),h=n(u),l=t("./loader"),c=n(l);r.Loader=c.default;var d=new c.default;d.destroy=function(){},r.shared=d;var f=h.default.prototype;f._loader=null,Object.defineProperty(f,"loader",{get:function(){if(!this._loader){var t=this._options.sharedLoader;this._loader=t?d:new c.default}return this._loader}}),f._parentDestroy=f.destroy,f.destroy=function(t){this._loader&&(this._loader.destroy(),this._loader=null),this._parentDestroy(t)}},{"../core/Application":43,"./bitmapFontParser":161,"./loader":163,"./spritesheetParser":164,"./textureParser":165,"resource-loader":36}],163:[function(t,e,r){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}function i(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function o(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}function s(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}r.__esModule=!0;var a=t("resource-loader"),u=n(a),h=t("resource-loader/lib/middlewares/parsing/blob"),l=t("eventemitter3"),c=n(l),d=t("./textureParser"),f=n(d),p=t("./spritesheetParser"),v=n(p),y=t("./bitmapFontParser"),g=n(y),m=function(t){function e(r,n){i(this,e);var s=o(this,t.call(this,r,n));c.default.call(s);for(var a=0;a<e._pixiMiddleware.length;++a)s.use(e._pixiMiddleware[a]());return s.onStart.add(function(t){return s.emit("start",t)}),s.onProgress.add(function(t,e){return s.emit("progress",t,e)}),s.onError.add(function(t,e,r){return s.emit("error",t,e,r)}),s.onLoad.add(function(t,e){return s.emit("load",t,e)}),s.onComplete.add(function(t,e){return s.emit("complete",t,e)}),s}return s(e,t),e.addPixiMiddleware=function(t){e._pixiMiddleware.push(t)},e.prototype.destroy=function(){this.removeAllListeners(),this.reset()},e}(u.default);r.default=m;for(var _ in c.default.prototype)m.prototype[_]=c.default.prototype[_];m._pixiMiddleware=[h.blobMiddlewareFactory,f.default,v.default,g.default];var b=u.default.Resource;b.setExtensionXhrType("fnt",b.XHR_RESPONSE_TYPE.DOCUMENT)},{"./bitmapFontParser":161,"./spritesheetParser":164,"./textureParser":165,eventemitter3:3,"resource-loader":36,"resource-loader/lib/middlewares/parsing/blob":37}],164:[function(t,e,r){"use strict";function n(t,e){return t.isDataUrl?t.data.meta.image:s.default.resolve(t.url.replace(e,""),t.data.meta.image)}r.__esModule=!0,r.default=function(){return function(t,e){var r=t.name+"_image";if(!t.data||t.type!==i.Resource.TYPE.JSON||!t.data.frames||this.resources[r])return void e();var o={crossOrigin:t.crossOrigin,loadType:i.Resource.LOAD_TYPE.IMAGE,metadata:t.metadata.imageMetadata,parentResource:t},s=n(t,this.baseUrl);this.add(r,s,o,function(r){var n=new a.Spritesheet(r.texture.baseTexture,t.data,t.url);n.parse(function(){t.spritesheet=n,t.textures=n.textures,e()})})}},r.getResourcePath=n;var i=t("resource-loader"),o=t("url"),s=function(t){return t&&t.__esModule?t:{default:t}}(o),a=t("../core")},{"../core":65,"resource-loader":36,url:38}],165:[function(t,e,r){"use strict";r.__esModule=!0,r.default=function(){return function(t,e){t.data&&t.type===n.Resource.TYPE.IMAGE&&(t.texture=o.default.fromLoader(t.data,t.url,t.name)),e()}};var n=t("resource-loader"),i=t("../core/textures/Texture"),o=function(t){return t&&t.__esModule?t:{default:t}}(i)},{"../core/textures/Texture":115,"resource-loader":36}],166:[function(t,e,r){"use strict";function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function i(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}function o(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}r.__esModule=!0;var s=function(){function t(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,r,n){return r&&t(e.prototype,r),n&&t(e,n),e}}(),a=t("../core"),u=function(t){if(t&&t.__esModule)return t;var e={};if(null!=t)for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e.default=t,e}(a),h=t("../extras/TextureTransform"),l=function(t){return t&&t.__esModule?t:{default:t}}(h),c=new u.Point,d=new u.Polygon,f=function(t){function e(r,o,s,a,h){n(this,e);var c=i(this,t.call(this));return c._texture=r,c.uvs=s||new Float32Array([0,0,1,0,1,1,0,1]),c.vertices=o||new Float32Array([0,0,100,0,100,100,0,100]),c.indices=a||new Uint16Array([0,1,3,2]),c.dirty=0,c.indexDirty=0,c.blendMode=u.BLEND_MODES.NORMAL,c.canvasPadding=0,c.drawMode=h||e.DRAW_MODES.TRIANGLE_MESH,c.shader=null,c.tintRgb=new Float32Array([1,1,1]),c._glDatas={},c._uvTransform=new l.default(r),c.uploadUvTransform=!1,c.pluginName="mesh",c}return o(e,t),e.prototype._renderWebGL=function(t){this.refresh(),t.setObjectRenderer(t.plugins[this.pluginName]),t.plugins[this.pluginName].render(this)},e.prototype._renderCanvas=function(t){this.refresh(),t.plugins[this.pluginName].render(this)},e.prototype._onTextureUpdate=function(){this._uvTransform.texture=this._texture,this.refresh()},e.prototype.multiplyUvs=function(){this.uploadUvTransform||this._uvTransform.multiplyUvs(this.uvs)},e.prototype.refresh=function(t){this._uvTransform.update(t)&&this._refresh()},e.prototype._refresh=function(){},e.prototype._calculateBounds=function(){this._bounds.addVertices(this.transform,this.vertices,0,this.vertices.length)},e.prototype.containsPoint=function(t){if(!this.getBounds().contains(t.x,t.y))return!1;this.worldTransform.applyInverse(t,c);for(var r=this.vertices,n=d.points,i=this.indices,o=this.indices.length,s=this.drawMode===e.DRAW_MODES.TRIANGLES?3:1,a=0;a+2<o;a+=s){var u=2*i[a],h=2*i[a+1],l=2*i[a+2];if(n[0]=r[u],n[1]=r[u+1],n[2]=r[h],n[3]=r[h+1],n[4]=r[l],n[5]=r[l+1],d.contains(c.x,c.y))return!0}return!1},s(e,[{key:"texture",get:function(){return this._texture},set:function(t){this._texture!==t&&(this._texture=t,t&&(t.baseTexture.hasLoaded?this._onTextureUpdate():t.once("update",this._onTextureUpdate,this)))}},{key:"tint",get:function(){return u.utils.rgb2hex(this.tintRgb)},set:function(t){this.tintRgb=u.utils.hex2rgb(t,this.tintRgb)}}]),e}(u.Container);r.default=f,f.DRAW_MODES={TRIANGLE_MESH:0,TRIANGLES:1}},{"../core":65,"../extras/TextureTransform":136}],167:[function(t,e,r){"use strict";function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function i(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}function o(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}r.__esModule=!0;var s=function(){function t(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,r,n){return r&&t(e.prototype,r),n&&t(e,n),e}}(),a=t("./Plane"),u=function(t){return t&&t.__esModule?t:{default:t}}(a),h=10,l=function(t){function e(r,o,s,a,u){n(this,e);var l=i(this,t.call(this,r,4,4));return l._origWidth=r.orig.width,l._origHeight=r.orig.height,l._width=l._origWidth,l._height=l._origHeight,l.leftWidth=void 0!==o?o:h,l.rightWidth=void 0!==a?a:h,l.topHeight=void 0!==s?s:h,l.bottomHeight=void 0!==u?u:h,l.refresh(!0),l}return o(e,t),e.prototype.updateHorizontalVertices=function(){var t=this.vertices;t[9]=t[11]=t[13]=t[15]=this._topHeight,t[17]=t[19]=t[21]=t[23]=this._height-this._bottomHeight,t[25]=t[27]=t[29]=t[31]=this._height},e.prototype.updateVerticalVertices=function(){var t=this.vertices;t[2]=t[10]=t[18]=t[26]=this._leftWidth,t[4]=t[12]=t[20]=t[28]=this._width-this._rightWidth,t[6]=t[14]=t[22]=t[30]=this._width},e.prototype._renderCanvas=function(t){var e=t.context;e.globalAlpha=this.worldAlpha
+;var r=this.worldTransform,n=t.resolution;t.roundPixels?e.setTransform(r.a*n,r.b*n,r.c*n,r.d*n,r.tx*n|0,r.ty*n|0):e.setTransform(r.a*n,r.b*n,r.c*n,r.d*n,r.tx*n,r.ty*n);var i=this._texture.baseTexture,o=i.source,s=i.width,a=i.height;this.drawSegment(e,o,s,a,0,1,10,11),this.drawSegment(e,o,s,a,2,3,12,13),this.drawSegment(e,o,s,a,4,5,14,15),this.drawSegment(e,o,s,a,8,9,18,19),this.drawSegment(e,o,s,a,10,11,20,21),this.drawSegment(e,o,s,a,12,13,22,23),this.drawSegment(e,o,s,a,16,17,26,27),this.drawSegment(e,o,s,a,18,19,28,29),this.drawSegment(e,o,s,a,20,21,30,31)},e.prototype.drawSegment=function(t,e,r,n,i,o,s,a){var u=this.uvs,h=this.vertices,l=(u[s]-u[i])*r,c=(u[a]-u[o])*n,d=h[s]-h[i],f=h[a]-h[o];l<1&&(l=1),c<1&&(c=1),d<1&&(d=1),f<1&&(f=1),t.drawImage(e,u[i]*r,u[o]*n,l,c,h[i],h[o],d,f)},e.prototype._refresh=function(){t.prototype._refresh.call(this);var e=this.uvs,r=this._texture;this._origWidth=r.orig.width,this._origHeight=r.orig.height;var n=1/this._origWidth,i=1/this._origHeight;e[0]=e[8]=e[16]=e[24]=0,e[1]=e[3]=e[5]=e[7]=0,e[6]=e[14]=e[22]=e[30]=1,e[25]=e[27]=e[29]=e[31]=1,e[2]=e[10]=e[18]=e[26]=n*this._leftWidth,e[4]=e[12]=e[20]=e[28]=1-n*this._rightWidth,e[9]=e[11]=e[13]=e[15]=i*this._topHeight,e[17]=e[19]=e[21]=e[23]=1-i*this._bottomHeight,this.updateHorizontalVertices(),this.updateVerticalVertices(),this.dirty++,this.multiplyUvs()},s(e,[{key:"width",get:function(){return this._width},set:function(t){this._width=t,this._refresh()}},{key:"height",get:function(){return this._height},set:function(t){this._height=t,this._refresh()}},{key:"leftWidth",get:function(){return this._leftWidth},set:function(t){this._leftWidth=t,this._refresh()}},{key:"rightWidth",get:function(){return this._rightWidth},set:function(t){this._rightWidth=t,this._refresh()}},{key:"topHeight",get:function(){return this._topHeight},set:function(t){this._topHeight=t,this._refresh()}},{key:"bottomHeight",get:function(){return this._bottomHeight},set:function(t){this._bottomHeight=t,this._refresh()}}]),e}(u.default);r.default=l},{"./Plane":168}],168:[function(t,e,r){"use strict";function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function i(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}function o(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}r.__esModule=!0;var s=t("./Mesh"),a=function(t){return t&&t.__esModule?t:{default:t}}(s),u=function(t){function e(r,o,s){n(this,e);var u=i(this,t.call(this,r));return u._ready=!0,u.verticesX=o||10,u.verticesY=s||10,u.drawMode=a.default.DRAW_MODES.TRIANGLES,u.refresh(),u}return o(e,t),e.prototype._refresh=function(){for(var t=this._texture,e=this.verticesX*this.verticesY,r=[],n=[],i=[],o=[],s=this.verticesX-1,a=this.verticesY-1,u=t.width/s,h=t.height/a,l=0;l<e;l++){var c=l%this.verticesX,d=l/this.verticesX|0;r.push(c*u,d*h),i.push(c/s,d/a)}for(var f=s*a,p=0;p<f;p++){var v=p%s,y=p/s|0,g=y*this.verticesX+v,m=y*this.verticesX+v+1,_=(y+1)*this.verticesX+v,b=(y+1)*this.verticesX+v+1;o.push(g,m,_),o.push(m,b,_)}this.vertices=new Float32Array(r),this.uvs=new Float32Array(i),this.colors=new Float32Array(n),this.indices=new Uint16Array(o),this.indexDirty++,this.multiplyUvs()},e.prototype._onTextureUpdate=function(){a.default.prototype._onTextureUpdate.call(this),this._ready&&this.refresh()},e}(a.default);r.default=u},{"./Mesh":166}],169:[function(t,e,r){"use strict";function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function i(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}function o(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}r.__esModule=!0;var s=t("./Mesh"),a=function(t){return t&&t.__esModule?t:{default:t}}(s),u=function(t){function e(r,o){n(this,e);var s=i(this,t.call(this,r));return s.points=o,s.vertices=new Float32Array(4*o.length),s.uvs=new Float32Array(4*o.length),s.colors=new Float32Array(2*o.length),s.indices=new Uint16Array(2*o.length),s.autoUpdate=!0,s.refresh(),s}return o(e,t),e.prototype._refresh=function(){var t=this.points;if(!(t.length<1)&&this._texture._uvs){this.vertices.length/4!==t.length&&(this.vertices=new Float32Array(4*t.length),this.uvs=new Float32Array(4*t.length),this.colors=new Float32Array(2*t.length),this.indices=new Uint16Array(2*t.length));var e=this.uvs,r=this.indices,n=this.colors;e[0]=0,e[1]=0,e[2]=0,e[3]=1,n[0]=1,n[1]=1,r[0]=0,r[1]=1;for(var i=t.length,o=1;o<i;o++){var s=4*o,a=o/(i-1);e[s]=a,e[s+1]=0,e[s+2]=a,e[s+3]=1,s=2*o,n[s]=1,n[s+1]=1,s=2*o,r[s]=s,r[s+1]=s+1}this.dirty++,this.indexDirty++,this.multiplyUvs(),this.refreshVertices()}},e.prototype.refreshVertices=function(){var t=this.points;if(!(t.length<1))for(var e=t[0],r=void 0,n=0,i=0,o=this.vertices,s=t.length,a=0;a<s;a++){var u=t[a],h=4*a;r=a<t.length-1?t[a+1]:u,i=-(r.x-e.x),n=r.y-e.y;var l=10*(1-a/(s-1));l>1&&(l=1);var c=Math.sqrt(n*n+i*i),d=this._texture.height/2;n/=c,i/=c,n*=d,i*=d,o[h]=u.x+n,o[h+1]=u.y+i,o[h+2]=u.x-n,o[h+3]=u.y-i,e=u}},e.prototype.updateTransform=function(){this.autoUpdate&&this.refreshVertices(),this.containerUpdateTransform()},e}(a.default);r.default=u},{"./Mesh":166}],170:[function(t,e,r){"use strict";function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}r.__esModule=!0;var i=t("../../core"),o=function(t){if(t&&t.__esModule)return t;var e={};if(null!=t)for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e.default=t,e}(i),s=t("../Mesh"),a=function(t){return t&&t.__esModule?t:{default:t}}(s),u=function(){function t(e){n(this,t),this.renderer=e}return t.prototype.render=function(t){var e=this.renderer,r=e.context,n=t.worldTransform,i=e.resolution;e.roundPixels?r.setTransform(n.a*i,n.b*i,n.c*i,n.d*i,n.tx*i|0,n.ty*i|0):r.setTransform(n.a*i,n.b*i,n.c*i,n.d*i,n.tx*i,n.ty*i),e.setBlendMode(t.blendMode),t.drawMode===a.default.DRAW_MODES.TRIANGLE_MESH?this._renderTriangleMesh(t):this._renderTriangles(t)},t.prototype._renderTriangleMesh=function(t){for(var e=t.vertices.length/2,r=0;r<e-2;r++){var n=2*r;this._renderDrawTriangle(t,n,n+2,n+4)}},t.prototype._renderTriangles=function(t){for(var e=t.indices,r=e.length,n=0;n<r;n+=3){var i=2*e[n],o=2*e[n+1],s=2*e[n+2];this._renderDrawTriangle(t,i,o,s)}},t.prototype._renderDrawTriangle=function(t,e,r,n){var i=this.renderer.context,o=t.uvs,s=t.vertices,a=t._texture;if(a.valid){var u=a.baseTexture,h=u.source,l=u.width,c=u.height,d=void 0,f=void 0,p=void 0,v=void 0,y=void 0,g=void 0;if(t.uploadUvTransform){var m=t._uvTransform.mapCoord;d=(o[e]*m.a+o[e+1]*m.c+m.tx)*u.width,f=(o[r]*m.a+o[r+1]*m.c+m.tx)*u.width,p=(o[n]*m.a+o[n+1]*m.c+m.tx)*u.width,v=(o[e]*m.b+o[e+1]*m.d+m.ty)*u.height,y=(o[r]*m.b+o[r+1]*m.d+m.ty)*u.height,g=(o[n]*m.b+o[n+1]*m.d+m.ty)*u.height}else d=o[e]*u.width,f=o[r]*u.width,p=o[n]*u.width,v=o[e+1]*u.height,y=o[r+1]*u.height,g=o[n+1]*u.height;var _=s[e],b=s[r],x=s[n],T=s[e+1],w=s[r+1],E=s[n+1];if(t.canvasPadding>0){var S=t.canvasPadding/t.worldTransform.a,O=t.canvasPadding/t.worldTransform.d,M=(_+b+x)/3,P=(T+w+E)/3,C=_-M,R=T-P,A=Math.sqrt(C*C+R*R);_=M+C/A*(A+S),T=P+R/A*(A+O),C=b-M,R=w-P,A=Math.sqrt(C*C+R*R),b=M+C/A*(A+S),w=P+R/A*(A+O),C=x-M,R=E-P,A=Math.sqrt(C*C+R*R),x=M+C/A*(A+S),E=P+R/A*(A+O)}i.save(),i.beginPath(),i.moveTo(_,T),i.lineTo(b,w),i.lineTo(x,E),i.closePath(),i.clip();var I=d*y+v*p+f*g-y*p-v*f-d*g,D=_*y+v*x+b*g-y*x-v*b-_*g,L=d*b+_*p+f*x-b*p-_*f-d*x,N=d*y*x+v*b*p+_*f*g-_*y*p-v*f*x-d*b*g,F=T*y+v*E+w*g-y*E-v*w-T*g,B=d*w+T*p+f*E-w*p-T*f-d*E,k=d*y*E+v*w*p+T*f*g-T*y*p-v*f*E-d*w*g;i.transform(D/I,F/I,L/I,B/I,N/I,k/I),i.drawImage(h,0,0,l*u.resolution,c*u.resolution,0,0,l,c),i.restore(),this.renderer.invalidateBlendMode()}},t.prototype.renderMeshFlat=function(t){var e=this.renderer.context,r=t.vertices,n=r.length/2;e.beginPath();for(var i=1;i<n-2;++i){var o=2*i,s=r[o],a=r[o+1],u=r[o+2],h=r[o+3],l=r[o+4],c=r[o+5];e.moveTo(s,a),e.lineTo(u,h),e.lineTo(l,c)}e.fillStyle="#FF0000",e.fill(),e.closePath()},t.prototype.destroy=function(){this.renderer=null},t}();r.default=u,o.CanvasRenderer.registerPlugin("mesh",u)},{"../../core":65,"../Mesh":166}],171:[function(t,e,r){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}r.__esModule=!0;var i=t("./Mesh");Object.defineProperty(r,"Mesh",{enumerable:!0,get:function(){return n(i).default}});var o=t("./webgl/MeshRenderer");Object.defineProperty(r,"MeshRenderer",{enumerable:!0,get:function(){return n(o).default}});var s=t("./canvas/CanvasMeshRenderer");Object.defineProperty(r,"CanvasMeshRenderer",{enumerable:!0,get:function(){return n(s).default}});var a=t("./Plane");Object.defineProperty(r,"Plane",{enumerable:!0,get:function(){return n(a).default}});var u=t("./NineSlicePlane");Object.defineProperty(r,"NineSlicePlane",{enumerable:!0,get:function(){return n(u).default}});var h=t("./Rope");Object.defineProperty(r,"Rope",{enumerable:!0,get:function(){return n(h).default}})},{"./Mesh":166,"./NineSlicePlane":167,"./Plane":168,"./Rope":169,"./canvas/CanvasMeshRenderer":170,"./webgl/MeshRenderer":172}],172:[function(t,e,r){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}function i(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function o(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}function s(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}r.__esModule=!0;var a=t("../../core"),u=function(t){if(t&&t.__esModule)return t;var e={};if(null!=t)for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e.default=t,e}(a),h=t("pixi-gl-core"),l=n(h),c=t("../Mesh"),d=n(c),f=(t("path"),u.Matrix.IDENTITY),p=function(t){function e(r){i(this,e);var n=o(this,t.call(this,r));return n.shader=null,n}return s(e,t),e.prototype.onContextChange=function(){var t=this.renderer.gl;this.shader=new u.Shader(t,"attribute vec2 aVertexPosition;\nattribute vec2 aTextureCoord;\n\nuniform mat3 projectionMatrix;\nuniform mat3 translationMatrix;\nuniform mat3 uTransform;\n\nvarying vec2 vTextureCoord;\n\nvoid main(void)\n{\n    gl_Position = vec4((projectionMatrix * translationMatrix * vec3(aVertexPosition, 1.0)).xy, 0.0, 1.0);\n\n    vTextureCoord = (uTransform * vec3(aTextureCoord, 1.0)).xy;\n}\n","varying vec2 vTextureCoord;\nuniform vec4 uColor;\n\nuniform sampler2D uSampler;\n\nvoid main(void)\n{\n    gl_FragColor = texture2D(uSampler, vTextureCoord) * uColor;\n}\n")},e.prototype.render=function(t){var e=this.renderer,r=e.gl,n=t._texture;if(n.valid){var i=t._glDatas[e.CONTEXT_UID];i||(e.bindVao(null),i={shader:this.shader,vertexBuffer:l.default.GLBuffer.createVertexBuffer(r,t.vertices,r.STREAM_DRAW),uvBuffer:l.default.GLBuffer.createVertexBuffer(r,t.uvs,r.STREAM_DRAW),indexBuffer:l.default.GLBuffer.createIndexBuffer(r,t.indices,r.STATIC_DRAW),vao:null,dirty:t.dirty,indexDirty:t.indexDirty},i.vao=new l.default.VertexArrayObject(r).addIndex(i.indexBuffer).addAttribute(i.vertexBuffer,i.shader.attributes.aVertexPosition,r.FLOAT,!1,8,0).addAttribute(i.uvBuffer,i.shader.attributes.aTextureCoord,r.FLOAT,!1,8,0),t._glDatas[e.CONTEXT_UID]=i),e.bindVao(i.vao),t.dirty!==i.dirty&&(i.dirty=t.dirty,i.uvBuffer.upload(t.uvs)),t.indexDirty!==i.indexDirty&&(i.indexDirty=t.indexDirty,i.indexBuffer.upload(t.indices)),i.vertexBuffer.upload(t.vertices),e.bindShader(i.shader),i.shader.uniforms.uSampler=e.bindTexture(n),e.state.setBlendMode(u.utils.correctBlendMode(t.blendMode,n.baseTexture.premultipliedAlpha)),i.shader.uniforms.uTransform&&(t.uploadUvTransform?i.shader.uniforms.uTransform=t._uvTransform.mapCoord.toArray(!0):i.shader.uniforms.uTransform=f.toArray(!0)),i.shader.uniforms.translationMatrix=t.worldTransform.toArray(!0),i.shader.uniforms.uColor=u.utils.premultiplyRgba(t.tintRgb,t.worldAlpha,i.shader.uniforms.uColor,n.baseTexture.premultipliedAlpha);var o=t.drawMode===d.default.DRAW_MODES.TRIANGLE_MESH?r.TRIANGLE_STRIP:r.TRIANGLES;i.vao.draw(o,t.indices.length,0)}},e}(u.ObjectRenderer);r.default=p,u.WebGLRenderer.registerPlugin("mesh",p)},{"../../core":65,"../Mesh":166,path:8,"pixi-gl-core":15}],173:[function(t,e,r){"use strict";function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function i(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}function o(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}r.__esModule=!0;var s=function(){function t(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,r,n){return r&&t(e.prototype,r),n&&t(e,n),e}}(),a=t("../core"),u=function(t){if(t&&t.__esModule)return t;var e={};if(null!=t)for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e.default=t,e}(a),h=t("../core/utils"),l=function(t){function e(){var r=arguments.length>0&&void 0!==arguments[0]?arguments[0]:1500,o=arguments[1],s=arguments.length>2&&void 0!==arguments[2]?arguments[2]:16384,a=arguments.length>3&&void 0!==arguments[3]&&arguments[3];n(this,e);var h=i(this,t.call(this));return s>16384&&(s=16384),s>r&&(s=r),h._properties=[!1,!0,!1,!1,!1],h._maxSize=r,h._batchSize=s,h._glBuffers={},h._bufferToUpdate=0,h.interactiveChildren=!1,h.blendMode=u.BLEND_MODES.NORMAL,h.autoResize=a,h.roundPixels=!0,h.baseTexture=null,h.setProperties(o),h._tint=0,h.tintRgb=new Float32Array(4),h.tint=16777215,h}return o(e,t),e.prototype.setProperties=function(t){t&&(this._properties[0]="scale"in t?!!t.scale:this._properties[0],this._properties[1]="position"in t?!!t.position:this._properties[1],this._properties[2]="rotation"in t?!!t.rotation:this._properties[2],this._properties[3]="uvs"in t?!!t.uvs:this._properties[3],this._properties[4]="alpha"in t||"tint"in t?!!t.alpha||!!t.tint:this._properties[4])},e.prototype.updateTransform=function(){this.displayObjectUpdateTransform()},e.prototype.renderWebGL=function(t){var e=this;this.visible&&!(this.worldAlpha<=0)&&this.children.length&&this.renderable&&(this.baseTexture||(this.baseTexture=this.children[0]._texture.baseTexture,this.baseTexture.hasLoaded||this.baseTexture.once("update",function(){return e.onChildrenChange(0)})),t.setObjectRenderer(t.plugins.particle),t.plugins.particle.render(this))},e.prototype.onChildrenChange=function(t){var e=Math.floor(t/this._batchSize);e<this._bufferToUpdate&&(this._bufferToUpdate=e)},e.prototype.renderCanvas=function(t){if(this.visible&&!(this.worldAlpha<=0)&&this.children.length&&this.renderable){var e=t.context,r=this.worldTransform,n=!0,i=0,o=0,s=0,a=0;t.setBlendMode(this.blendMode),e.globalAlpha=this.worldAlpha,this.displayObjectUpdateTransform();for(var u=0;u<this.children.length;++u){var h=this.children[u];if(h.visible){var l=h._texture.frame;if(e.globalAlpha=this.worldAlpha*h.alpha,h.rotation%(2*Math.PI)==0)n&&(e.setTransform(r.a,r.b,r.c,r.d,r.tx*t.resolution,r.ty*t.resolution),n=!1),i=h.anchor.x*(-l.width*h.scale.x)+h.position.x+.5,o=h.anchor.y*(-l.height*h.scale.y)+h.position.y+.5,s=l.width*h.scale.x,a=l.height*h.scale.y;else{n||(n=!0),h.displayObjectUpdateTransform();var c=h.worldTransform;t.roundPixels?e.setTransform(c.a,c.b,c.c,c.d,c.tx*t.resolution|0,c.ty*t.resolution|0):e.setTransform(c.a,c.b,c.c,c.d,c.tx*t.resolution,c.ty*t.resolution),i=h.anchor.x*-l.width+.5,o=h.anchor.y*-l.height+.5,s=l.width,a=l.height}var d=h._texture.baseTexture.resolution;e.drawImage(h._texture.baseTexture.source,l.x*d,l.y*d,l.width*d,l.height*d,i*t.resolution,o*t.resolution,s*t.resolution,a*t.resolution)}}}},e.prototype.destroy=function(e){if(t.prototype.destroy.call(this,e),this._buffers)for(var r=0;r<this._buffers.length;++r)this._buffers[r].destroy();this._properties=null,this._buffers=null},s(e,[{key:"tint",get:function(){return this._tint},set:function(t){this._tint=t,(0,h.hex2rgb)(t,this.tintRgb)}}]),e}(u.Container);r.default=l},{"../core":65,"../core/utils":124}],174:[function(t,e,r){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}r.__esModule=!0;var i=t("./ParticleContainer");Object.defineProperty(r,"ParticleContainer",{enumerable:!0,get:function(){return n(i).default}});var o=t("./webgl/ParticleRenderer");Object.defineProperty(r,"ParticleRenderer",{enumerable:!0,get:function(){return n(o).default}})},{"./ParticleContainer":173,"./webgl/ParticleRenderer":176}],175:[function(t,e,r){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}function i(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}r.__esModule=!0;var o=t("pixi-gl-core"),s=n(o),a=t("../../core/utils/createIndicesForQuads"),u=n(a),h=function(){function t(e,r,n,o){i(this,t),this.gl=e,this.size=o,this.dynamicProperties=[],this.staticProperties=[];for(var s=0;s<r.length;++s){var a=r[s];a={attribute:a.attribute,size:a.size,uploadFunction:a.uploadFunction,unsignedByte:a.unsignedByte,offset:a.offset},n[s]?this.dynamicProperties.push(a):this.staticProperties.push(a)}this.staticStride=0,this.staticBuffer=null,this.staticData=null,this.staticDataUint32=null,this.dynamicStride=0,this.dynamicBuffer=null,this.dynamicData=null,this.dynamicDataUint32=null,this.initBuffers()}return t.prototype.initBuffers=function(){var t=this.gl,e=0;this.indices=(0,u.default)(this.size),this.indexBuffer=s.default.GLBuffer.createIndexBuffer(t,this.indices,t.STATIC_DRAW),this.dynamicStride=0;for(var r=0;r<this.dynamicProperties.length;++r){var n=this.dynamicProperties[r];n.offset=e,e+=n.size,this.dynamicStride+=n.size}var i=new ArrayBuffer(this.size*this.dynamicStride*4*4);this.dynamicData=new Float32Array(i),this.dynamicDataUint32=new Uint32Array(i),this.dynamicBuffer=s.default.GLBuffer.createVertexBuffer(t,i,t.STREAM_DRAW);var o=0;this.staticStride=0;for(var a=0;a<this.staticProperties.length;++a){var h=this.staticProperties[a];h.offset=o,o+=h.size,this.staticStride+=h.size}var l=new ArrayBuffer(this.size*this.staticStride*4*4);this.staticData=new Float32Array(l),this.staticDataUint32=new Uint32Array(l),this.staticBuffer=s.default.GLBuffer.createVertexBuffer(t,l,t.STATIC_DRAW),this.vao=new s.default.VertexArrayObject(t).addIndex(this.indexBuffer);for(var c=0;c<this.dynamicProperties.length;++c){var d=this.dynamicProperties[c];d.unsignedByte?this.vao.addAttribute(this.dynamicBuffer,d.attribute,t.UNSIGNED_BYTE,!0,4*this.dynamicStride,4*d.offset):this.vao.addAttribute(this.dynamicBuffer,d.attribute,t.FLOAT,!1,4*this.dynamicStride,4*d.offset)}for(var f=0;f<this.staticProperties.length;++f){var p=this.staticProperties[f];p.unsignedByte?this.vao.addAttribute(this.staticBuffer,p.attribute,t.UNSIGNED_BYTE,!0,4*this.staticStride,4*p.offset):this.vao.addAttribute(this.staticBuffer,p.attribute,t.FLOAT,!1,4*this.staticStride,4*p.offset)}},t.prototype.uploadDynamic=function(t,e,r){for(var n=0;n<this.dynamicProperties.length;n++){var i=this.dynamicProperties[n];i.uploadFunction(t,e,r,i.unsignedByte?this.dynamicDataUint32:this.dynamicData,this.dynamicStride,i.offset)}this.dynamicBuffer.upload()},t.prototype.uploadStatic=function(t,e,r){for(var n=0;n<this.staticProperties.length;n++){var i=this.staticProperties[n];i.uploadFunction(t,e,r,i.unsignedByte?this.staticDataUint32:this.staticData,this.staticStride,i.offset)}this.staticBuffer.upload()},t.prototype.destroy=function(){this.dynamicProperties=null,this.dynamicData=null,this.dynamicBuffer.destroy(),this.staticProperties=null,this.staticData=null,this.staticBuffer.destroy()},t}();r.default=h},{"../../core/utils/createIndicesForQuads":122,"pixi-gl-core":15}],176:[function(t,e,r){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}function i(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function o(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}function s(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}r.__esModule=!0;var a=t("../../core"),u=function(t){if(t&&t.__esModule)return t;var e={};if(null!=t)for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e.default=t,e}(a),h=t("./ParticleShader"),l=n(h),c=t("./ParticleBuffer"),d=n(c),f=t("../../core/utils"),p=function(t){function e(r){i(this,e);var n=o(this,t.call(this,r));return n.shader=null,n.indexBuffer=null,n.properties=null,n.tempMatrix=new u.Matrix,n.CONTEXT_UID=0,n}return s(e,t),e.prototype.onContextChange=function(){var t=this.renderer.gl;this.CONTEXT_UID=this.renderer.CONTEXT_UID,this.shader=new l.default(t),this.properties=[{attribute:this.shader.attributes.aVertexPosition,size:2,uploadFunction:this.uploadVertices,offset:0},{attribute:this.shader.attributes.aPositionCoord,size:2,uploadFunction:this.uploadPosition,offset:0},{attribute:this.shader.attributes.aRotation,size:1,uploadFunction:this.uploadRotation,offset:0},{attribute:this.shader.attributes.aTextureCoord,size:2,uploadFunction:this.uploadUvs,offset:0},{attribute:this.shader.attributes.aColor,size:1,unsignedByte:!0,uploadFunction:this.uploadTint,offset:0}]},e.prototype.start=function(){this.renderer.bindShader(this.shader)},e.prototype.render=function(t){var e=t.children,r=t._maxSize,n=t._batchSize,i=this.renderer,o=e.length;if(0!==o){o>r&&(o=r);var s=t._glBuffers[i.CONTEXT_UID];s||(s=t._glBuffers[i.CONTEXT_UID]=this.generateBuffers(t));var a=e[0]._texture.baseTexture;this.renderer.setBlendMode(u.utils.correctBlendMode(t.blendMode,a.premultipliedAlpha));var h=i.gl,l=t.worldTransform.copy(this.tempMatrix);l.prepend(i._activeRenderTarget.projectionMatrix),this.shader.uniforms.projectionMatrix=l.toArray(!0),this.shader.uniforms.uColor=u.utils.premultiplyRgba(t.tintRgb,t.worldAlpha,this.shader.uniforms.uColor,a.premultipliedAlpha),this.shader.uniforms.uSampler=i.bindTexture(a);for(var c=0,d=0;c<o;c+=n,d+=1){var f=o-c;if(f>n&&(f=n),d>=s.length){if(!t.autoResize)break;s.push(this._generateOneMoreBuffer(t))}var p=s[d];p.uploadDynamic(e,c,f),t._bufferToUpdate===d&&(p.uploadStatic(e,c,f),t._bufferToUpdate=d+1),i.bindVao(p.vao),p.vao.draw(h.TRIANGLES,6*f)}}},e.prototype.generateBuffers=function(t){for(var e=this.renderer.gl,r=[],n=t._maxSize,i=t._batchSize,o=t._properties,s=0;s<n;s+=i)r.push(new d.default(e,this.properties,o,i));return r},e.prototype._generateOneMoreBuffer=function(t){var e=this.renderer.gl,r=t._batchSize,n=t._properties;return new d.default(e,this.properties,n,r)},e.prototype.uploadVertices=function(t,e,r,n,i,o){for(var s=0,a=0,u=0,h=0,l=0;l<r;++l){var c=t[e+l],d=c._texture,f=c.scale.x,p=c.scale.y,v=d.trim,y=d.orig;v?(a=v.x-c.anchor.x*y.width,s=a+v.width,h=v.y-c.anchor.y*y.height,u=h+v.height):(s=y.width*(1-c.anchor.x),a=y.width*-c.anchor.x,u=y.height*(1-c.anchor.y),h=y.height*-c.anchor.y),n[o]=a*f,n[o+1]=h*p,n[o+i]=s*f,n[o+i+1]=h*p,n[o+2*i]=s*f,n[o+2*i+1]=u*p,n[o+3*i]=a*f,n[o+3*i+1]=u*p,o+=4*i}},e.prototype.uploadPosition=function(t,e,r,n,i,o){for(var s=0;s<r;s++){var a=t[e+s].position;n[o]=a.x,n[o+1]=a.y,n[o+i]=a.x,n[o+i+1]=a.y,n[o+2*i]=a.x,n[o+2*i+1]=a.y,n[o+3*i]=a.x,n[o+3*i+1]=a.y,o+=4*i}},e.prototype.uploadRotation=function(t,e,r,n,i,o){for(var s=0;s<r;s++){var a=t[e+s].rotation;n[o]=a,n[o+i]=a,n[o+2*i]=a,n[o+3*i]=a,o+=4*i}},e.prototype.uploadUvs=function(t,e,r,n,i,o){for(var s=0;s<r;++s){var a=t[e+s]._texture._uvs;a?(n[o]=a.x0,n[o+1]=a.y0,n[o+i]=a.x1,n[o+i+1]=a.y1,n[o+2*i]=a.x2,n[o+2*i+1]=a.y2,n[o+3*i]=a.x3,n[o+3*i+1]=a.y3,o+=4*i):(n[o]=0,n[o+1]=0,n[o+i]=0,n[o+i+1]=0,n[o+2*i]=0,n[o+2*i+1]=0,n[o+3*i]=0,n[o+3*i+1]=0,o+=4*i)}},e.prototype.uploadTint=function(t,e,r,n,i,o){for(var s=0;s<r;++s){var a=t[e+s],u=a._texture.baseTexture.premultipliedAlpha,h=a.alpha,l=h<1&&u?(0,f.premultiplyTint)(a._tintRGB,h):a._tintRGB+(255*h<<24);n[o]=l,n[o+i]=l,n[o+2*i]=l,n[o+3*i]=l,o+=4*i}},e.prototype.destroy=function(){this.renderer.gl&&this.renderer.gl.deleteBuffer(this.indexBuffer),t.prototype.destroy.call(this),this.shader.destroy(),this.indices=null,this.tempMatrix=null},e}(u.ObjectRenderer);r.default=p,u.WebGLRenderer.registerPlugin("particle",p)},{"../../core":65,"../../core/utils":124,"./ParticleBuffer":175,"./ParticleShader":177}],177:[function(t,e,r){"use strict";function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function i(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}function o(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}r.__esModule=!0;var s=t("../../core/Shader"),a=function(t){return t&&t.__esModule?t:{default:t}}(s),u=function(t){function e(r){return n(this,e),i(this,t.call(this,r,["attribute vec2 aVertexPosition;","attribute vec2 aTextureCoord;","attribute vec4 aColor;","attribute vec2 aPositionCoord;","attribute vec2 aScale;","attribute float aRotation;","uniform mat3 projectionMatrix;","uniform vec4 uColor;","varying vec2 vTextureCoord;","varying vec4 vColor;","void main(void){","   vec2 v = aVertexPosition;","   v.x = (aVertexPosition.x) * cos(aRotation) - (aVertexPosition.y) * sin(aRotation);","   v.y = (aVertexPosition.x) * sin(aRotation) + (aVertexPosition.y) * cos(aRotation);","   v = v + aPositionCoord;","   gl_Position = vec4((projectionMatrix * vec3(v, 1.0)).xy, 0.0, 1.0);","   vTextureCoord = aTextureCoord;","   vColor = aColor * uColor;","}"].join("\n"),["varying vec2 vTextureCoord;","varying vec4 vColor;","uniform sampler2D uSampler;","void main(void){","  vec4 color = texture2D(uSampler, vTextureCoord) * vColor;","  if (color.a == 0.0) discard;","  gl_FragColor = color;","}"].join("\n")))}return o(e,t),e}(a.default);r.default=u},{"../../core/Shader":44}],178:[function(t,e,r){"use strict";Math.sign||(Math.sign=function(t){return t=Number(t),0===t||isNaN(t)?t:t>0?1:-1})},{}],179:[function(t,e,r){"use strict";var n=t("object-assign"),i=function(t){return t&&t.__esModule?t:{default:t}}(n);Object.assign||(Object.assign=i.default)},{"object-assign":6}],180:[function(t,e,r){"use strict";t("./Object.assign"),t("./requestAnimationFrame"),t("./Math.sign"),window.ArrayBuffer||(window.ArrayBuffer=Array),window.Float32Array||(window.Float32Array=Array),window.Uint32Array||(window.Uint32Array=Array),window.Uint16Array||(window.Uint16Array=Array)},{"./Math.sign":178,"./Object.assign":179,"./requestAnimationFrame":181}],181:[function(t,e,r){(function(t){"use strict";if(Date.now&&Date.prototype.getTime||(Date.now=function(){return(new Date).getTime()}),!t.performance||!t.performance.now){var e=Date.now();t.performance||(t.performance={}),t.performance.now=function(){return Date.now()-e}}for(var r=Date.now(),n=["ms","moz","webkit","o"],i=0;i<n.length&&!t.requestAnimationFrame;++i){var o=n[i];t.requestAnimationFrame=t[o+"RequestAnimationFrame"],t.cancelAnimationFrame=t[o+"CancelAnimationFrame"]||t[o+"CancelRequestAnimationFrame"]}t.requestAnimationFrame||(t.requestAnimationFrame=function(t){if("function"!=typeof t)throw new TypeError(t+"is not a function");var e=Date.now(),n=16+r-e;return n<0&&(n=0),r=e,setTimeout(function(){r=Date.now(),t(performance.now())},n)}),t.cancelAnimationFrame||(t.cancelAnimationFrame=function(t){return clearTimeout(t)})}).call(this,"undefined"!=typeof global?global:"undefined"!=typeof self?self:"undefined"!=typeof window?window:{})},{}],182:[function(t,e,r){"use strict";function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function i(t,e){var r=!1;if(t&&t._textures&&t._textures.length)for(var n=0;n<t._textures.length;n++)if(t._textures[n]instanceof d.Texture){var i=t._textures[n].baseTexture;-1===e.indexOf(i)&&(e.push(i),r=!0)}return r}function o(t,e){return t instanceof d.BaseTexture&&(-1===e.indexOf(t)&&e.push(t),!0)}function s(t,e){if(t._texture&&t._texture instanceof d.Texture){var r=t._texture.baseTexture;return-1===e.indexOf(r)&&e.push(r),!0}return!1}function a(t,e){return e instanceof d.Text&&(e.updateText(!0),!0)}function u(t,e){if(e instanceof d.TextStyle){var r=e.toFontString();return d.TextMetrics.measureFont(r),!0}return!1}function h(t,e){if(t instanceof d.Text){-1===e.indexOf(t.style)&&e.push(t.style),-1===e.indexOf(t)&&e.push(t);var r=t._texture.baseTexture;return-1===e.indexOf(r)&&e.push(r),!0}return!1}function l(t,e){return t instanceof d.TextStyle&&(-1===e.indexOf(t)&&e.push(t),!0)}r.__esModule=!0;var c=t("../core"),d=function(t){if(t&&t.__esModule)return t;var e={};if(null!=t)for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e.default=t,e}(c),f=t("./limiters/CountLimiter"),p=function(t){return t&&t.__esModule?t:{default:t}}(f),v=d.ticker.shared;d.settings.UPLOADS_PER_FRAME=4;var y=function(){function t(e){var r=this;n(this,t),this.limiter=new p.default(d.settings.UPLOADS_PER_FRAME),this.renderer=e,this.uploadHookHelper=null,this.queue=[],this.addHooks=[],this.uploadHooks=[],this.completes=[],this.ticking=!1,this.delayedTick=function(){r.queue&&r.prepareItems()},this.registerFindHook(h),this.registerFindHook(l),this.registerFindHook(i),this.registerFindHook(o),this.registerFindHook(s),this.registerUploadHook(a),this.registerUploadHook(u)}return t.prototype.upload=function(t,e){"function"==typeof t&&(e=t,t=null),t&&this.add(t),this.queue.length?(e&&this.completes.push(e),this.ticking||(this.ticking=!0,v.addOnce(this.tick,this,d.UPDATE_PRIORITY.UTILITY))):e&&e()},t.prototype.tick=function(){setTimeout(this.delayedTick,0)},t.prototype.prepareItems=function(){for(this.limiter.beginFrame();this.queue.length&&this.limiter.allowedToUpload();){var t=this.queue[0],e=!1;if(t&&!t._destroyed)for(var r=0,n=this.uploadHooks.length;r<n;r++)if(this.uploadHooks[r](this.uploadHookHelper,t)){this.queue.shift(),e=!0;break}e||this.queue.shift()}if(this.queue.length)v.addOnce(this.tick,this,d.UPDATE_PRIORITY.UTILITY);else{this.ticking=!1;var i=this.completes.slice(0);this.completes.length=0;for(var o=0,s=i.length;o<s;o++)i[o]()}},t.prototype.registerFindHook=function(t){return t&&this.addHooks.push(t),this},t.prototype.registerUploadHook=function(t){return t&&this.uploadHooks.push(t),this},t.prototype.add=function(t){for(var e=0,r=this.addHooks.length;e<r&&!this.addHooks[e](t,this.queue);e++);if(t instanceof d.Container)for(var n=t.children.length-1;n>=0;n--)this.add(t.children[n]);return this},t.prototype.destroy=function(){this.ticking&&v.remove(this.tick,this),this.ticking=!1,this.addHooks=null,
+this.uploadHooks=null,this.renderer=null,this.completes=null,this.queue=null,this.limiter=null,this.uploadHookHelper=null},t}();r.default=y},{"../core":65,"./limiters/CountLimiter":185}],183:[function(t,e,r){"use strict";function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function i(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}function o(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}function s(t,e){if(e instanceof u.BaseTexture){var r=e.source,n=0===r.width?t.canvas.width:Math.min(t.canvas.width,r.width),i=0===r.height?t.canvas.height:Math.min(t.canvas.height,r.height);return t.ctx.drawImage(r,0,0,n,i,0,0,t.canvas.width,t.canvas.height),!0}return!1}r.__esModule=!0;var a=t("../../core"),u=function(t){if(t&&t.__esModule)return t;var e={};if(null!=t)for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e.default=t,e}(a),h=t("../BasePrepare"),l=function(t){return t&&t.__esModule?t:{default:t}}(h),c=16,d=function(t){function e(r){n(this,e);var o=i(this,t.call(this,r));return o.uploadHookHelper=o,o.canvas=document.createElement("canvas"),o.canvas.width=c,o.canvas.height=c,o.ctx=o.canvas.getContext("2d"),o.registerUploadHook(s),o}return o(e,t),e.prototype.destroy=function(){t.prototype.destroy.call(this),this.ctx=null,this.canvas=null},e}(l.default);r.default=d,u.CanvasRenderer.registerPlugin("prepare",d)},{"../../core":65,"../BasePrepare":182}],184:[function(t,e,r){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}r.__esModule=!0;var i=t("./webgl/WebGLPrepare");Object.defineProperty(r,"webgl",{enumerable:!0,get:function(){return n(i).default}});var o=t("./canvas/CanvasPrepare");Object.defineProperty(r,"canvas",{enumerable:!0,get:function(){return n(o).default}});var s=t("./BasePrepare");Object.defineProperty(r,"BasePrepare",{enumerable:!0,get:function(){return n(s).default}});var a=t("./limiters/CountLimiter");Object.defineProperty(r,"CountLimiter",{enumerable:!0,get:function(){return n(a).default}});var u=t("./limiters/TimeLimiter");Object.defineProperty(r,"TimeLimiter",{enumerable:!0,get:function(){return n(u).default}})},{"./BasePrepare":182,"./canvas/CanvasPrepare":183,"./limiters/CountLimiter":185,"./limiters/TimeLimiter":186,"./webgl/WebGLPrepare":187}],185:[function(t,e,r){"use strict";function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}r.__esModule=!0;var i=function(){function t(e){n(this,t),this.maxItemsPerFrame=e,this.itemsLeft=0}return t.prototype.beginFrame=function(){this.itemsLeft=this.maxItemsPerFrame},t.prototype.allowedToUpload=function(){return this.itemsLeft-- >0},t}();r.default=i},{}],186:[function(t,e,r){"use strict";function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}r.__esModule=!0;var i=function(){function t(e){n(this,t),this.maxMilliseconds=e,this.frameStart=0}return t.prototype.beginFrame=function(){this.frameStart=Date.now()},t.prototype.allowedToUpload=function(){return Date.now()-this.frameStart<this.maxMilliseconds},t}();r.default=i},{}],187:[function(t,e,r){"use strict";function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function i(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}function o(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}function s(t,e){return e instanceof l.BaseTexture&&(e._glTextures[t.CONTEXT_UID]||t.textureManager.updateTexture(e),!0)}function a(t,e){return e instanceof l.Graphics&&((e.dirty||e.clearDirty||!e._webGL[t.plugins.graphics.CONTEXT_UID])&&t.plugins.graphics.updateGraphics(e),!0)}function u(t,e){return t instanceof l.Graphics&&(e.push(t),!0)}r.__esModule=!0;var h=t("../../core"),l=function(t){if(t&&t.__esModule)return t;var e={};if(null!=t)for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e.default=t,e}(h),c=t("../BasePrepare"),d=function(t){return t&&t.__esModule?t:{default:t}}(c),f=function(t){function e(r){n(this,e);var o=i(this,t.call(this,r));return o.uploadHookHelper=o.renderer,o.registerFindHook(u),o.registerUploadHook(s),o.registerUploadHook(a),o}return o(e,t),e}(d.default);r.default=f,l.WebGLRenderer.registerPlugin("prepare",f)},{"../../core":65,"../BasePrepare":182}],188:[function(t,e,r){(function(e){"use strict";function n(t){if(t&&t.__esModule)return t;var e={};if(null!=t)for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e.default=t,e}r.__esModule=!0,r.loader=r.prepare=r.particles=r.mesh=r.loaders=r.interaction=r.filters=r.extras=r.extract=r.accessibility=void 0;var i=t("./polyfill");Object.keys(i).forEach(function(t){"default"!==t&&"__esModule"!==t&&Object.defineProperty(r,t,{enumerable:!0,get:function(){return i[t]}})});var o=t("./core");Object.keys(o).forEach(function(t){"default"!==t&&"__esModule"!==t&&Object.defineProperty(r,t,{enumerable:!0,get:function(){return o[t]}})});var s=t("./deprecation"),a=function(t){return t&&t.__esModule?t:{default:t}}(s),u=t("./accessibility"),h=n(u),l=t("./extract"),c=n(l),d=t("./extras"),f=n(d),p=t("./filters"),v=n(p),y=t("./interaction"),g=n(y),m=t("./loaders"),_=n(m),b=t("./mesh"),x=n(b),T=t("./particles"),w=n(T),E=t("./prepare"),S=n(E);o.utils.mixins.performMixins();var O=_.shared||null;r.accessibility=h,r.extract=c,r.extras=f,r.filters=v,r.interaction=g,r.loaders=_,r.mesh=x,r.particles=w,r.prepare=S,r.loader=O,"function"==typeof a.default&&(0,a.default)(r),e.PIXI=r}).call(this,"undefined"!=typeof global?global:"undefined"!=typeof self?self:"undefined"!=typeof window?window:{})},{"./accessibility":42,"./core":65,"./deprecation":130,"./extract":132,"./extras":141,"./filters":152,"./interaction":159,"./loaders":162,"./mesh":171,"./particles":174,"./polyfill":180,"./prepare":184}]},{},[188])(188)});
+//# sourceMappingURL=pixi.min.js.map
diff --git a/lib/polyfills.js b/lib/polyfills.js
index 4767a2b1..0b2df68b 100644
--- a/lib/polyfills.js
+++ b/lib/polyfills.js
@@ -26,6 +26,24 @@ Array.prototype.swap = function (x,y) {
   return this;
 }
 
+if (!String.prototype.splice) {
+    /**
+     * {JSDoc}
+     *
+     * The splice() method changes the content of a string by removing a range of
+     * characters and/or adding new characters.
+     *
+     * @this {String}
+     * @param {number} start Index at which to start changing the string.
+     * @param {number} delCount An integer indicating the number of old chars to remove.
+     * @param {string} newSubStr The String that is spliced in.
+     * @return {string} A new string with the spliced substring.
+     */
+    String.prototype.splice = function(start, delCount, newSubStr) {
+        return this.slice(0, start) + newSubStr + this.slice(start + Math.abs(delCount));
+    };
+}
+
 // Production steps of ECMA-262, Edition 5, 15.4.4.18
 // Reference: http://es5.github.io/#x15.4.4.18
 if (!Array.prototype.forEachBackwards) {
@@ -142,33 +160,6 @@ Object.defineProperty(Array.prototype, "equals", {enumerable: false});
     })();
 //}
 
-var BrowserDetect = (function () {
-
-    var browserDetectionUtils = { };
-
-    browserDetectionUtils.isFirefox = 
-        navigator.userAgent.search("Firefox");
-
-    browserDetectionUtils.isSafari = 
-        navigator.appVersion.search('Safari') != -1 
-     && navigator.appVersion.search('Chrome') == -1 
-     && navigator.appVersion.search('CrMo') == -1 
-     && navigator.appVersion.search('CriOS') == -1;
-
-    browserDetectionUtils.isIe = (
-        navigator.userAgent.toLowerCase().indexOf("msie") != -1 
-     || navigator.userAgent.toLowerCase().indexOf("trident") != -1 );
-
-    browserDetectionUtils.isChrome = 
-        /Chrome/.test(navigator.userAgent) && /Google Inc/.test(navigator.vendor);
-
-    browserDetectionUtils.inMobileMode =
-        /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
-
-    return browserDetectionUtils;
-    
-})();
-
 //http://stackoverflow.com/questions/5306680/move-an-array-element-from-one-array-position-to-another
 Array.prototype.move = function (old_index, new_index) {
     if (new_index >= this.length) {
@@ -230,6 +221,48 @@ if (!Array.prototype.includes) {
   });
 }
 
+Element.prototype.remove = function() {
+    this.parentElement.removeChild(this);
+}
+NodeList.prototype.remove = HTMLCollection.prototype.remove = function() {
+    for(var i = this.length - 1; i >= 0; i--) {
+        if(this[i] && this[i].parentElement) {
+            this[i].parentElement.removeChild(this[i]);
+        }
+    }
+}
+
+//////////////////////////////////////////////////
+// BELOW ARE NOT POLYFILLS PLEASE MOVE ELSEWHERE//
+//////////////////////////////////////////////////
+
+var BrowserDetect = (function () {
+
+    var browserDetectionUtils = { };
+
+    browserDetectionUtils.isFirefox = 
+        navigator.userAgent.search("Firefox");
+
+    browserDetectionUtils.isSafari = 
+        navigator.appVersion.search('Safari') != -1 
+     && navigator.appVersion.search('Chrome') == -1 
+     && navigator.appVersion.search('CrMo') == -1 
+     && navigator.appVersion.search('CriOS') == -1;
+
+    browserDetectionUtils.isIe = (
+        navigator.userAgent.toLowerCase().indexOf("msie") != -1 
+     || navigator.userAgent.toLowerCase().indexOf("trident") != -1 );
+
+    browserDetectionUtils.isChrome = 
+        /Chrome/.test(navigator.userAgent) && /Google Inc/.test(navigator.vendor);
+
+    browserDetectionUtils.inMobileMode =
+        /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
+
+    return browserDetectionUtils;
+    
+})();
+
 var isSafari = navigator.appVersion.search('Safari') != -1 && navigator.appVersion.search('Chrome') == -1 && navigator.appVersion.search('CrMo') == -1 && navigator.appVersion.search('CriOS') == -1;
 var isIe = (navigator.userAgent.toLowerCase().indexOf("msie") != -1 || navigator.userAgent.toLowerCase().indexOf("trident") != -1);
 var isChrome = /chrome/.test( navigator.userAgent.toLowerCase() );
@@ -304,17 +337,6 @@ function rotate_point(pointX, pointY, originX, originY, angle) {
   };
 }
 
-Element.prototype.remove = function() {
-    this.parentElement.removeChild(this);
-}
-NodeList.prototype.remove = HTMLCollection.prototype.remove = function() {
-    for(var i = this.length - 1; i >= 0; i--) {
-        if(this[i] && this[i].parentElement) {
-            this[i].parentElement.removeChild(this[i]);
-        }
-    }
-}
-
 // http://stackoverflow.com/questions/9705123/how-can-i-get-sin-cos-and-tan-to-use-degrees-instead-of-radians
 function toRadians (angle) {
   return angle * (Math.PI / 180);
@@ -572,16 +594,25 @@ function getAllGoogleFonts () {
   return GOOGLE_FONTS;
 }
 
-function loadGoogleFonts (fontFamilyArray, callback) {
+function loadGoogleFonts (fontFamilyArray, callback, failedCallback) {
   if(fontFamilyArray.length === 0) return;
   WebFont.load({
     google: {
       families: fontFamilyArray,
     },
+    //what should be done if this function succeeds?
     active: callback,
+    //what should be done if this function fails?
+    inactive: (failedCallback == undefined)
+    ? function () {
+        //provide a default value for failedCallback so it doesn't always have to be defined
+        console.log("Font(s) \'"+fontFamilyArray+"\' could not be loaded.");
+        wickEditor.alertbox.showMessage("Loading failed.", 3000);
+    }
+    : failedCallback,
   });
 }
-
+    
 // https://stackoverflow.com/questions/20958078/resize-a-base-64-image-in-javascript-without-using-canvas
 // Takes a data URI and returns the Data URI corresponding to the resized image at the wanted size.
 function resizedataURL(datas, wantedWidth, wantedHeight, callback, jpeg)
diff --git a/lib/potrace.js b/lib/potrace.js
index 2ac911f6..eeccab27 100644
--- a/lib/potrace.js
+++ b/lib/potrace.js
@@ -175,7 +175,7 @@ var Potrace = function() {
     var l = imgdataobj.data.length, i, j, color;
     for (i = 0, j = 0; i < l; i += 4, j++) {
       // zrispo - transparency lower that a certain threshold sets color to 0.
-      var alphaThreshold = 50;
+      var alphaThreshold = 100;
       if(imgdataobj.data[i+3] < alphaThreshold) {
         bm.data[j] = 0;
       } else {
diff --git a/lib/spectrum.css b/lib/spectrum.css
index 33c4a1e0..559d15e5 100644
--- a/lib/spectrum.css
+++ b/lib/spectrum.css
@@ -86,7 +86,7 @@ License: MIT
     width: 6px;
     left: 50%;
     cursor: pointer;
-    border: 1px solid black;
+    border: 2px solid black;
     background: white;
     opacity: .8;
 }
@@ -99,7 +99,6 @@ License: MIT
     height: 8px;
 }
 .sp-alpha-inner {
-    border: solid 1px #333;
 }
 
 .sp-clear {
@@ -216,7 +215,7 @@ License: MIT
 /* Clearfix hack */
 .sp-cf:before, .sp-cf:after { content: ""; display: table; }
 .sp-cf:after { clear: both; }
-.sp-cf { *zoom: 1; border-radius: 3px; }
+.sp-cf { *zoom: 1;border-radius: 3px;}
 
 /* Mobile devices, make hue slider bigger so it is easier to slide */
 @media (max-device-width: 480px) {
@@ -228,8 +227,8 @@ License: MIT
    border-radius: 5px;
    height: 5px;
    width: 5px;
-   border: 1px solid #fff;
-   background: #000;
+   border: 2px solid black;
+   background: white;
    cursor: pointer;
    position:absolute;
    top:0;
@@ -242,7 +241,7 @@ License: MIT
     height: 3px;
     left: -1px;
     right: -1px;
-    border: 1px solid #000;
+    border: 2px solid #000;
     background: white;
     opacity: .8;
 }
@@ -260,7 +259,7 @@ See http://bgrins.github.io/spectrum/themes/ for instructions.
     padding: 0;
 }
 .sp-container, .sp-container button, .sp-container input, .sp-color, .sp-hue, .sp-clear {
-    font: normal 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
+    font: var(--ui-font);
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     -ms-box-sizing: border-box;
@@ -269,9 +268,7 @@ See http://bgrins.github.io/spectrum/themes/ for instructions.
 .sp-top {
     margin-bottom: 3px;
 }
-.sp-color, .sp-hue, .sp-clear {
-    border: solid 1px #666;
-}
+.sp-color, .sp-hue, .sp-clear {box-shadow: var(--ui-shadow1);}
 
 /* Input */
 .sp-input-container {
@@ -284,13 +281,13 @@ See http://bgrins.github.io/spectrum/themes/ for instructions.
 }
 .sp-input {
    font-size: 12px !important;
-   border: 1px inset;
-   padding: 4px 5px;
-   margin: 0;
-   width: 100%;
-   background:#FFF;
+   border: 0px inset;
+   padding: 3px 5px;
+   margin-left: 5px;
+   width: 95%;
+   background: var(--ui-white);
    border-radius: 3px;
-   color: #222;
+   color: var(--ui-black);
 }
 .sp-input:focus  {
     border: 1px solid orange;
@@ -302,12 +299,12 @@ See http://bgrins.github.io/spectrum/themes/ for instructions.
 .sp-picker-container , .sp-palette-container {
     float:left;
     position: relative;
-    padding: 10px;
+    padding: 5px;
     padding-bottom: 300px;
     margin-bottom: -290px;
 }
 .sp-picker-container {
-    width: 172px;
+    width: 162px;
     border-left: solid 1px #fff;
 }
 
@@ -343,8 +340,8 @@ See http://bgrins.github.io/spectrum/themes/ for instructions.
     border: solid 1px #333;
 }
 .sp-initial span {
-    width: 30px;
-    height: 25px;
+    width: 20px;
+    height: 20px;
     border:none;
     display:block;
     float:left;
@@ -412,7 +409,7 @@ See http://bgrins.github.io/spectrum/themes/ for instructions.
     width: 16px;
     height: 16px;
     margin:2px 1px;
-    border: solid 1px #AAA;
+    box-shadow: 0px 2px 7px #000000a6;
 }
 
 .sp-container {
diff --git a/lib/spectrum.js b/lib/spectrum.js
index 2b2aa99a..c0f3a0f5 100644
--- a/lib/spectrum.js
+++ b/lib/spectrum.js
@@ -32,7 +32,7 @@
         flat: false,
         showInput: false,
         allowEmpty: false,
-        showButtons: true,
+        showButtons: false,
         clickoutFiresChange: true,
         showInitial: false,
         showPalette: false,
diff --git a/lib/webfont.js b/lib/webfont.js
new file mode 100644
index 00000000..3e95a6cf
--- /dev/null
+++ b/lib/webfont.js
@@ -0,0 +1,33 @@
+/*
+ * Copyright 2016 Small Batch, Inc.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License"); you may not
+ * use this file except in compliance with the License. You may obtain a copy of
+ * the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
+ * License for the specific language governing permissions and limitations under
+ * the License.
+ */
+/* Web Font Loader v1.6.26 - (c) Adobe Systems, Google. License: Apache 2.0 */(function(){function aa(a,b,c){return a.call.apply(a.bind,arguments)}function ba(a,b,c){if(!a)throw Error();if(2<arguments.length){var d=Array.prototype.slice.call(arguments,2);return function(){var c=Array.prototype.slice.call(arguments);Array.prototype.unshift.apply(c,d);return a.apply(b,c)}}return function(){return a.apply(b,arguments)}}function p(a,b,c){p=Function.prototype.bind&&-1!=Function.prototype.bind.toString().indexOf("native code")?aa:ba;return p.apply(null,arguments)}var q=Date.now||function(){return+new Date};function ca(a,b){this.a=a;this.m=b||a;this.c=this.m.document}var da=!!window.FontFace;function t(a,b,c,d){b=a.c.createElement(b);if(c)for(var e in c)c.hasOwnProperty(e)&&("style"==e?b.style.cssText=c[e]:b.setAttribute(e,c[e]));d&&b.appendChild(a.c.createTextNode(d));return b}function u(a,b,c){a=a.c.getElementsByTagName(b)[0];a||(a=document.documentElement);a.insertBefore(c,a.lastChild)}function v(a){a.parentNode&&a.parentNode.removeChild(a)}
+function w(a,b,c){b=b||[];c=c||[];for(var d=a.className.split(/\s+/),e=0;e<b.length;e+=1){for(var f=!1,g=0;g<d.length;g+=1)if(b[e]===d[g]){f=!0;break}f||d.push(b[e])}b=[];for(e=0;e<d.length;e+=1){f=!1;for(g=0;g<c.length;g+=1)if(d[e]===c[g]){f=!0;break}f||b.push(d[e])}a.className=b.join(" ").replace(/\s+/g," ").replace(/^\s+|\s+$/,"")}function y(a,b){for(var c=a.className.split(/\s+/),d=0,e=c.length;d<e;d++)if(c[d]==b)return!0;return!1}
+function z(a){if("string"===typeof a.f)return a.f;var b=a.m.location.protocol;"about:"==b&&(b=a.a.location.protocol);return"https:"==b?"https:":"http:"}function ea(a){return a.m.location.hostname||a.a.location.hostname}
+function A(a,b,c){function d(){k&&e&&f&&(k(g),k=null)}b=t(a,"link",{rel:"stylesheet",href:b,media:"all"});var e=!1,f=!0,g=null,k=c||null;da?(b.onload=function(){e=!0;d()},b.onerror=function(){e=!0;g=Error("Stylesheet failed to load");d()}):setTimeout(function(){e=!0;d()},0);u(a,"head",b)}
+function B(a,b,c,d){var e=a.c.getElementsByTagName("head")[0];if(e){var f=t(a,"script",{src:b}),g=!1;f.onload=f.onreadystatechange=function(){g||this.readyState&&"loaded"!=this.readyState&&"complete"!=this.readyState||(g=!0,c&&c(null),f.onload=f.onreadystatechange=null,"HEAD"==f.parentNode.tagName&&e.removeChild(f))};e.appendChild(f);setTimeout(function(){g||(g=!0,c&&c(Error("Script load timeout")))},d||5E3);return f}return null};function C(){this.a=0;this.c=null}function D(a){a.a++;return function(){a.a--;E(a)}}function F(a,b){a.c=b;E(a)}function E(a){0==a.a&&a.c&&(a.c(),a.c=null)};function G(a){this.a=a||"-"}G.prototype.c=function(a){for(var b=[],c=0;c<arguments.length;c++)b.push(arguments[c].replace(/[\W_]+/g,"").toLowerCase());return b.join(this.a)};function H(a,b){this.c=a;this.f=4;this.a="n";var c=(b||"n4").match(/^([nio])([1-9])$/i);c&&(this.a=c[1],this.f=parseInt(c[2],10))}function fa(a){return I(a)+" "+(a.f+"00")+" 300px "+J(a.c)}function J(a){var b=[];a=a.split(/,\s*/);for(var c=0;c<a.length;c++){var d=a[c].replace(/['"]/g,"");-1!=d.indexOf(" ")||/^\d/.test(d)?b.push("'"+d+"'"):b.push(d)}return b.join(",")}function K(a){return a.a+a.f}function I(a){var b="normal";"o"===a.a?b="oblique":"i"===a.a&&(b="italic");return b}
+function ga(a){var b=4,c="n",d=null;a&&((d=a.match(/(normal|oblique|italic)/i))&&d[1]&&(c=d[1].substr(0,1).toLowerCase()),(d=a.match(/([1-9]00|normal|bold)/i))&&d[1]&&(/bold/i.test(d[1])?b=7:/[1-9]00/.test(d[1])&&(b=parseInt(d[1].substr(0,1),10))));return c+b};function ha(a,b){this.c=a;this.f=a.m.document.documentElement;this.h=b;this.a=new G("-");this.j=!1!==b.events;this.g=!1!==b.classes}function ia(a){a.g&&w(a.f,[a.a.c("wf","loading")]);L(a,"loading")}function M(a){if(a.g){var b=y(a.f,a.a.c("wf","active")),c=[],d=[a.a.c("wf","loading")];b||c.push(a.a.c("wf","inactive"));w(a.f,c,d)}L(a,"inactive")}function L(a,b,c){if(a.j&&a.h[b])if(c)a.h[b](c.c,K(c));else a.h[b]()};function ja(){this.c={}}function ka(a,b,c){var d=[],e;for(e in b)if(b.hasOwnProperty(e)){var f=a.c[e];f&&d.push(f(b[e],c))}return d};function N(a,b){this.c=a;this.f=b;this.a=t(this.c,"span",{"aria-hidden":"true"},this.f)}function O(a){u(a.c,"body",a.a)}function P(a){return"display:block;position:absolute;top:-9999px;left:-9999px;font-size:300px;width:auto;height:auto;line-height:normal;margin:0;padding:0;font-variant:normal;white-space:nowrap;font-family:"+J(a.c)+";"+("font-style:"+I(a)+";font-weight:"+(a.f+"00")+";")};function Q(a,b,c,d,e,f){this.g=a;this.j=b;this.a=d;this.c=c;this.f=e||3E3;this.h=f||void 0}Q.prototype.start=function(){var a=this.c.m.document,b=this,c=q(),d=new Promise(function(d,e){function k(){q()-c>=b.f?e():a.fonts.load(fa(b.a),b.h).then(function(a){1<=a.length?d():setTimeout(k,25)},function(){e()})}k()}),e=new Promise(function(a,d){setTimeout(d,b.f)});Promise.race([e,d]).then(function(){b.g(b.a)},function(){b.j(b.a)})};function R(a,b,c,d,e,f,g){this.v=a;this.B=b;this.c=c;this.a=d;this.s=g||"BESbswy";this.f={};this.w=e||3E3;this.u=f||null;this.o=this.j=this.h=this.g=null;this.g=new N(this.c,this.s);this.h=new N(this.c,this.s);this.j=new N(this.c,this.s);this.o=new N(this.c,this.s);a=new H(this.a.c+",serif",K(this.a));a=P(a);this.g.a.style.cssText=a;a=new H(this.a.c+",sans-serif",K(this.a));a=P(a);this.h.a.style.cssText=a;a=new H("serif",K(this.a));a=P(a);this.j.a.style.cssText=a;a=new H("sans-serif",K(this.a));a=
+P(a);this.o.a.style.cssText=a;O(this.g);O(this.h);O(this.j);O(this.o)}var S={D:"serif",C:"sans-serif"},T=null;function U(){if(null===T){var a=/AppleWebKit\/([0-9]+)(?:\.([0-9]+))/.exec(window.navigator.userAgent);T=!!a&&(536>parseInt(a[1],10)||536===parseInt(a[1],10)&&11>=parseInt(a[2],10))}return T}R.prototype.start=function(){this.f.serif=this.j.a.offsetWidth;this.f["sans-serif"]=this.o.a.offsetWidth;this.A=q();la(this)};
+function ma(a,b,c){for(var d in S)if(S.hasOwnProperty(d)&&b===a.f[S[d]]&&c===a.f[S[d]])return!0;return!1}function la(a){var b=a.g.a.offsetWidth,c=a.h.a.offsetWidth,d;(d=b===a.f.serif&&c===a.f["sans-serif"])||(d=U()&&ma(a,b,c));d?q()-a.A>=a.w?U()&&ma(a,b,c)&&(null===a.u||a.u.hasOwnProperty(a.a.c))?V(a,a.v):V(a,a.B):na(a):V(a,a.v)}function na(a){setTimeout(p(function(){la(this)},a),50)}function V(a,b){setTimeout(p(function(){v(this.g.a);v(this.h.a);v(this.j.a);v(this.o.a);b(this.a)},a),0)};function W(a,b,c){this.c=a;this.a=b;this.f=0;this.o=this.j=!1;this.s=c}var X=null;W.prototype.g=function(a){var b=this.a;b.g&&w(b.f,[b.a.c("wf",a.c,K(a).toString(),"active")],[b.a.c("wf",a.c,K(a).toString(),"loading"),b.a.c("wf",a.c,K(a).toString(),"inactive")]);L(b,"fontactive",a);this.o=!0;oa(this)};
+W.prototype.h=function(a){var b=this.a;if(b.g){var c=y(b.f,b.a.c("wf",a.c,K(a).toString(),"active")),d=[],e=[b.a.c("wf",a.c,K(a).toString(),"loading")];c||d.push(b.a.c("wf",a.c,K(a).toString(),"inactive"));w(b.f,d,e)}L(b,"fontinactive",a);oa(this)};function oa(a){0==--a.f&&a.j&&(a.o?(a=a.a,a.g&&w(a.f,[a.a.c("wf","active")],[a.a.c("wf","loading"),a.a.c("wf","inactive")]),L(a,"active")):M(a.a))};function pa(a){this.j=a;this.a=new ja;this.h=0;this.f=this.g=!0}pa.prototype.load=function(a){this.c=new ca(this.j,a.context||this.j);this.g=!1!==a.events;this.f=!1!==a.classes;qa(this,new ha(this.c,a),a)};
+function ra(a,b,c,d,e){var f=0==--a.h;(a.f||a.g)&&setTimeout(function(){var a=e||null,k=d||null||{};if(0===c.length&&f)M(b.a);else{b.f+=c.length;f&&(b.j=f);var h,m=[];for(h=0;h<c.length;h++){var l=c[h],n=k[l.c],r=b.a,x=l;r.g&&w(r.f,[r.a.c("wf",x.c,K(x).toString(),"loading")]);L(r,"fontloading",x);r=null;null===X&&(X=window.FontFace?(x=/Gecko.*Firefox\/(\d+)/.exec(window.navigator.userAgent))?42<parseInt(x[1],10):!0:!1);X?r=new Q(p(b.g,b),p(b.h,b),b.c,l,b.s,n):r=new R(p(b.g,b),p(b.h,b),b.c,l,b.s,a,
+n);m.push(r)}for(h=0;h<m.length;h++)m[h].start()}},0)}function qa(a,b,c){var d=[],e=c.timeout;ia(b);var d=ka(a.a,c,a.c),f=new W(a.c,b,e);a.h=d.length;b=0;for(c=d.length;b<c;b++)d[b].load(function(b,d,c){ra(a,f,b,d,c)})};function sa(a,b){this.c=a;this.a=b}function ta(a,b,c){var d=z(a.c);a=(a.a.api||"fast.fonts.net/jsapi").replace(/^.*http(s?):(\/\/)?/,"");return d+"//"+a+"/"+b+".js"+(c?"?v="+c:"")}
+sa.prototype.load=function(a){function b(){if(f["__mti_fntLst"+d]){var c=f["__mti_fntLst"+d](),e=[],h;if(c)for(var m=0;m<c.length;m++){var l=c[m].fontfamily;void 0!=c[m].fontStyle&&void 0!=c[m].fontWeight?(h=c[m].fontStyle+c[m].fontWeight,e.push(new H(l,h))):e.push(new H(l))}a(e)}else setTimeout(function(){b()},50)}var c=this,d=c.a.projectId,e=c.a.version;if(d){var f=c.c.m;B(this.c,ta(c,d,e),function(e){e?a([]):(f["__MonotypeConfiguration__"+d]=function(){return c.a},b())}).id="__MonotypeAPIScript__"+
+d}else a([])};function ua(a,b){this.c=a;this.a=b}ua.prototype.load=function(a){var b,c,d=this.a.urls||[],e=this.a.families||[],f=this.a.testStrings||{},g=new C;b=0;for(c=d.length;b<c;b++)A(this.c,d[b],D(g));var k=[];b=0;for(c=e.length;b<c;b++)if(d=e[b].split(":"),d[1])for(var h=d[1].split(","),m=0;m<h.length;m+=1)k.push(new H(d[0],h[m]));else k.push(new H(d[0]));F(g,function(){a(k,f)})};function va(a,b,c){a?this.c=a:this.c=b+wa;this.a=[];this.f=[];this.g=c||""}var wa="//fonts.googleapis.com/css";function xa(a,b){for(var c=b.length,d=0;d<c;d++){var e=b[d].split(":");3==e.length&&a.f.push(e.pop());var f="";2==e.length&&""!=e[1]&&(f=":");a.a.push(e.join(f))}}
+function ya(a){if(0==a.a.length)throw Error("No fonts to load!");if(-1!=a.c.indexOf("kit="))return a.c;for(var b=a.a.length,c=[],d=0;d<b;d++)c.push(a.a[d].replace(/ /g,"+"));b=a.c+"?family="+c.join("%7C");0<a.f.length&&(b+="&subset="+a.f.join(","));0<a.g.length&&(b+="&text="+encodeURIComponent(a.g));return b};function za(a){this.f=a;this.a=[];this.c={}}
+var Aa={latin:"BESbswy","latin-ext":"\u00e7\u00f6\u00fc\u011f\u015f",cyrillic:"\u0439\u044f\u0416",greek:"\u03b1\u03b2\u03a3",khmer:"\u1780\u1781\u1782",Hanuman:"\u1780\u1781\u1782"},Ba={thin:"1",extralight:"2","extra-light":"2",ultralight:"2","ultra-light":"2",light:"3",regular:"4",book:"4",medium:"5","semi-bold":"6",semibold:"6","demi-bold":"6",demibold:"6",bold:"7","extra-bold":"8",extrabold:"8","ultra-bold":"8",ultrabold:"8",black:"9",heavy:"9",l:"3",r:"4",b:"7"},Ca={i:"i",italic:"i",n:"n",normal:"n"},
+Da=/^(thin|(?:(?:extra|ultra)-?)?light|regular|book|medium|(?:(?:semi|demi|extra|ultra)-?)?bold|black|heavy|l|r|b|[1-9]00)?(n|i|normal|italic)?$/;
+function Ea(a){for(var b=a.f.length,c=0;c<b;c++){var d=a.f[c].split(":"),e=d[0].replace(/\+/g," "),f=["n4"];if(2<=d.length){var g;var k=d[1];g=[];if(k)for(var k=k.split(","),h=k.length,m=0;m<h;m++){var l;l=k[m];if(l.match(/^[\w-]+$/)){var n=Da.exec(l.toLowerCase());if(null==n)l="";else{l=n[2];l=null==l||""==l?"n":Ca[l];n=n[1];if(null==n||""==n)n="4";else var r=Ba[n],n=r?r:isNaN(n)?"4":n.substr(0,1);l=[l,n].join("")}}else l="";l&&g.push(l)}0<g.length&&(f=g);3==d.length&&(d=d[2],g=[],d=d?d.split(","):
+g,0<d.length&&(d=Aa[d[0]])&&(a.c[e]=d))}a.c[e]||(d=Aa[e])&&(a.c[e]=d);for(d=0;d<f.length;d+=1)a.a.push(new H(e,f[d]))}};function Fa(a,b){this.c=a;this.a=b}var Ga={Arimo:!0,Cousine:!0,Tinos:!0};Fa.prototype.load=function(a){var b=new C,c=this.c,d=new va(this.a.api,z(c),this.a.text),e=this.a.families;xa(d,e);var f=new za(e);Ea(f);A(c,ya(d),D(b));F(b,function(){a(f.a,f.c,Ga)})};function Ha(a,b){this.c=a;this.a=b}Ha.prototype.load=function(a){var b=this.a.id,c=this.c.m;b?B(this.c,(this.a.api||"https://use.typekit.net")+"/"+b+".js",function(b){if(b)a([]);else if(c.Typekit&&c.Typekit.config&&c.Typekit.config.fn){b=c.Typekit.config.fn;for(var e=[],f=0;f<b.length;f+=2)for(var g=b[f],k=b[f+1],h=0;h<k.length;h++)e.push(new H(g,k[h]));try{c.Typekit.load({events:!1,classes:!1,async:!0})}catch(m){}a(e)}},2E3):a([])};function Ia(a,b){this.c=a;this.f=b;this.a=[]}Ia.prototype.load=function(a){var b=this.f.id,c=this.c.m,d=this;b?(c.__webfontfontdeckmodule__||(c.__webfontfontdeckmodule__={}),c.__webfontfontdeckmodule__[b]=function(b,c){for(var g=0,k=c.fonts.length;g<k;++g){var h=c.fonts[g];d.a.push(new H(h.name,ga("font-weight:"+h.weight+";font-style:"+h.style)))}a(d.a)},B(this.c,z(this.c)+(this.f.api||"//f.fontdeck.com/s/css/js/")+ea(this.c)+"/"+b+".js",function(b){b&&a([])})):a([])};var Y=new pa(window);Y.a.c.custom=function(a,b){return new ua(b,a)};Y.a.c.fontdeck=function(a,b){return new Ia(b,a)};Y.a.c.monotype=function(a,b){return new sa(b,a)};Y.a.c.typekit=function(a,b){return new Ha(b,a)};Y.a.c.google=function(a,b){return new Fa(b,a)};var Z={load:p(Y.load,Y)};"function"===typeof define&&define.amd?define(function(){return Z}):"undefined"!==typeof module&&module.exports?module.exports=Z:(window.WebFont=Z,window.WebFontConfig&&Y.load(window.WebFontConfig));}());
diff --git a/player.html b/player.html
index 7cdfba66..48433808 100644
--- a/player.html
+++ b/player.html
@@ -669,15 +669,24 @@
   return GOOGLE_FONTS;
 }
 
-function loadGoogleFonts (fontFamilyArray, callback) {
+function loadGoogleFonts (fontFamilyArray, callback, failedCallback) {
   if(fontFamilyArray.length === 0) return;
   WebFont.load({
     google: {
       families: fontFamilyArray,
     },
+    //what should be done if this function succeeds?
     active: callback,
+    //what should be done if this function fails?
+    inactive: (failedCallback == undefined)
+    ? function () {
+        //provide a default value for failedCallback so it doesn't always have to be defined
+        console.log("Font(s) \'"+fontFamilyArray+"\' could not be loaded.");
+    }
+    : failedCallback,
   });
 }
+    
 </script>
 <script>// https://www.npmjs.com/package/keycode
 // Original key mappings lifted from http://jsfiddle.net/vWx8V/ via http://stackoverflow.com/questions/5603195/full-list-of-javascript-keycodes
@@ -6516,8 +6525,17 @@
     var self = this;
     var fontsInProject = [];
     self.getAllObjects().forEach(function (o) {
-        if(o.isText)
-            fontsInProject.push(o.textData.fontFamily);
+        if(o.isText) {
+            //these variables will be attached to the font name in the WebFont Importer
+            var weight = ":"+o.textData.fontWeight;
+            var italic = (o.textData.fontStyle == "italic") ? 'i' : '';
+            //only webfonts need those two variables, not the default font, Arial
+            if (o.textData.fontFamily === 'Arial' || o.textData.fontFamily === 'arial') {
+                weight = italic = "";
+            } else {
+                fontsInProject.push(o.textData.fontFamily+weight+italic);
+            }
+        }
     });
     loadGoogleFonts(fontsInProject, function () {
         wickEditor.canvas.getInteractiveCanvas().needsUpdate = true;
diff --git a/resources/flashy-white-icon.svg b/resources/flashy-white-icon.svg
new file mode 100644
index 00000000..81ce6a65
--- /dev/null
+++ b/resources/flashy-white-icon.svg
@@ -0,0 +1,62 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Gravit.io -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   style="isolation:isolate"
+   viewBox="0 0 373 375"
+   width="373"
+   height="375"
+   version="1.1"
+   id="svg18"
+   sodipodi:docname="flashy-white-icon.svg"
+   inkscape:version="0.92.2 (5c3e80d, 2017-08-06)">
+  <metadata
+     id="metadata22">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="640"
+     inkscape:window-height="480"
+     id="namedview20"
+     showgrid="false"
+     inkscape:zoom="1.0748023"
+     inkscape:cx="223.34211"
+     inkscape:cy="187.5"
+     inkscape:current-layer="svg18" />
+  <defs
+     id="defs5">
+    <clipPath
+       id="_clipPath_zLmyjeP2DJ441eCPkmxSnR5LKtmLnZmc">
+      <rect
+         width="373"
+         height="375"
+         id="rect2" />
+    </clipPath>
+  </defs>
+  <path
+     style="vector-effect:non-scaling-stroke;fill:#ffffff;stroke:none;stroke-width:14.963;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none"
+     d="M 184.37695 7.8378906 C 181.25465 7.8366308 178.06877 7.8875938 174.81836 7.9960938 C 67.911359 11.597094 -12.559141 115.18217 11.880859 221.20117 C 31.032859 304.28617 76.490953 357.26566 88.501953 366.72266 C 88.993953 367.10366 89.641328 367.22106 90.236328 367.03906 C 90.831328 366.85606 91.300141 366.39669 91.494141 365.80469 L 120.70117 323.57812 C 120.91717 322.92912 121.46186 322.44278 122.13086 322.30078 C 122.79986 322.15978 123.49313 322.38463 123.95312 322.89062 L 157.87109 365.22656 C 158.26009 365.65956 158.8233 365.89233 159.4043 365.86133 C 159.9853 365.83033 160.52228 365.53841 160.86328 365.06641 L 189.26367 323.37891 C 189.63367 322.87191 190.22747 322.57784 190.85547 322.58984 C 191.48247 322.60184 192.06406 322.91845 192.41406 323.43945 L 218.58008 363.72852 C 218.92408 364.23952 219.49337 364.55417 220.10938 364.57617 C 220.72538 364.59817 221.31436 364.32484 221.69336 363.83984 L 255.89844 320.04688 C 256.30844 319.52688 256.95723 319.25517 257.61523 319.32617 C 258.27423 319.39717 258.85063 319.80148 259.14062 320.39648 L 288.28906 364.63672 C 288.56206 365.20972 289.10152 365.60908 289.72852 365.70508 C 290.35552 365.80108 290.98987 365.58023 291.42188 365.11523 C 303.39288 352.27723 356.36119 273.62103 364.24219 206.20703 C 370.60619 151.79103 352.36053 103.87027 332.51953 78.822266 C 317.05731 59.311641 281.16825 7.8769453 184.37695 7.8378906 z M 192.32617 117.60352 C 203.42585 117.60352 212.4375 129.6223 212.4375 144.42188 C 212.4375 159.22144 203.42585 171.23633 192.32617 171.23633 C 181.22409 171.23633 172.21289 159.22145 172.21289 144.42188 C 172.21289 129.6223 181.22409 117.60352 192.32617 117.60352 z M 276.57617 117.60352 C 287.67585 117.60352 296.6875 129.6223 296.6875 144.42188 C 296.6875 159.22144 287.67585 171.23633 276.57617 171.23633 C 265.47409 171.23633 256.46289 159.22145 256.46289 144.42188 C 256.46289 129.6223 265.47409 117.60352 276.57617 117.60352 z "
+     id="path7" />
+</svg>
diff --git a/resources/hide-layer-disabled.svg b/resources/hide-layer-disabled.svg
new file mode 100644
index 00000000..f193da20
--- /dev/null
+++ b/resources/hide-layer-disabled.svg
@@ -0,0 +1,63 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="24px"
+   height="24px"
+   viewBox="0 0 24 24"
+   version="1.1"
+   id="svg3371"
+   sodipodi:docname="hide-layer-disabled.svg"
+   inkscape:version="0.92.2 (5c3e80d, 2017-08-06)">
+  <metadata
+     id="metadata3375">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title>hide-layer-disabled</dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="640"
+     inkscape:window-height="480"
+     id="namedview3373"
+     showgrid="false"
+     inkscape:zoom="23.75"
+     inkscape:cx="12.673684"
+     inkscape:cy="12.631579"
+     inkscape:current-layer="svg3371" />
+  <!-- Generator: Sketch 43.1 (39012) - http://www.bohemiancoding.com/sketch -->
+  <title
+     id="title3360">hide-layer-disabled</title>
+  <desc
+     id="desc3362">Created with Sketch.</desc>
+  <path
+     style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+     d="M 12 4.4628906 C 3.9368427 4.4628906 0.91601562 12 0.91601562 12 C 0.91601562 12 3.8315797 19.537109 12 19.537109 C 20.168421 19.537109 22.990234 12 22.990234 12 C 22.990234 12 20.063157 4.4628906 12 4.4628906 z M 12 6.9902344 A 5.0105262 5.0105262 0 0 1 17.009766 12 A 5.0105262 5.0105262 0 0 1 12 17.009766 A 5.0105262 5.0105262 0 0 1 6.9902344 12 A 5.0105262 5.0105262 0 0 1 12 6.9902344 z "
+     id="path5321" />
+  <circle
+     style="opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2.42735052;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+     id="path5310"
+     cx="12"
+     cy="12.042106"
+     r="2.9894736" />
+  <defs
+     id="defs3364" />
+</svg>
diff --git a/resources/hide-layer.svg b/resources/hide-layer.svg
index 316be169..a1b3c136 100644
--- a/resources/hide-layer.svg
+++ b/resources/hide-layer.svg
@@ -1,13 +1,67 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 43.1 (39012) - http://www.bohemiancoding.com/sketch -->
-    <title>hide-layer</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="AllEx()" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="hide-layer">
-            <path d="M0,0 L24,0 L24,24 L0,24 L0,0 Z M0,0 L24,0 L24,24 L0,24 L0,0 Z M0,0 L24,0 L24,24 L0,24 L0,0 Z M0,0 L24,0 L24,24 L0,24 L0,0 Z" id="Shape"></path>
-            <path d="M12,7 C14.76,7 17,9.24 17,12 C17,12.65 16.87,13.26 16.64,13.83 L19.56,16.75 C21.07,15.49 22.26,13.86 22.99,12 C21.26,7.61 16.99,4.5 11.99,4.5 C10.59,4.5 9.25,4.75 8.01,5.2 L10.17,7.36 C10.74,7.13 11.35,7 12,7 Z M2,4.27 L4.28,6.55 L4.74,7.01 C3.08,8.3 1.78,10.02 1,12 C2.73,16.39 7,19.5 12,19.5 C13.55,19.5 15.03,19.2 16.38,18.66 L16.8,19.08 L19.73,22 L21,20.73 L3.27,3 L2,4.27 Z M7.53,9.8 L9.08,11.35 C9.03,11.56 9,11.78 9,12 C9,13.66 10.34,15 12,15 C12.22,15 12.44,14.97 12.65,14.92 L14.2,16.47 C13.53,16.8 12.79,17 12,17 C9.24,17 7,14.76 7,12 C7,11.21 7.2,10.47 7.53,9.8 L7.53,9.8 Z M11.84,9.02 L14.99,12.17 L15.01,12.01 C15.01,10.35 13.67,9.01 12.01,9.01 L11.84,9.02 Z" id="Shape" fill="#FFFFFF" fill-rule="nonzero"></path>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="24px"
+   height="24px"
+   viewBox="0 0 24 24"
+   version="1.1"
+   id="svg5895"
+   sodipodi:docname="hide-layer.svg"
+   inkscape:version="0.92.2 (5c3e80d, 2017-08-06)">
+  <metadata
+     id="metadata5899">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="640"
+     inkscape:window-height="480"
+     id="namedview5897"
+     showgrid="false"
+     inkscape:zoom="5.9375"
+     inkscape:cx="13.305263"
+     inkscape:cy="12"
+     inkscape:current-layer="svg5895" />
+  <!-- Generator: Sketch 43.1 (39012) - http://www.bohemiancoding.com/sketch -->
+  <title
+     id="title5884">hide-layer</title>
+  <desc
+     id="desc5886">Created with Sketch.</desc>
+  <defs
+     id="defs5888" />
+  <path
+     d="M 0,0 H 24 V 24 H 0 Z M 0,0 H 24 V 24 H 0 Z M 0,0 H 24 V 24 H 0 Z M 0,0 H 24 V 24 H 0 Z"
+     id="Shape"
+     style="fill:#ffffff;fill-rule:evenodd;stroke:none;stroke-width:1"
+     inkscape:connector-curvature="0" />
+  <path
+     style="fill:#ffffff;fill-rule:nonzero;stroke:none;stroke-width:1"
+     d="M 3.2695312 3 L 2 4.2695312 L 4.2792969 6.5507812 L 4.7402344 7.0097656 C 3.0802344 8.2997656 1.78 10.02 1 12 C 2.73 16.39 7 19.5 12 19.5 C 13.55 19.5 15.030859 19.200156 16.380859 18.660156 L 16.800781 19.080078 L 19.730469 22 L 21 20.730469 L 3.2695312 3 z M 11.990234 4.5 C 10.870489 4.5 9.7920454 4.6647125 8.7695312 4.9589844 L 10.939453 7.1289062 C 11.281282 7.0512633 11.632614 7 12 7 C 14.76 7 17 9.24 17 12 C 17 12.367386 16.948737 12.718718 16.871094 13.060547 L 20.074219 16.263672 C 21.333514 15.078554 22.347887 13.636665 22.990234 12 C 21.260234 7.61 16.990234 4.5 11.990234 4.5 z M 13.001953 9.1914062 L 14.830078 11.019531 C 14.52969 10.16287 13.858513 9.4920075 13.001953 9.1914062 z M 7.5292969 9.8007812 L 9.0800781 11.349609 C 9.0300781 11.559609 9 11.78 9 12 C 9 13.66 10.34 15 12 15 C 12.22 15 12.440391 14.969922 12.650391 14.919922 L 14.199219 16.470703 C 13.529219 16.800703 12.79 17 12 17 C 9.24 17 7 14.76 7 12 C 7 11.21 7.1992969 10.470781 7.5292969 9.8007812 z "
+     id="path5891" />
+  <path
+     style="fill:#ffffff;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+     d="M 2.4105263,3.8594737 1.0402631,5.2297369 18.789473,22.978948 20.140526,21.589474 Z"
+     id="path6444"
+     inkscape:connector-curvature="0"
+     sodipodi:nodetypes="ccccc" />
+</svg>
diff --git a/resources/info.svg b/resources/info.svg
new file mode 100644
index 00000000..7bb18557
--- /dev/null
+++ b/resources/info.svg
@@ -0,0 +1,61 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Capa_1"
+   x="0px"
+   y="0px"
+   viewBox="0 0 508.52 508.52"
+   style="enable-background:new 0 0 508.52 508.52;"
+   xml:space="preserve"
+   width="512px"
+   height="512px"
+   sodipodi:docname="info.svg"
+   inkscape:version="0.92.2 (5c3e80d, 2017-08-06)"><metadata
+     id="metadata45"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs43" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="640"
+     inkscape:window-height="480"
+     id="namedview41"
+     showgrid="false"
+     inkscape:zoom="1.1132812"
+     inkscape:cx="234.44211"
+     inkscape:cy="256"
+     inkscape:current-layer="Capa_1" /><g
+     id="g10" /><g
+     id="g12" /><g
+     id="g14" /><g
+     id="g16" /><g
+     id="g18" /><g
+     id="g20" /><g
+     id="g22" /><g
+     id="g24" /><g
+     id="g26" /><g
+     id="g28" /><g
+     id="g30" /><g
+     id="g32" /><g
+     id="g34" /><g
+     id="g36" /><g
+     id="g38" /><path
+     style="opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:38.20718384;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+     d="M 256 0 A 255.99999 255.99999 0 0 0 0 256 A 255.99999 255.99999 0 0 0 256 512 A 255.99999 255.99999 0 0 0 512 256 A 255.99999 255.99999 0 0 0 256 0 z M 282.43359 82.283203 C 287.9152 82.283203 293.10907 83.436092 298.01367 85.744141 C 303.20678 87.763683 307.67716 90.649812 311.42773 94.400391 C 315.17831 97.862463 318.06444 102.1897 320.08398 107.38281 C 322.39203 112.28742 323.54492 117.62441 323.54492 123.39453 C 323.54492 129.16466 322.39203 134.64673 320.08398 139.83984 C 318.06444 144.74445 315.17831 149.07169 311.42773 152.82227 C 307.67716 156.28434 303.20678 159.16851 298.01367 161.47656 C 293.10907 163.4961 287.9152 164.50586 282.43359 164.50586 C 276.66347 164.50586 271.32648 163.4961 266.42188 161.47656 C 261.51727 159.16851 257.19003 156.28434 253.43945 152.82227 C 249.68887 149.07169 246.65961 144.74445 244.35156 139.83984 C 242.33202 134.64673 241.32227 129.16466 241.32227 123.39453 C 241.32227 117.62441 242.33202 112.28742 244.35156 107.38281 C 246.65961 102.1897 249.68887 97.862463 253.43945 94.400391 C 257.19003 90.649812 261.51727 87.763683 266.42188 85.744141 C 271.32648 83.436092 276.66347 82.283203 282.43359 82.283203 z M 239.58984 180.95117 C 245.93697 180.95117 251.9955 182.10601 257.76562 184.41406 C 263.53574 186.4336 268.58452 189.46287 272.91211 193.50195 C 277.2397 197.25253 280.55914 202.01308 282.86719 207.7832 C 285.46374 213.26482 286.76172 219.46648 286.76172 226.39062 C 286.76172 231.87224 286.18332 236.92101 285.0293 241.53711 L 259.06445 350.16016 L 263.39258 353.18945 L 321.38281 313.375 L 348.64648 354.05469 L 285.89648 396.46484 C 280.12636 400.50393 274.21097 403.39005 268.15234 405.12109 C 262.09372 406.85213 256.18028 407.7168 250.41016 407.7168 C 244.06302 407.7168 238.0045 406.56391 232.23438 404.25586 C 226.46426 402.23632 221.41548 399.35019 217.08789 395.59961 C 212.7603 391.56052 209.29773 386.79997 206.70117 381.31836 C 204.39312 375.54823 203.23828 369.20149 203.23828 362.27734 C 203.23828 356.79573 203.81668 351.74695 204.9707 347.13086 L 230.93555 238.50781 L 226.60742 235.47852 L 168.61719 275.29297 L 141.35352 234.61328 L 204.10352 192.20312 C 209.87363 188.16404 215.78903 185.27987 221.84766 183.54883 C 227.90628 181.8178 233.81972 180.95117 239.58984 180.95117 z "
+     transform="scale(0.99320312)"
+     id="path855" /></svg>
\ No newline at end of file
diff --git a/resources/layer-gnurl.svg b/resources/layer-gnurl.svg
index 01a2c355..73b0de5f 100644
--- a/resources/layer-gnurl.svg
+++ b/resources/layer-gnurl.svg
@@ -1,40 +1,54 @@
-<?xml version="1.0" encoding="iso-8859-1"?>
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" width="512px" height="512px" viewBox="0 0 124 124" style="enable-background:new 0 0 124 124;" xml:space="preserve">
-<g>
-	<path d="M112,6H12C5.4,6,0,11.4,0,18s5.4,12,12,12h100c6.6,0,12-5.4,12-12S118.6,6,112,6z" fill="#FFFFFF"/>
-	<path d="M112,50H12C5.4,50,0,55.4,0,62c0,6.6,5.4,12,12,12h100c6.6,0,12-5.4,12-12C124,55.4,118.6,50,112,50z" fill="#FFFFFF"/>
-	<path d="M112,94H12c-6.6,0-12,5.4-12,12s5.4,12,12,12h100c6.6,0,12-5.4,12-12S118.6,94,112,94z" fill="#FFFFFF"/>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-</svg>
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Capa_1"
+   x="0px"
+   y="0px"
+   width="512px"
+   height="512px"
+   viewBox="0 0 124 124"
+   style="enable-background:new 0 0 124 124;"
+   xml:space="preserve"
+   sodipodi:docname="layer-gnurl.svg"
+   inkscape:version="0.92.2 (5c3e80d, 2017-08-06)"><metadata
+     id="metadata1569"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs1567" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="640"
+     inkscape:window-height="480"
+     id="namedview1565"
+     showgrid="false"
+     inkscape:zoom="0.39360436"
+     inkscape:cx="18.863158"
+     inkscape:cy="256"
+     inkscape:current-layer="Capa_1" /><path
+     style="fill:none;stroke:#ffffff;stroke-width:14.53125;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     d="M 16.307152,23.734384 H 107.69285"
+     id="path2114"
+     inkscape:connector-curvature="0" /><path
+     inkscape:connector-curvature="0"
+     id="path2116"
+     d="M 16.307152,62.000005 H 107.69285"
+     style="fill:none;stroke:#ffffff;stroke-width:14.53125;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" /><path
+     style="fill:none;stroke:#ffffff;stroke-width:14.53125;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     d="M 16.307152,100.26562 H 107.69285"
+     id="path2118"
+     inkscape:connector-curvature="0" /></svg>
\ No newline at end of file
diff --git a/resources/lock-layer-disabled.svg b/resources/lock-layer-disabled.svg
new file mode 100644
index 00000000..7759e354
--- /dev/null
+++ b/resources/lock-layer-disabled.svg
@@ -0,0 +1,77 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="24px"
+   height="24px"
+   viewBox="0 0 24 24"
+   version="1.1"
+   id="svg2200"
+   sodipodi:docname="lock-layer-disabled.svg"
+   inkscape:version="0.92.2 (5c3e80d, 2017-08-06)">
+  <metadata
+     id="metadata2204">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title>lock-layer</dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="640"
+     inkscape:window-height="480"
+     id="namedview2202"
+     showgrid="false"
+     inkscape:zoom="23.75"
+     inkscape:cx="12"
+     inkscape:cy="12"
+     inkscape:current-layer="svg2200"
+     inkscape:measure-start="0,0"
+     inkscape:measure-end="0,0" />
+  <!-- Generator: Sketch 43.1 (39012) - http://www.bohemiancoding.com/sketch -->
+  <title
+     id="title2186">lock-layer</title>
+  <desc
+     id="desc2188">Created with Sketch.</desc>
+  <defs
+     id="defs2191">
+    <polygon
+       id="path-1"
+       points="0 0 24 0 24 24 0 24" />
+    <mask
+       id="mask-2"
+       fill="white">
+      <use
+         xlink:href="#path-1"
+         id="use2193"
+         x="0"
+         y="0"
+         width="100%"
+         height="100%" />
+    </mask>
+  </defs>
+  <path
+     style="fill:#ffffff;fill-rule:nonzero;stroke:none;stroke-width:1"
+     d="M 12,1.5 C 9.1152436,1.5 7.0374914,3.4446367 6.5917969,5.8007812 l 2.3710937,0.34375 C 9.2492982,4.776609 10.501055,3.9003906 12,3.9003906 13.71,3.9003906 15.099609,5.04 15.099609,6.75 V 10.5 H 10.248047 8.9003906 6.5 6 c -1.1,0 -2,0.9 -2,2 v 7 c 0,1.1 0.9,2 2,2 h 12 c 1.1,0 2,-0.9 2,-2 v -7 c 0,-1.1 -0.9,-2 -2,-2 H 17.5 V 6.75 C 17.5,3.99 15.265263,1.5 12,1.5 Z m 0,12.722656 c 0.921351,-3.79e-4 1.668348,0.746618 1.667969,1.667969 C 13.667269,16.811213 12.920588,17.55702 12,17.556641 11.079412,17.55702 10.332731,16.811213 10.332031,15.890625 10.331652,14.969274 11.078649,14.222277 12,14.222656 Z"
+     id="Shape"
+     inkscape:connector-curvature="0"
+     sodipodi:nodetypes="sccssccccsssssssscssccccc" />
+</svg>
diff --git a/resources/lock-layer.svg b/resources/lock-layer.svg
index 75e65454..c2735921 100644
--- a/resources/lock-layer.svg
+++ b/resources/lock-layer.svg
@@ -1,18 +1,74 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 43.1 (39012) - http://www.bohemiancoding.com/sketch -->
-    <title>lock-layer</title>
-    <desc>Created with Sketch.</desc>
-    <defs>
-        <polygon id="path-1" points="0 0 24 0 24 24 0 24"></polygon>
-    </defs>
-    <g id="AllEx()" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="lock-layer">
-            <mask id="mask-2" fill="white">
-                <use xlink:href="#path-1"></use>
-            </mask>
-            <g id="a"></g>
-            <path d="M12,17 C13.1,17 14,16.1 14,15 C14,13.9 13.1,13 12,13 C10.9,13 10,13.9 10,15 C10,16.1 10.9,17 12,17 Z M18,8 L17,8 L17,6 C17,3.24 14.76,1 12,1 C9.24,1 7,3.24 7,6 L7,8 L6,8 C4.9,8 4,8.9 4,10 L4,20 C4,21.1 4.9,22 6,22 L18,22 C19.1,22 20,21.1 20,20 L20,10 C20,8.9 19.1,8 18,8 Z M8.9,6 C8.9,4.29 10.29,2.9 12,2.9 C13.71,2.9 15.1,4.29 15.1,6 L15.1,8 L8.9,8 L8.9,6 Z M18,20 L6,20 L6,10 L18,10 L18,20 Z" id="Shape" fill="#FFFFFF" fill-rule="nonzero"></path>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="24px"
+   height="24px"
+   viewBox="0 0 24 24"
+   version="1.1"
+   id="svg2794"
+   sodipodi:docname="lock-layer.svg"
+   inkscape:version="0.92.2 (5c3e80d, 2017-08-06)">
+  <metadata
+     id="metadata2798">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="640"
+     inkscape:window-height="480"
+     id="namedview2796"
+     showgrid="false"
+     inkscape:zoom="23.75"
+     inkscape:cx="12"
+     inkscape:cy="12"
+     inkscape:current-layer="svg2794" />
+  <!-- Generator: Sketch 43.1 (39012) - http://www.bohemiancoding.com/sketch -->
+  <title
+     id="title2780">lock-layer</title>
+  <desc
+     id="desc2782">Created with Sketch.</desc>
+  <defs
+     id="defs2785">
+    <polygon
+       id="path-1"
+       points="0 0 24 0 24 24 0 24" />
+    <mask
+       id="mask-2"
+       fill="white">
+      <use
+         xlink:href="#path-1"
+         id="use2787"
+         x="0"
+         y="0"
+         width="100%"
+         height="100%" />
+    </mask>
+  </defs>
+  <path
+     style="fill:#ffffff;fill-rule:nonzero;stroke:none;stroke-width:1"
+     d="M 12,1.5 C 8.7347368,1.5 6.5,3.99 6.5,6.75 V 10.5 H 6 c -1.1,0 -2,0.9 -2,2 v 7 c 0,1.1 0.9,2 2,2 h 12 c 1.1,0 2,-0.9 2,-2 v -7 c 0,-1.1 -0.9,-2 -2,-2 H 17.5 V 6.75 C 17.5,3.99 15.265263,1.5 12,1.5 Z m 0,2.4003906 c 1.71,0 3.099609,1.1396094 3.099609,2.8496094 V 10.5 H 8.9003906 V 6.75 C 8.9003906,5.04 10.29,3.9003906 12,3.9003906 Z m 0,10.3222654 c 0.921351,-3.79e-4 1.668348,0.746618 1.667969,1.667969 C 13.667269,16.811213 12.920588,17.55702 12,17.556641 11.079412,17.55702 10.332731,16.811213 10.332031,15.890625 10.331652,14.969274 11.078649,14.222277 12,14.222656 Z"
+     id="Shape"
+     inkscape:connector-curvature="0"
+     sodipodi:nodetypes="sscsssssssscssssccssccccc" />
+</svg>
diff --git a/resources/tools/Bucket.svg b/resources/tools/Bucket.svg
index ebbb204d..c29a3485 100644
--- a/resources/tools/Bucket.svg
+++ b/resources/tools/Bucket.svg
@@ -1,39 +1,154 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="400px" height="400px" viewBox="0 0 400 400" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 42 (36781) - http://www.bohemiancoding.com/sketch -->
-    <title>Bucket</title>
-    <desc>Created with Sketch.</desc>
-    <defs>
-        <rect id="path-1" x="390" y="4684" width="400" height="400"></rect>
-        <mask id="mask-2" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="400" height="400" fill="white">
-            <use xlink:href="#path-1"></use>
-        </mask>
-        <path d="M15.1284424,83.2956974 C16.4734805,68.5799616 23.6287706,56.1161556 34.4203556,45.6097562 C49.989954,30.4535388 69.1723874,22.4466772 90.3228514,19.2069217 C121.026735,14.5023692 150.276101,18.6283008 176.569512,36.1693745 C193.505001,47.4681196 204.823132,62.7885403 207.390696,83.3243678 C142.946165,59.5409656 79.2679934,59.556604 15.1284424,83.2956974 M30.1141482,106.68814 C30.1141482,97.9775501 66.2842047,90.9142054 111.006723,90.9142054 C155.726634,90.9142054 190.752365,97.9775501 190.752365,106.68814 C190.752365,115.401336 154.579702,122.46468 109.859791,122.46468 C65.137273,122.46468 30.1141482,115.401336 30.1141482,106.68814 M189.540267,256.389345 C178.284696,263.197262 165.86134,266.556912 153.052198,268.407456 C119.032638,273.320521 85.1538385,273.304882 51.660825,264.388387 C49.525968,263.820192 47.4249976,263.093006 45.3527004,262.324118 C27.4996652,255.703861 26.4882799,254.257309 26.4882799,235.522504 L26.4882799,142.950986 L26.4882799,135.718226 C30.2314481,137.198661 33.4141837,138.381967 36.3597129,139.841551 C41.0595264,142.16646 42.8346639,147.765008 42.8503039,149.644222 C43.004097,169.405949 43.019737,189.172888 43.019737,208.934615 C43.019737,219.868464 50.1020405,224.922274 55.27366,224.922274 C67.3320833,224.922274 69.4565136,213.154377 69.7953798,205.395124 C70.0534395,199.556787 69.7849532,193.697599 69.910073,187.851444 C70.0795061,180.073945 77.151383,174.764708 84.09032,174.785559 C91.0318637,174.80641 98.982186,180.115648 99.0682059,187.91921 C99.190719,199.009443 99.0525659,210.102282 99.1203391,221.195122 C99.1724724,229.824913 104.169445,235.392184 111.512415,235.19931 C118.612965,235.01165 123.255432,229.587731 123.289319,221.189909 C123.351879,206.466354 123.273679,191.742799 123.323206,177.02185 C123.351879,168.212218 128.049086,162.702287 135.384235,162.684043 C142.716779,162.665798 147.390525,168.170515 147.513039,176.96451 C147.539105,178.781171 147.640765,180.597832 147.640765,182.406673 C147.640765,193.728876 153.58917,199.113699 163.014864,198.897368 C172.464017,198.681037 177.81289,191.325775 177.81289,181.585657 C177.81289,170.182656 177.78161,159.561575 177.78161,148.320171 C177.78161,142.239439 181.712458,138.845906 187.63219,137.573983 C188.961588,137.287279 193.554528,136.557487 195.624219,135.7078 C195.738912,138.238615 195.910951,140.310703 195.910951,142.380185 C195.929198,176.464081 195.778012,210.547977 196.067351,244.629267 C196.114271,250.292974 194.041974,253.668263 189.540267,256.389345 M225.536339,104.154719 C225.536339,53.8437362 206.70136,32.5178078 172.603601,15.1174797 C159.379999,8.36950943 142.643792,7.88993178 127.877046,6.37561324 C118.042106,5.62236357 100.686944,6.002898 89.6425123,7.50939735 C79.7137327,8.86211908 70.0195529,11.6744249 60.7085525,15.1174797 C37.4519047,23.7186005 16.2706126,39.3387199 6.46695286,62.8875462 C2.39795184,72.6537279 0.463807858,83.1809785 0.34650802,93.7603571 C-0.242597829,145.729372 0.114515009,197.708812 0.0415284436,249.685646 C0.0284951284,259.793266 4.55626884,267.489966 12.0999517,273.588942 C26.6920515,285.382904 44.2218605,289.88937 62.1869822,292.990986 C71.2764162,294.560039 80.4805435,295.46446 89.6325374,296.668617 C105.186078,297.996001 116.342277,297.544144 129.537205,297.512867 C144.457616,296.668617 154.450358,294.982276 165.492182,292.990986 C178.833084,290.587885 205.744967,280.77885 217.608596,268.180579 C229.472226,255.582309 220.337991,258.031377 220.207658,241.470309 C219.832298,194.21106 219.832298,151.093381 220.017371,104.154719 L225.536339,104.154719 Z" id="path-3"></path>
-        <filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="filter-4">
-            <feOffset dx="0" dy="8" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
-            <feGaussianBlur stdDeviation="5.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
-            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.5 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
-        </filter>
-        <path d="M24.9184439,77.2956974 C26.263482,62.5799616 33.4187721,50.1161556 44.2103571,39.6097562 C59.7799555,24.4535388 78.9623889,16.4466772 100.112853,13.2069217 C130.816737,8.50236922 160.066103,12.6283008 186.359513,30.1693745 C203.295003,41.4681196 214.613134,56.7885403 217.180697,77.3243678 C152.736167,53.5409656 89.0579949,53.556604 24.9184439,77.2956974 M39.9041498,100.68814 C39.9041498,91.9775501 76.0742062,84.9142054 120.796724,84.9142054 C165.516635,84.9142054 200.542367,91.9775501 200.542367,100.68814 C200.542367,109.401336 164.369704,116.46468 119.649792,116.46468 C74.9272745,116.46468 39.9041498,109.401336 39.9041498,100.68814 M199.330269,250.389345 C188.074697,257.197262 175.651341,260.556912 162.842199,262.407456 C128.82264,267.320521 94.9438401,267.304882 61.4508265,258.388387 C59.3159695,257.820192 57.2149991,257.093006 55.142702,256.324118 C37.2896667,249.703861 36.2782815,248.257309 36.2782815,229.522504 L36.2782815,136.950986 L36.2782815,129.718226 C40.0214496,131.198661 43.2041852,132.381967 46.1497144,133.841551 C50.8495279,136.16646 52.6246655,141.765008 52.6403054,143.644222 C52.7940986,163.405949 52.8097385,183.172888 52.8097385,202.934615 C52.8097385,213.868464 59.892042,218.922274 65.0636615,218.922274 C77.1220848,218.922274 79.2465152,207.154377 79.5853814,199.395124 C79.843441,193.556787 79.5749547,187.697599 79.7000745,181.851444 C79.8695076,174.073945 86.9413845,168.764708 93.8803215,168.785559 C100.821865,168.80641 108.772188,174.115648 108.858207,181.91921 C108.980721,193.009443 108.842567,204.102282 108.910341,215.195122 C108.962474,223.824913 113.959447,229.392184 121.302417,229.19931 C128.402967,229.01165 133.045434,223.587731 133.07932,215.189909 C133.14188,200.466354 133.06368,185.742799 133.113207,171.02185 C133.14188,162.212218 137.839087,156.702287 145.174237,156.684043 C152.50678,156.665798 157.180527,162.170515 157.30304,170.96451 C157.329107,172.781171 157.430767,174.597832 157.430767,176.406673 C157.430767,187.728876 163.379172,193.113699 172.804865,192.897368 C182.254019,192.681037 187.602891,185.325775 187.602891,175.585657 C187.602891,164.182656 187.571612,153.561575 187.571612,142.320171 C187.571612,136.239439 191.502459,132.845906 197.422191,131.573983 C198.751589,131.287279 203.34453,130.557487 205.41422,129.7078 C205.528913,132.238615 205.700953,134.310703 205.700953,136.380185 C205.7192,170.464081 205.568013,204.547977 205.857353,238.629267 C205.904273,244.292974 203.831976,247.668263 199.330269,250.389345 M229.807373,98.1547187 C229.974199,56.4236442 213.898908,29.8357553 179.801149,12.4354272 C166.577547,5.68745695 152.433794,1.88993178 137.667047,0.375613238 C127.832108,-0.377636435 110.476945,0.00289800212 99.4325138,1.50939735 C89.5037343,2.86211908 79.8095544,5.67442495 70.498554,9.11747968 C47.2419063,17.7186005 28.2706126,32.4213043 18.4669529,55.9701306 C14.3979518,65.7363123 12.4638079,76.2635629 12.346508,86.8429416 C11.7574022,138.811956 12.114515,190.791396 12.0415284,242.76823 C12.0284951,252.87585 16.5562688,260.57255 24.0999517,266.671527 C38.6920515,278.465488 56.2218605,282.971954 74.1869822,286.07357 C83.2764162,287.642623 92.4805435,288.547044 101.632537,289.751201 C114.827466,289.719924 127.834714,289.686041 141.029643,289.654764 C152.149667,288.088318 163.319218,286.821607 174.361043,284.830317 C187.701945,282.427216 200.505874,278.249157 212.097704,270.932991 C224.823433,262.905279 230.127992,252.031377 229.997659,235.470309 C229.6223,188.21106 229.6223,145.093381 229.807373,98.1547187" id="path-5"></path>
-        <filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="filter-6">
-            <feOffset dx="0" dy="2" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
-            <feGaussianBlur stdDeviation="4" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
-            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.5 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
-        </filter>
-    </defs>
-    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="Artboard-6-Copy" transform="translate(-390.000000, -4684.000000)">
-            <use id="Rectangle-4-Copy-9" stroke-opacity="0" stroke="#979797" mask="url(#mask-2)" stroke-width="2" xlink:href="#path-1"></use>
-            <g id="Bucket" transform="translate(475.000000, 4730.000000)">
-                <g id="Fill-27-Copy-4">
-                    <use fill="black" fill-opacity="1" filter="url(#filter-4)" xlink:href="#path-3"></use>
-                    <use fill="#BFBFBF" fill-rule="evenodd" xlink:href="#path-3"></use>
-                </g>
-                <g id="Fill-27-Copy-5">
-                    <use fill="black" fill-opacity="1" filter="url(#filter-6)" xlink:href="#path-5"></use>
-                    <use fill="#FFFFFF" fill-rule="evenodd" xlink:href="#path-5"></use>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="400px"
+   height="400px"
+   viewBox="0 0 400 400"
+   version="1.1"
+   id="svg5192"
+   sodipodi:docname="Bucket.svg"
+   inkscape:version="0.92.2 (5c3e80d, 2017-08-06)">
+  <metadata
+     id="metadata5196">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title>Bucket</dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1304"
+     inkscape:window-height="745"
+     id="namedview5194"
+     showgrid="false"
+     inkscape:zoom="0.24770834"
+     inkscape:cx="217.32291"
+     inkscape:cy="131.07043"
+     inkscape:window-x="54"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg5192"
+     inkscape:pagecheckerboard="true" />
+  <!-- Generator: Sketch 42 (36781) - http://www.bohemiancoding.com/sketch -->
+  <title
+     id="title5152">Bucket</title>
+  <desc
+     id="desc5154">Created with Sketch.</desc>
+  <defs
+     id="defs5176">
+    <rect
+       id="path-1"
+       x="390"
+       y="4684"
+       width="400"
+       height="400" />
+    <mask
+       id="mask-2"
+       maskContentUnits="userSpaceOnUse"
+       maskUnits="objectBoundingBox"
+       x="0"
+       y="0"
+       width="400"
+       height="400"
+       fill="white">
+      <use
+         xlink:href="#path-1"
+         id="use5157" />
+    </mask>
+    <path
+       d="M15.1284424,83.2956974 C16.4734805,68.5799616 23.6287706,56.1161556 34.4203556,45.6097562 C49.989954,30.4535388 69.1723874,22.4466772 90.3228514,19.2069217 C121.026735,14.5023692 150.276101,18.6283008 176.569512,36.1693745 C193.505001,47.4681196 204.823132,62.7885403 207.390696,83.3243678 C142.946165,59.5409656 79.2679934,59.556604 15.1284424,83.2956974 M30.1141482,106.68814 C30.1141482,97.9775501 66.2842047,90.9142054 111.006723,90.9142054 C155.726634,90.9142054 190.752365,97.9775501 190.752365,106.68814 C190.752365,115.401336 154.579702,122.46468 109.859791,122.46468 C65.137273,122.46468 30.1141482,115.401336 30.1141482,106.68814 M189.540267,256.389345 C178.284696,263.197262 165.86134,266.556912 153.052198,268.407456 C119.032638,273.320521 85.1538385,273.304882 51.660825,264.388387 C49.525968,263.820192 47.4249976,263.093006 45.3527004,262.324118 C27.4996652,255.703861 26.4882799,254.257309 26.4882799,235.522504 L26.4882799,142.950986 L26.4882799,135.718226 C30.2314481,137.198661 33.4141837,138.381967 36.3597129,139.841551 C41.0595264,142.16646 42.8346639,147.765008 42.8503039,149.644222 C43.004097,169.405949 43.019737,189.172888 43.019737,208.934615 C43.019737,219.868464 50.1020405,224.922274 55.27366,224.922274 C67.3320833,224.922274 69.4565136,213.154377 69.7953798,205.395124 C70.0534395,199.556787 69.7849532,193.697599 69.910073,187.851444 C70.0795061,180.073945 77.151383,174.764708 84.09032,174.785559 C91.0318637,174.80641 98.982186,180.115648 99.0682059,187.91921 C99.190719,199.009443 99.0525659,210.102282 99.1203391,221.195122 C99.1724724,229.824913 104.169445,235.392184 111.512415,235.19931 C118.612965,235.01165 123.255432,229.587731 123.289319,221.189909 C123.351879,206.466354 123.273679,191.742799 123.323206,177.02185 C123.351879,168.212218 128.049086,162.702287 135.384235,162.684043 C142.716779,162.665798 147.390525,168.170515 147.513039,176.96451 C147.539105,178.781171 147.640765,180.597832 147.640765,182.406673 C147.640765,193.728876 153.58917,199.113699 163.014864,198.897368 C172.464017,198.681037 177.81289,191.325775 177.81289,181.585657 C177.81289,170.182656 177.78161,159.561575 177.78161,148.320171 C177.78161,142.239439 181.712458,138.845906 187.63219,137.573983 C188.961588,137.287279 193.554528,136.557487 195.624219,135.7078 C195.738912,138.238615 195.910951,140.310703 195.910951,142.380185 C195.929198,176.464081 195.778012,210.547977 196.067351,244.629267 C196.114271,250.292974 194.041974,253.668263 189.540267,256.389345 M225.536339,104.154719 C225.536339,53.8437362 206.70136,32.5178078 172.603601,15.1174797 C159.379999,8.36950943 142.643792,7.88993178 127.877046,6.37561324 C118.042106,5.62236357 100.686944,6.002898 89.6425123,7.50939735 C79.7137327,8.86211908 70.0195529,11.6744249 60.7085525,15.1174797 C37.4519047,23.7186005 16.2706126,39.3387199 6.46695286,62.8875462 C2.39795184,72.6537279 0.463807858,83.1809785 0.34650802,93.7603571 C-0.242597829,145.729372 0.114515009,197.708812 0.0415284436,249.685646 C0.0284951284,259.793266 4.55626884,267.489966 12.0999517,273.588942 C26.6920515,285.382904 44.2218605,289.88937 62.1869822,292.990986 C71.2764162,294.560039 80.4805435,295.46446 89.6325374,296.668617 C105.186078,297.996001 116.342277,297.544144 129.537205,297.512867 C144.457616,296.668617 154.450358,294.982276 165.492182,292.990986 C178.833084,290.587885 205.744967,280.77885 217.608596,268.180579 C229.472226,255.582309 220.337991,258.031377 220.207658,241.470309 C219.832298,194.21106 219.832298,151.093381 220.017371,104.154719 L225.536339,104.154719 Z"
+       id="path-3" />
+    <filter
+       x="-50%"
+       y="-50%"
+       width="200%"
+       height="200%"
+       filterUnits="objectBoundingBox"
+       id="filter-4">
+      <feOffset
+         dx="0"
+         dy="8"
+         in="SourceAlpha"
+         result="shadowOffsetOuter1"
+         id="feOffset5161" />
+      <feGaussianBlur
+         stdDeviation="5.5"
+         in="shadowOffsetOuter1"
+         result="shadowBlurOuter1"
+         id="feGaussianBlur5163" />
+      <feColorMatrix
+         values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.5 0"
+         type="matrix"
+         in="shadowBlurOuter1"
+         id="feColorMatrix5165" />
+    </filter>
+    <path
+       d="M24.9184439,77.2956974 C26.263482,62.5799616 33.4187721,50.1161556 44.2103571,39.6097562 C59.7799555,24.4535388 78.9623889,16.4466772 100.112853,13.2069217 C130.816737,8.50236922 160.066103,12.6283008 186.359513,30.1693745 C203.295003,41.4681196 214.613134,56.7885403 217.180697,77.3243678 C152.736167,53.5409656 89.0579949,53.556604 24.9184439,77.2956974 M39.9041498,100.68814 C39.9041498,91.9775501 76.0742062,84.9142054 120.796724,84.9142054 C165.516635,84.9142054 200.542367,91.9775501 200.542367,100.68814 C200.542367,109.401336 164.369704,116.46468 119.649792,116.46468 C74.9272745,116.46468 39.9041498,109.401336 39.9041498,100.68814 M199.330269,250.389345 C188.074697,257.197262 175.651341,260.556912 162.842199,262.407456 C128.82264,267.320521 94.9438401,267.304882 61.4508265,258.388387 C59.3159695,257.820192 57.2149991,257.093006 55.142702,256.324118 C37.2896667,249.703861 36.2782815,248.257309 36.2782815,229.522504 L36.2782815,136.950986 L36.2782815,129.718226 C40.0214496,131.198661 43.2041852,132.381967 46.1497144,133.841551 C50.8495279,136.16646 52.6246655,141.765008 52.6403054,143.644222 C52.7940986,163.405949 52.8097385,183.172888 52.8097385,202.934615 C52.8097385,213.868464 59.892042,218.922274 65.0636615,218.922274 C77.1220848,218.922274 79.2465152,207.154377 79.5853814,199.395124 C79.843441,193.556787 79.5749547,187.697599 79.7000745,181.851444 C79.8695076,174.073945 86.9413845,168.764708 93.8803215,168.785559 C100.821865,168.80641 108.772188,174.115648 108.858207,181.91921 C108.980721,193.009443 108.842567,204.102282 108.910341,215.195122 C108.962474,223.824913 113.959447,229.392184 121.302417,229.19931 C128.402967,229.01165 133.045434,223.587731 133.07932,215.189909 C133.14188,200.466354 133.06368,185.742799 133.113207,171.02185 C133.14188,162.212218 137.839087,156.702287 145.174237,156.684043 C152.50678,156.665798 157.180527,162.170515 157.30304,170.96451 C157.329107,172.781171 157.430767,174.597832 157.430767,176.406673 C157.430767,187.728876 163.379172,193.113699 172.804865,192.897368 C182.254019,192.681037 187.602891,185.325775 187.602891,175.585657 C187.602891,164.182656 187.571612,153.561575 187.571612,142.320171 C187.571612,136.239439 191.502459,132.845906 197.422191,131.573983 C198.751589,131.287279 203.34453,130.557487 205.41422,129.7078 C205.528913,132.238615 205.700953,134.310703 205.700953,136.380185 C205.7192,170.464081 205.568013,204.547977 205.857353,238.629267 C205.904273,244.292974 203.831976,247.668263 199.330269,250.389345 M229.807373,98.1547187 C229.974199,56.4236442 213.898908,29.8357553 179.801149,12.4354272 C166.577547,5.68745695 152.433794,1.88993178 137.667047,0.375613238 C127.832108,-0.377636435 110.476945,0.00289800212 99.4325138,1.50939735 C89.5037343,2.86211908 79.8095544,5.67442495 70.498554,9.11747968 C47.2419063,17.7186005 28.2706126,32.4213043 18.4669529,55.9701306 C14.3979518,65.7363123 12.4638079,76.2635629 12.346508,86.8429416 C11.7574022,138.811956 12.114515,190.791396 12.0415284,242.76823 C12.0284951,252.87585 16.5562688,260.57255 24.0999517,266.671527 C38.6920515,278.465488 56.2218605,282.971954 74.1869822,286.07357 C83.2764162,287.642623 92.4805435,288.547044 101.632537,289.751201 C114.827466,289.719924 127.834714,289.686041 141.029643,289.654764 C152.149667,288.088318 163.319218,286.821607 174.361043,284.830317 C187.701945,282.427216 200.505874,278.249157 212.097704,270.932991 C224.823433,262.905279 230.127992,252.031377 229.997659,235.470309 C229.6223,188.21106 229.6223,145.093381 229.807373,98.1547187"
+       id="path-5" />
+    <filter
+       x="-50%"
+       y="-50%"
+       width="200%"
+       height="200%"
+       filterUnits="objectBoundingBox"
+       id="filter-6">
+      <feOffset
+         dx="0"
+         dy="2"
+         in="SourceAlpha"
+         result="shadowOffsetOuter1"
+         id="feOffset5169" />
+      <feGaussianBlur
+         stdDeviation="4"
+         in="shadowOffsetOuter1"
+         result="shadowBlurOuter1"
+         id="feGaussianBlur5171" />
+      <feColorMatrix
+         values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.5 0"
+         type="matrix"
+         in="shadowBlurOuter1"
+         id="feColorMatrix5173" />
+    </filter>
+  </defs>
+  <g
+     id="g6433"
+     transform="rotate(7.7311178,420.07882,263.07987)">
+    <path
+       sodipodi:nodetypes="ccccccccssccccccccccccscccccccccccccccccccccscsssscs"
+       inkscape:connector-curvature="0"
+       id="use5186"
+       d="m 140.38401,101.61083 c -6.70966,0.0601 -11.30557,1.4823 -13.00593,4.54983 -12.89062,29.29761 -25.7828,56.08634 -38.333888,85.5347 l 29.483988,-7.24758 10.09041,-20.27592 2.99585,-7.01372 c 2.82716,2.9103 5.26239,5.31279 7.36508,7.88854 3.35664,4.10599 2.66892,10.23333 1.90497,12.06138 -8.0436,19.21947 -16.21597,38.39002 -24.40092,57.54887 -4.52858,10.60028 -0.11291,18.29044 4.64029,20.32835 11.08285,4.75172 17.91055,-5.82014 21.43575,-13.20916 2.65532,-5.55854 4.83432,-11.3446 7.37069,-16.9631 3.37703,-7.47347 12.07645,-9.83536 18.44536,-7.08081 6.37132,2.75555 11.47828,11.03547 8.32524,18.63487 -4.48075,10.8002 -9.20063,21.50186 -13.73287,32.28296 -3.52638,8.38708 -1.24038,15.75299 5.58838,18.45955 6.60382,2.6161 13.11711,-0.813 16.62649,-8.94127 6.15577,-14.24972 12.18248,-28.55422 18.32512,-42.80658 3.67517,-8.52956 10.27439,-12.02028 17.02365,-9.1475 6.74681,2.87183 8.76226,10.0493 5.23254,18.62329 -0.72833,1.77158 -1.38755,3.57229 -2.13672,5.32596 -4.68946,10.97679 -1.45268,18.5422 7.30002,22.04673 8.77428,3.51378 16.73663,-1.50981 20.77082,-10.95278 4.72292,-11.05514 9.09363,-21.36387 13.74962,-32.26234 2.51856,-5.8952 7.53739,-7.63768 13.505,-6.53811 1.3406,0.24592 5.86368,1.34909 8.11785,1.34088 -0.94284,2.49879 -1.64254,4.57527 -2.49969,6.5816 -14.1002,33.05129 -28.35603,66.03591 -42.20596,99.1915 -2.30273,5.5094 -5.60519,7.96466 -10.86971,8.8288 -13.16465,2.1649 -25.97462,0.52673 -38.5139,-2.7267 -33.3021,-8.64248 -64.4345,-22.00807 -91.52472,-43.85072 -1.726794,-1.39211 -3.356284,-2.92369 -4.942461,-4.48573 -13.666641,-13.45341 -13.99567,-15.25573 -6.236057,-33.41901 l 18.523458,-43.71794 -26.147872,1.67934 c -7.111083,16.69658 -12.986441,28.65084 -20.138244,45.32985 -4.198369,9.79413 -3.224608,19.04038 1.182667,27.92594 8.526678,17.1843 22.77109,28.46145 37.998109,38.54773 7.70417,5.10295 15.78955,9.60725 23.70236,14.38109 12.14036,5.16921 24.10883,10.26198 36.24914,15.43129 10.86915,2.86327 21.66039,6.03663 32.63362,8.45721 13.25687,2.92729 26.7545,3.92135 40.43871,1.39621 15.02108,-2.76814 24.40113,-11.21942 31.14063,-27.32663 19.22894,-45.96544 37.08619,-87.76847 56.69743,-133.20224 15.25789,-35.34323 -135.2067,-101.62951 -182.17424,-101.2086 z m 16.74241,25.34284 c 14.1869,0.0182 41.18184,7.40585 70.72551,20.07254 41.10184,17.62219 70.36856,38.27206 66.76078,46.71691 -3.60885,8.44739 -39.7807,1.04093 -80.88255,-16.58128 -41.10423,-17.62322 -70.36756,-38.27155 -66.75872,-46.71894 1.01472,-2.37509 4.60358,-3.49635 10.15498,-3.48923 z"
+       style="fill:#ffffff;fill-rule:evenodd;stroke:none;stroke-width:1.02677548" />
+    <path
+       sodipodi:nodetypes="czc"
+       inkscape:connector-curvature="0"
+       id="path6402"
+       d="m 139.02439,200.45585 c 0,0 -80.503072,37.79595 -103.069808,0.59925 -22.566736,-37.1967 96.943858,-87.37151 96.943858,-87.37151"
+       style="fill:none;fill-opacity:1;stroke:#ffffff;stroke-width:20;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+  </g>
+  <path
+     style="fill:#ffffff;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+     d="m 344.51382,189.47369 c 0,0 -44.0678,71.36485 -44.0678,79.92863 0,17.84121 18.37644,32.82783 33.36307,32.82783 14.98663,0 32.2926,-13.54586 32.2926,-32.82783 0,-9.29089 -21.58787,-79.92863 -21.58787,-79.92863 z"
+     id="path6435"
+     inkscape:connector-curvature="0"
+     sodipodi:nodetypes="csssc" />
+</svg>
diff --git a/resources/tools/Circle.svg b/resources/tools/Circle.svg
index 6f54076f..50b8068c 100644
--- a/resources/tools/Circle.svg
+++ b/resources/tools/Circle.svg
@@ -13,7 +13,7 @@
    viewBox="0 0 400 400"
    version="1.1"
    id="svg2"
-   inkscape:version="0.91 r13725"
+   inkscape:version="0.92.2 (5c3e80d, 2017-08-06)"
    sodipodi:docname="Circle.svg">
   <metadata
      id="metadata46">
@@ -40,7 +40,7 @@
      id="namedview44"
      showgrid="false"
      inkscape:zoom="0.59"
-     inkscape:cx="200"
+     inkscape:cx="85.59322"
      inkscape:cy="147.85776"
      inkscape:window-x="0"
      inkscape:window-y="0"
@@ -127,64 +127,11 @@
          id="feColorMatrix28" />
     </filter>
   </defs>
-  <g
-     id="Page-1"
-     transform="matrix(1.2358353,0,0,1.25597,-44.742591,-55.556356)"
-     style="fill:none;fill-rule:evenodd;stroke:none;stroke-width:1">
-    <g
-       id="Artboard-6-Copy"
-       transform="translate(-390,-1834)">
-      <use
-         id="Rectangle-4-Copy-3"
-         mask="url(#mask-2)"
-         xlink:href="#path-1"
-         style="stroke:#979797;stroke-width:2;stroke-opacity:0"
-         x="0"
-         y="0"
-         width="100%"
-         height="100%" />
-      <g
-         id="Circle"
-         transform="translate(471,1918)">
-        <g
-           id="Fill-31-Copy-4">
-          <use
-             xlink:href="#path-3"
-             id="use35"
-             style="fill:#000000;fill-opacity:1;filter:url(#filter-4)"
-             x="0"
-             y="0"
-             width="100%"
-             height="100%" />
-          <use
-             xlink:href="#path-3"
-             id="use37"
-             style="fill:#bfbfbf;fill-rule:evenodd"
-             x="0"
-             y="0"
-             width="100%"
-             height="100%" />
-        </g>
-        <g
-           id="Fill-31-Copy-5">
-          <use
-             xlink:href="#path-5"
-             id="use40"
-             style="fill:#000000;fill-opacity:1;filter:url(#filter-6)"
-             x="0"
-             y="0"
-             width="100%"
-             height="100%" />
-          <use
-             xlink:href="#path-5"
-             id="use42"
-             style="fill:#ffffff;fill-rule:evenodd"
-             x="0"
-             y="0"
-             width="100%"
-             height="100%" />
-        </g>
-      </g>
-    </g>
-  </g>
+  <ellipse
+     style="opacity:1;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#ffffff;stroke-width:32;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+     id="path6396"
+     cx="200"
+     cy="200"
+     rx="124.24206"
+     ry="123.3946" />
 </svg>
diff --git a/resources/tools/Code.svg b/resources/tools/Code.svg
index caa9dd7e..905e0490 100644
--- a/resources/tools/Code.svg
+++ b/resources/tools/Code.svg
@@ -1,79 +1,266 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="400px" height="400px" viewBox="0 0 400 400" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 42 (36781) - http://www.bohemiancoding.com/sketch -->
-    <title>Code</title>
-    <desc>Created with Sketch.</desc>
-    <defs>
-        <rect id="path-1" x="390" y="5159" width="400" height="400"></rect>
-        <mask id="mask-2" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="400" height="400" fill="white">
-            <use xlink:href="#path-1"></use>
-        </mask>
-        <path d="M90.394538,19.0257201 C87.0099631,18.553091 71.7850405,24.7020804 68.1032261,28.5886137 L16.118814,83.4635008 L4.71141291,95.4392026 C-1.57047097,102.070376 -1.57047097,112.822665 4.71141291,119.456588 L67.6422421,185.883794 C73.924126,192.517717 87.9689299,195.714387 99.7293217,183.371996 C111.489714,171.029605 96.6764218,168.500331 90.394538,161.866408 L48.0517237,117.171967 C41.7698398,110.540794 41.6265962,104.572187 47.9084801,97.9410136 L90.855522,52.6059992 C97.1374059,45.9748254 97.1374059,35.2197875 90.855522,28.5886137 C88.2554525,25.8439733 93.7791129,19.4983491 90.394538,19.0257201 Z" id="path-3"></path>
-        <filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="filter-4">
-            <feOffset dx="0" dy="8" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
-            <feGaussianBlur stdDeviation="5.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
-            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.5 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
-        </filter>
-        <path d="M225.482173,184.158464 L268.448121,133.144828 L279.855522,121.169126 C286.137406,114.537952 286.137406,103.785663 279.855522,97.1517403 L216.924693,30.7245348 C211.862201,25.3805547 216.649716,17.4999257 210.601518,20.7692394 C204.55332,24.0385531 195.392295,29.4373413 194.172397,30.7245348 C187.890513,37.3557086 187.890513,48.1079973 194.172397,54.7419203 L236.515211,99.4363611 C242.797095,106.067535 242.940339,112.036141 236.658455,118.667315 L193.711413,164.002329 C187.429529,170.633503 187.429529,181.388541 193.711413,188.019715 C199.993297,194.650888 211.983133,197.935824 225.482173,184.158464 Z" id="path-5"></path>
-        <filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="filter-6">
-            <feOffset dx="0" dy="8" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
-            <feGaussianBlur stdDeviation="5.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
-            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.5 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
-        </filter>
-        <path d="M124.238308,205.490082 C128.593813,206.489918 144.30758,199.756365 147.53493,197.026959 C150.76228,194.297553 140.416182,197.519079 141.135847,194.02574 L176.345129,23.1630465 C178.011963,15.0720248 173.149494,7.08822358 165.484658,5.32870816 L164.432468,5.08677479 C162.533737,4.6509081 169.427439,-0.332383953 167.629023,0.0175901862 C165.830607,0.367564325 150.433601,2.72871992 147.53493,16.5483682 L112.328252,187.411061 C110.658813,195.502083 115.521283,203.488634 123.186119,205.248149 L124.238308,205.490082 Z" id="path-7"></path>
-        <filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="filter-8">
-            <feOffset dx="0" dy="8" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
-            <feGaussianBlur stdDeviation="5.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
-            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.5 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
-        </filter>
-        <path d="M102.855522,23.9733803 L102.855522,23.9733803 C96.5736381,17.3422066 86.38511,17.3422066 80.1032261,23.9733803 L28.118814,78.8482674 L28.0875608,78.8152765 L16.7114129,90.8239692 C10.429529,97.4551429 10.429529,108.207432 16.7114129,114.841355 L79.6422421,181.26856 C85.924126,187.902483 96.1100497,187.902483 102.394538,181.26856 C108.676422,174.637386 108.676422,163.885098 102.394538,157.251175 L60.0517237,112.556734 C53.7698398,105.92556 53.6265962,99.9569539 59.9084801,93.3257802 L102.855522,47.9907657 C109.137406,41.359592 109.137406,30.604554 102.855522,23.9733803" id="path-9"></path>
-        <filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="filter-10">
-            <feOffset dx="0" dy="2" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
-            <feGaussianBlur stdDeviation="2" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
-            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.5 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
-        </filter>
-        <path d="M205.711413,182.26856 L205.711413,182.26856 C211.993297,188.899734 222.181825,188.899734 228.463709,182.26856 L280.448121,127.393673 L280.479374,127.426664 L291.855522,115.417971 C298.137406,108.786797 298.137406,98.0345088 291.855522,91.4005858 L228.924693,24.9733803 C222.642809,18.3422066 212.456885,18.3422066 206.172397,24.9733803 L206.172397,24.9733803 C199.890513,31.604554 199.890513,42.3568428 206.172397,48.9907657 L248.515211,93.6852066 C254.797095,100.31638 254.940339,106.284987 248.658455,112.91616 L205.711413,158.251175 C199.429529,164.882348 199.429529,175.637386 205.711413,182.26856" id="path-11"></path>
-        <filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="filter-12">
-            <feOffset dx="0" dy="2" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
-            <feGaussianBlur stdDeviation="2" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
-            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.5 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
-        </filter>
-        <path d="M134.186119,200.507055 L135.238308,200.748988 C142.903144,202.508503 150.469012,197.375667 152.135847,189.284645 L187.345129,18.4219521 C189.011963,10.3309304 184.149494,2.34712918 176.484658,0.58761376 L175.432468,0.34568039 C167.767632,-1.41383503 160.201765,3.71625211 158.53493,11.8072738 L123.328252,182.669967 C121.658813,190.760989 126.521283,198.747539 134.186119,200.507055" id="path-13"></path>
-        <filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="filter-14">
-            <feOffset dx="0" dy="2" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
-            <feGaussianBlur stdDeviation="2" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
-            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.5 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
-        </filter>
-    </defs>
-    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="Artboard-6-Copy" transform="translate(-390.000000, -5159.000000)">
-            <use id="Rectangle-4-Copy-10" stroke-opacity="0" stroke="#979797" mask="url(#mask-2)" stroke-width="2" xlink:href="#path-1"></use>
-            <g id="Code" transform="translate(445.000000, 5251.000000)">
-                <g id="Fill-1-Copy-6">
-                    <use fill="black" fill-opacity="1" filter="url(#filter-4)" xlink:href="#path-3"></use>
-                    <use fill="#BFBFBF" fill-rule="evenodd" xlink:href="#path-3"></use>
-                </g>
-                <g id="Fill-3-Copy-6">
-                    <use fill="black" fill-opacity="1" filter="url(#filter-6)" xlink:href="#path-5"></use>
-                    <use fill="#BFBFBF" fill-rule="evenodd" xlink:href="#path-5"></use>
-                </g>
-                <g id="Fill-5-Copy-5">
-                    <use fill="black" fill-opacity="1" filter="url(#filter-8)" xlink:href="#path-7"></use>
-                    <use fill="#BFBFBF" fill-rule="evenodd" xlink:href="#path-7"></use>
-                </g>
-                <g id="Fill-1-Copy-7">
-                    <use fill="black" fill-opacity="1" filter="url(#filter-10)" xlink:href="#path-9"></use>
-                    <use fill="#FFFFFF" fill-rule="evenodd" xlink:href="#path-9"></use>
-                </g>
-                <g id="Fill-3-Copy-7">
-                    <use fill="black" fill-opacity="1" filter="url(#filter-12)" xlink:href="#path-11"></use>
-                    <use fill="#FFFFFF" fill-rule="evenodd" xlink:href="#path-11"></use>
-                </g>
-                <g id="Fill-5-Copy-6">
-                    <use fill="black" fill-opacity="1" filter="url(#filter-14)" xlink:href="#path-13"></use>
-                    <use fill="#FFFFFF" fill-rule="evenodd" xlink:href="#path-13"></use>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="400px"
+   height="400px"
+   viewBox="0 0 400 400"
+   version="1.1"
+   id="svg6627"
+   sodipodi:docname="Code.svg"
+   inkscape:version="0.92.2 (5c3e80d, 2017-08-06)">
+  <metadata
+     id="metadata6631">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="640"
+     inkscape:window-height="480"
+     id="namedview6629"
+     showgrid="false"
+     inkscape:zoom="1.425"
+     inkscape:cx="211.22807"
+     inkscape:cy="200"
+     inkscape:current-layer="svg6627" />
+  <!-- Generator: Sketch 42 (36781) - http://www.bohemiancoding.com/sketch -->
+  <title
+     id="title6535">Code</title>
+  <desc
+     id="desc6537">Created with Sketch.</desc>
+  <defs
+     id="defs6591">
+    <rect
+       id="path-1"
+       x="390"
+       y="5159"
+       width="400"
+       height="400" />
+    <mask
+       id="mask-2"
+       maskContentUnits="userSpaceOnUse"
+       maskUnits="objectBoundingBox"
+       x="0"
+       y="0"
+       width="400"
+       height="400"
+       fill="white">
+      <use
+         xlink:href="#path-1"
+         id="use6540" />
+    </mask>
+    <path
+       d="M90.394538,19.0257201 C87.0099631,18.553091 71.7850405,24.7020804 68.1032261,28.5886137 L16.118814,83.4635008 L4.71141291,95.4392026 C-1.57047097,102.070376 -1.57047097,112.822665 4.71141291,119.456588 L67.6422421,185.883794 C73.924126,192.517717 87.9689299,195.714387 99.7293217,183.371996 C111.489714,171.029605 96.6764218,168.500331 90.394538,161.866408 L48.0517237,117.171967 C41.7698398,110.540794 41.6265962,104.572187 47.9084801,97.9410136 L90.855522,52.6059992 C97.1374059,45.9748254 97.1374059,35.2197875 90.855522,28.5886137 C88.2554525,25.8439733 93.7791129,19.4983491 90.394538,19.0257201 Z"
+       id="path-3" />
+    <filter
+       x="-50%"
+       y="-50%"
+       width="200%"
+       height="200%"
+       filterUnits="objectBoundingBox"
+       id="filter-4">
+      <feOffset
+         dx="0"
+         dy="8"
+         in="SourceAlpha"
+         result="shadowOffsetOuter1"
+         id="feOffset6544" />
+      <feGaussianBlur
+         stdDeviation="5.5"
+         in="shadowOffsetOuter1"
+         result="shadowBlurOuter1"
+         id="feGaussianBlur6546" />
+      <feColorMatrix
+         values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.5 0"
+         type="matrix"
+         in="shadowBlurOuter1"
+         id="feColorMatrix6548" />
+    </filter>
+    <path
+       d="M225.482173,184.158464 L268.448121,133.144828 L279.855522,121.169126 C286.137406,114.537952 286.137406,103.785663 279.855522,97.1517403 L216.924693,30.7245348 C211.862201,25.3805547 216.649716,17.4999257 210.601518,20.7692394 C204.55332,24.0385531 195.392295,29.4373413 194.172397,30.7245348 C187.890513,37.3557086 187.890513,48.1079973 194.172397,54.7419203 L236.515211,99.4363611 C242.797095,106.067535 242.940339,112.036141 236.658455,118.667315 L193.711413,164.002329 C187.429529,170.633503 187.429529,181.388541 193.711413,188.019715 C199.993297,194.650888 211.983133,197.935824 225.482173,184.158464 Z"
+       id="path-5" />
+    <filter
+       x="-50%"
+       y="-50%"
+       width="200%"
+       height="200%"
+       filterUnits="objectBoundingBox"
+       id="filter-6">
+      <feOffset
+         dx="0"
+         dy="8"
+         in="SourceAlpha"
+         result="shadowOffsetOuter1"
+         id="feOffset6552" />
+      <feGaussianBlur
+         stdDeviation="5.5"
+         in="shadowOffsetOuter1"
+         result="shadowBlurOuter1"
+         id="feGaussianBlur6554" />
+      <feColorMatrix
+         values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.5 0"
+         type="matrix"
+         in="shadowBlurOuter1"
+         id="feColorMatrix6556" />
+    </filter>
+    <path
+       d="M124.238308,205.490082 C128.593813,206.489918 144.30758,199.756365 147.53493,197.026959 C150.76228,194.297553 140.416182,197.519079 141.135847,194.02574 L176.345129,23.1630465 C178.011963,15.0720248 173.149494,7.08822358 165.484658,5.32870816 L164.432468,5.08677479 C162.533737,4.6509081 169.427439,-0.332383953 167.629023,0.0175901862 C165.830607,0.367564325 150.433601,2.72871992 147.53493,16.5483682 L112.328252,187.411061 C110.658813,195.502083 115.521283,203.488634 123.186119,205.248149 L124.238308,205.490082 Z"
+       id="path-7" />
+    <filter
+       x="-50%"
+       y="-50%"
+       width="200%"
+       height="200%"
+       filterUnits="objectBoundingBox"
+       id="filter-8">
+      <feOffset
+         dx="0"
+         dy="8"
+         in="SourceAlpha"
+         result="shadowOffsetOuter1"
+         id="feOffset6560" />
+      <feGaussianBlur
+         stdDeviation="5.5"
+         in="shadowOffsetOuter1"
+         result="shadowBlurOuter1"
+         id="feGaussianBlur6562" />
+      <feColorMatrix
+         values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.5 0"
+         type="matrix"
+         in="shadowBlurOuter1"
+         id="feColorMatrix6564" />
+    </filter>
+    <path
+       d="M102.855522,23.9733803 L102.855522,23.9733803 C96.5736381,17.3422066 86.38511,17.3422066 80.1032261,23.9733803 L28.118814,78.8482674 L28.0875608,78.8152765 L16.7114129,90.8239692 C10.429529,97.4551429 10.429529,108.207432 16.7114129,114.841355 L79.6422421,181.26856 C85.924126,187.902483 96.1100497,187.902483 102.394538,181.26856 C108.676422,174.637386 108.676422,163.885098 102.394538,157.251175 L60.0517237,112.556734 C53.7698398,105.92556 53.6265962,99.9569539 59.9084801,93.3257802 L102.855522,47.9907657 C109.137406,41.359592 109.137406,30.604554 102.855522,23.9733803"
+       id="path-9" />
+    <filter
+       x="-50%"
+       y="-50%"
+       width="200%"
+       height="200%"
+       filterUnits="objectBoundingBox"
+       id="filter-10">
+      <feOffset
+         dx="0"
+         dy="2"
+         in="SourceAlpha"
+         result="shadowOffsetOuter1"
+         id="feOffset6568" />
+      <feGaussianBlur
+         stdDeviation="2"
+         in="shadowOffsetOuter1"
+         result="shadowBlurOuter1"
+         id="feGaussianBlur6570" />
+      <feColorMatrix
+         values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.5 0"
+         type="matrix"
+         in="shadowBlurOuter1"
+         id="feColorMatrix6572" />
+    </filter>
+    <path
+       d="M205.711413,182.26856 L205.711413,182.26856 C211.993297,188.899734 222.181825,188.899734 228.463709,182.26856 L280.448121,127.393673 L280.479374,127.426664 L291.855522,115.417971 C298.137406,108.786797 298.137406,98.0345088 291.855522,91.4005858 L228.924693,24.9733803 C222.642809,18.3422066 212.456885,18.3422066 206.172397,24.9733803 L206.172397,24.9733803 C199.890513,31.604554 199.890513,42.3568428 206.172397,48.9907657 L248.515211,93.6852066 C254.797095,100.31638 254.940339,106.284987 248.658455,112.91616 L205.711413,158.251175 C199.429529,164.882348 199.429529,175.637386 205.711413,182.26856"
+       id="path-11" />
+    <filter
+       x="-50%"
+       y="-50%"
+       width="200%"
+       height="200%"
+       filterUnits="objectBoundingBox"
+       id="filter-12">
+      <feOffset
+         dx="0"
+         dy="2"
+         in="SourceAlpha"
+         result="shadowOffsetOuter1"
+         id="feOffset6576" />
+      <feGaussianBlur
+         stdDeviation="2"
+         in="shadowOffsetOuter1"
+         result="shadowBlurOuter1"
+         id="feGaussianBlur6578" />
+      <feColorMatrix
+         values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.5 0"
+         type="matrix"
+         in="shadowBlurOuter1"
+         id="feColorMatrix6580" />
+    </filter>
+    <path
+       d="M134.186119,200.507055 L135.238308,200.748988 C142.903144,202.508503 150.469012,197.375667 152.135847,189.284645 L187.345129,18.4219521 C189.011963,10.3309304 184.149494,2.34712918 176.484658,0.58761376 L175.432468,0.34568039 C167.767632,-1.41383503 160.201765,3.71625211 158.53493,11.8072738 L123.328252,182.669967 C121.658813,190.760989 126.521283,198.747539 134.186119,200.507055"
+       id="path-13" />
+    <filter
+       x="-50%"
+       y="-50%"
+       width="200%"
+       height="200%"
+       filterUnits="objectBoundingBox"
+       id="filter-14">
+      <feOffset
+         dx="0"
+         dy="2"
+         in="SourceAlpha"
+         result="shadowOffsetOuter1"
+         id="feOffset6584" />
+      <feGaussianBlur
+         stdDeviation="2"
+         in="shadowOffsetOuter1"
+         result="shadowBlurOuter1"
+         id="feGaussianBlur6586" />
+      <feColorMatrix
+         values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.5 0"
+         type="matrix"
+         in="shadowBlurOuter1"
+         id="feColorMatrix6588" />
+    </filter>
+  </defs>
+  <g
+     id="g7250"
+     transform="translate(-9.2834675,7.4527321)">
+    <use
+       transform="translate(55,92)"
+       height="100%"
+       width="100%"
+       y="0"
+       x="0"
+       style="fill:#ffffff;fill-rule:evenodd;stroke:none;stroke-width:1"
+       id="use6611"
+       xlink:href="#path-9" />
+    <use
+       transform="translate(55,92)"
+       height="100%"
+       width="100%"
+       y="0"
+       x="0"
+       style="fill:#ffffff;fill-rule:evenodd;stroke:none;stroke-width:1"
+       id="use6616"
+       xlink:href="#path-11" />
+    <use
+       transform="translate(55,92)"
+       height="100%"
+       width="100%"
+       y="0"
+       x="0"
+       style="fill:#ffffff;fill-rule:evenodd;stroke:none;stroke-width:1"
+       id="use6621"
+       xlink:href="#path-13" />
+  </g>
+</svg>
diff --git a/resources/tools/Cursor.svg b/resources/tools/Cursor.svg
index 7834c9d5..96057773 100644
--- a/resources/tools/Cursor.svg
+++ b/resources/tools/Cursor.svg
@@ -1,39 +1,136 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="400px" height="400px" viewBox="0 0 400 400" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 42 (36781) - http://www.bohemiancoding.com/sketch -->
-    <title>Select</title>
-    <desc>Created with Sketch.</desc>
-    <defs>
-        <rect id="path-1" x="390" y="409" width="400" height="400"></rect>
-        <mask id="mask-2" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="400" height="400" fill="white">
-            <use xlink:href="#path-1"></use>
-        </mask>
-        <path d="M61.6677999,193.4793 C62.0716495,195.610938 62.7266095,197.729926 63.6473598,199.797965 L92.1213663,263.75163 C97.7366799,276.363831 112.513299,282.039688 125.124086,276.425004 L131.601901,273.540895 C144.211226,267.926862 149.882991,253.148947 144.266878,240.534952 L115.792872,176.581287 C114.968366,174.729417 113.970543,173.008507 112.826977,171.429181 L168.517765,164.253577 C176.190587,163.264955 178.04976,157.96296 172.673011,152.410898 L30.2446941,5.33859024 C27.1275409,4.20018484 25.817167,2.86898938 25.817167,2.86898938 L22.3045696,2.17775329 C11.4660462,0.0448647958 2.80634832,7.26950536 2.95050862,18.3120616 L5.67595901,227.079239 C5.77666839,234.793492 11.7054533,238.844085 18.9179206,236.099675 C18.9179206,236.099675 22.285853,236.691556 34.1053265,226.51407 C44.363141,217.681293 58.192452,198.415995 61.6677999,193.4793 Z" id="path-3"></path>
-        <filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="filter-4">
-            <feOffset dx="0" dy="8" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
-            <feGaussianBlur stdDeviation="5.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
-            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.5 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
-        </filter>
-        <path d="M76.6849184,190.77846 C77.0799111,193.054685 77.7597344,195.319426 78.7422287,197.526144 L105.776014,258.245021 C112.182743,272.634769 129.0557,279.11645 143.455285,272.705341 C157.858037,266.292823 164.331627,249.425666 157.921526,235.028343 L130.887741,174.309467 C130.062247,172.455378 129.062995,170.732577 127.917665,169.151727 L183.580256,161.97872 C191.253018,160.989963 192.877595,155.924343 187.211517,150.663998 L31.8299982,6.40895197 C23.7344614,-1.10688419 17.3073313,1.75396745 17.4757251,12.7998861 L20.7075862,224.796324 C20.8254547,232.528001 25.6711256,234.703671 31.5307327,229.658281 L76.6849148,190.778464 Z" id="path-5"></path>
-        <filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="filter-6">
-            <feOffset dx="0" dy="2" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
-            <feGaussianBlur stdDeviation="4" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
-            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.5 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
-        </filter>
-    </defs>
-    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="Artboard-6-Copy" transform="translate(-390.000000, -409.000000)">
-            <use id="Rectangle-4" stroke-opacity="0" stroke="#979797" mask="url(#mask-2)" stroke-width="2" xlink:href="#path-1"></use>
-            <g id="Select" transform="translate(499.000000, 460.000000)">
-                <g id="Combined-Shape-Copy-5" transform="translate(89.347725, 140.197931) rotate(1.000000) translate(-89.347725, -140.197931) ">
-                    <use fill="black" fill-opacity="1" filter="url(#filter-4)" xlink:href="#path-3"></use>
-                    <use fill="#BDBDBD" fill-rule="evenodd" xlink:href="#path-3"></use>
-                </g>
-                <g id="Combined-Shape-Copy-5" transform="translate(104.031710, 138.697338) rotate(1.000000) translate(-104.031710, -138.697338) ">
-                    <use fill="black" fill-opacity="1" filter="url(#filter-6)" xlink:href="#path-5"></use>
-                    <use fill="#FFFFFF" fill-rule="evenodd" xlink:href="#path-5"></use>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="400px"
+   height="400px"
+   viewBox="0 0 400 400"
+   version="1.1"
+   id="svg7340"
+   sodipodi:docname="Cursor.svg"
+   inkscape:version="0.92.2 (5c3e80d, 2017-08-06)">
+  <metadata
+     id="metadata7344">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="640"
+     inkscape:window-height="480"
+     id="namedview7342"
+     showgrid="false"
+     inkscape:zoom="1.425"
+     inkscape:cx="180.70175"
+     inkscape:cy="200"
+     inkscape:current-layer="svg7340" />
+  <!-- Generator: Sketch 42 (36781) - http://www.bohemiancoding.com/sketch -->
+  <title
+     id="title7299">Select</title>
+  <desc
+     id="desc7301">Created with Sketch.</desc>
+  <defs
+     id="defs7323">
+    <rect
+       id="path-1"
+       x="390"
+       y="409"
+       width="400"
+       height="400" />
+    <mask
+       id="mask-2"
+       maskContentUnits="userSpaceOnUse"
+       maskUnits="objectBoundingBox"
+       x="0"
+       y="0"
+       width="400"
+       height="400"
+       fill="white">
+      <use
+         xlink:href="#path-1"
+         id="use7304" />
+    </mask>
+    <path
+       d="M61.6677999,193.4793 C62.0716495,195.610938 62.7266095,197.729926 63.6473598,199.797965 L92.1213663,263.75163 C97.7366799,276.363831 112.513299,282.039688 125.124086,276.425004 L131.601901,273.540895 C144.211226,267.926862 149.882991,253.148947 144.266878,240.534952 L115.792872,176.581287 C114.968366,174.729417 113.970543,173.008507 112.826977,171.429181 L168.517765,164.253577 C176.190587,163.264955 178.04976,157.96296 172.673011,152.410898 L30.2446941,5.33859024 C27.1275409,4.20018484 25.817167,2.86898938 25.817167,2.86898938 L22.3045696,2.17775329 C11.4660462,0.0448647958 2.80634832,7.26950536 2.95050862,18.3120616 L5.67595901,227.079239 C5.77666839,234.793492 11.7054533,238.844085 18.9179206,236.099675 C18.9179206,236.099675 22.285853,236.691556 34.1053265,226.51407 C44.363141,217.681293 58.192452,198.415995 61.6677999,193.4793 Z"
+       id="path-3" />
+    <filter
+       x="-50%"
+       y="-50%"
+       width="200%"
+       height="200%"
+       filterUnits="objectBoundingBox"
+       id="filter-4">
+      <feOffset
+         dx="0"
+         dy="8"
+         in="SourceAlpha"
+         result="shadowOffsetOuter1"
+         id="feOffset7308" />
+      <feGaussianBlur
+         stdDeviation="5.5"
+         in="shadowOffsetOuter1"
+         result="shadowBlurOuter1"
+         id="feGaussianBlur7310" />
+      <feColorMatrix
+         values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.5 0"
+         type="matrix"
+         in="shadowBlurOuter1"
+         id="feColorMatrix7312" />
+    </filter>
+    <path
+       d="M76.6849184,190.77846 C77.0799111,193.054685 77.7597344,195.319426 78.7422287,197.526144 L105.776014,258.245021 C112.182743,272.634769 129.0557,279.11645 143.455285,272.705341 C157.858037,266.292823 164.331627,249.425666 157.921526,235.028343 L130.887741,174.309467 C130.062247,172.455378 129.062995,170.732577 127.917665,169.151727 L183.580256,161.97872 C191.253018,160.989963 192.877595,155.924343 187.211517,150.663998 L31.8299982,6.40895197 C23.7344614,-1.10688419 17.3073313,1.75396745 17.4757251,12.7998861 L20.7075862,224.796324 C20.8254547,232.528001 25.6711256,234.703671 31.5307327,229.658281 L76.6849148,190.778464 Z"
+       id="path-5" />
+    <filter
+       x="-50%"
+       y="-50%"
+       width="200%"
+       height="200%"
+       filterUnits="objectBoundingBox"
+       id="filter-6">
+      <feOffset
+         dx="0"
+         dy="2"
+         in="SourceAlpha"
+         result="shadowOffsetOuter1"
+         id="feOffset7316" />
+      <feGaussianBlur
+         stdDeviation="4"
+         in="shadowOffsetOuter1"
+         result="shadowBlurOuter1"
+         id="feGaussianBlur7318" />
+      <feColorMatrix
+         values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.5 0"
+         type="matrix"
+         in="shadowBlurOuter1"
+         id="feColorMatrix7320" />
+    </filter>
+  </defs>
+  <use
+     xlink:href="#path-5"
+     id="use7333"
+     style="fill:#ffffff;fill-rule:evenodd;stroke:none;stroke-width:1"
+     x="0"
+     y="0"
+     width="100%"
+     height="100%"
+     transform="rotate(1,-3386.8093,5627.3654)" />
+</svg>
diff --git a/resources/tools/Dropper.svg b/resources/tools/Dropper.svg
index c7a46072..d445d156 100644
--- a/resources/tools/Dropper.svg
+++ b/resources/tools/Dropper.svg
@@ -13,7 +13,7 @@
    viewBox="0 0 400 400"
    version="1.1"
    id="svg2"
-   inkscape:version="0.91 r13725"
+   inkscape:version="0.92.2 (5c3e80d, 2017-08-06)"
    sodipodi:docname="Dropper.svg">
   <metadata
      id="metadata46">
@@ -40,7 +40,7 @@
      id="namedview44"
      showgrid="false"
      inkscape:zoom="0.59"
-     inkscape:cx="200"
+     inkscape:cx="91.525424"
      inkscape:cy="200"
      inkscape:window-x="0"
      inkscape:window-y="0"
@@ -127,64 +127,13 @@
          id="feColorMatrix28" />
     </filter>
   </defs>
-  <g
-     id="Page-1"
-     transform="matrix(1.1036324,0,0,1.0950716,-21.587891,-17.190314)"
-     style="fill:none;fill-rule:evenodd;stroke:none;stroke-width:1">
-    <g
-       id="Artboard-6-Copy"
-       transform="translate(-390,-2309)">
-      <use
-         id="Rectangle-4-Copy-4"
-         mask="url(#mask-2)"
-         xlink:href="#path-1"
-         style="stroke:#979797;stroke-width:2;stroke-opacity:0"
-         x="0"
-         y="0"
-         width="100%"
-         height="100%" />
-      <g
-         id="Dropper"
-         transform="translate(460,2384)">
-        <g
-           id="Fill-33-Copy-5">
-          <use
-             xlink:href="#path-3"
-             id="use35"
-             style="fill:#000000;fill-opacity:1;filter:url(#filter-4)"
-             x="0"
-             y="0"
-             width="100%"
-             height="100%" />
-          <use
-             xlink:href="#path-3"
-             id="use37"
-             style="fill:#bfbfbf;fill-rule:evenodd"
-             x="0"
-             y="0"
-             width="100%"
-             height="100%" />
-        </g>
-        <g
-           id="Fill-33-Copy-6">
-          <use
-             xlink:href="#path-5"
-             id="use40"
-             style="fill:#000000;fill-opacity:1;filter:url(#filter-6)"
-             x="0"
-             y="0"
-             width="100%"
-             height="100%" />
-          <use
-             xlink:href="#path-5"
-             id="use42"
-             style="fill:#ffffff;fill-rule:evenodd"
-             x="0"
-             y="0"
-             width="100%"
-             height="100%" />
-        </g>
-      </g>
-    </g>
-  </g>
+  <use
+     xlink:href="#path-5"
+     id="use42"
+     style="fill:#ffffff;fill-rule:evenodd;stroke:none;stroke-width:1"
+     x="0"
+     y="0"
+     width="100%"
+     height="100%"
+     transform="matrix(1.1036324,0,0,1.0950716,46.315338,64.35864)" />
 </svg>
diff --git a/resources/tools/Erase.svg b/resources/tools/Erase.svg
index bd8438e2..b64a887c 100644
--- a/resources/tools/Erase.svg
+++ b/resources/tools/Erase.svg
@@ -1,39 +1,136 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="400px" height="400px" viewBox="0 0 400 400" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 42 (36781) - http://www.bohemiancoding.com/sketch -->
-    <title>Erase</title>
-    <desc>Created with Sketch.</desc>
-    <defs>
-        <rect id="path-1" x="390" y="4209" width="400" height="400"></rect>
-        <mask id="mask-2" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="400" height="400" fill="white">
-            <use xlink:href="#path-1"></use>
-        </mask>
-        <path d="M203.438425,243.737424 C206.924503,244.798573 210.169119,245.982302 212.817383,247.201324 L216.37935,248.840932 C214.420681,250.476082 208.214731,257.412588 205.003758,259.034141 C201.792786,260.655694 205.003758,259.034141 205.003758,259.034141 C201.052014,261.948468 190.470887,264.310996 181.369584,264.310996 L14.1275731,264.310996 C5.02652329,264.310996 -1.21002637,257.023121 0.198551811,248.028587 L0.229331718,247.83204 L0.771321732,246.189405 C3.62355348,237.545007 13.3120921,230.912998 22.4018479,231.375917 L147.431935,237.743401 L33.5981627,123.909629 C19.929297,110.240763 19.7984118,87.9570462 33.3124122,74.1308123 L91.1162454,14.9914534 C103.856024,1.95732938 128.094383,-3.64502875 145.272564,2.4848119 L147.267608,3.19672107 L266.964636,133.584902 C279.289708,147.01083 278.827805,168.348044 265.94221,181.233639 L203.438425,243.737424 Z M121.028479,178.495808 L169.899669,227.366999 C174.589743,232.057072 182.192818,232.05624 186.882766,227.366293 L248.724892,165.524166 C253.414855,160.834204 253.415156,153.230628 248.725598,148.54107 L199.854408,99.66988 C195.164334,94.9798064 187.561259,94.9806382 182.871311,99.6705856 L121.029185,161.512712 C116.339222,166.202675 116.338922,173.806251 121.028479,178.495808 Z" id="path-3"></path>
-        <filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="filter-4">
-            <feOffset dx="0" dy="8" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
-            <feGaussianBlur stdDeviation="5.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
-            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.5 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
-        </filter>
-        <path d="M202.001082,254.645676 C200.749523,255.088296 199.402721,255.329149 197.999807,255.329149 L23.0001934,255.329149 C16.3726696,255.329149 11,249.958023 11,243.329149 C11,236.701732 16.3742581,231.329149 23.0001934,231.329149 L159.151038,231.329149 L51.7496707,123.927781 C38.080805,110.258916 38.0849669,88.0931437 51.7473167,74.4307939 L114.510019,11.6680918 C127.399761,-1.22165049 148.297315,-1.22249818 161.184168,11.6643548 L284.097455,134.577642 C296.985134,147.465321 296.979313,168.366197 284.093718,181.251791 L219.922643,245.422867 C214.860456,250.485054 208.563171,253.559299 202.001082,254.645676 Z M139.179987,178.513961 L188.051177,227.385151 C192.741251,232.075225 200.344326,232.074393 205.034274,227.384446 L266.8764,165.542319 C271.566363,160.852357 271.566664,153.248781 266.877106,148.559223 L218.005916,99.6880327 C213.315842,94.9979591 205.712767,94.9987909 201.022819,99.6887384 L139.180693,161.530865 C134.49073,166.220827 134.49043,173.824403 139.179987,178.513961 Z" id="path-5"></path>
-        <filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="filter-6">
-            <feOffset dx="0" dy="2" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
-            <feGaussianBlur stdDeviation="4" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
-            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.5 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
-        </filter>
-    </defs>
-    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="Artboard-6-Copy" transform="translate(-390.000000, -4209.000000)">
-            <use id="Rectangle-4-Copy-8" stroke-opacity="0" stroke="#979797" mask="url(#mask-2)" stroke-width="2" xlink:href="#path-1"></use>
-            <g id="Erase" transform="translate(447.000000, 4269.000000)">
-                <g id="Combined-Shape-Copy-3">
-                    <use fill="black" fill-opacity="1" filter="url(#filter-4)" xlink:href="#path-3"></use>
-                    <use fill="#BFBFBF" fill-rule="evenodd" xlink:href="#path-3"></use>
-                </g>
-                <g id="Combined-Shape-Copy-4">
-                    <use fill="black" fill-opacity="1" filter="url(#filter-6)" xlink:href="#path-5"></use>
-                    <use fill="#FFFFFF" fill-rule="evenodd" xlink:href="#path-5"></use>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="400px"
+   height="400px"
+   viewBox="0 0 400 400"
+   version="1.1"
+   id="svg9089"
+   sodipodi:docname="Erase.svg"
+   inkscape:version="0.92.2 (5c3e80d, 2017-08-06)">
+  <metadata
+     id="metadata9093">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="640"
+     inkscape:window-height="480"
+     id="namedview9091"
+     showgrid="false"
+     inkscape:zoom="1.425"
+     inkscape:cx="180.70175"
+     inkscape:cy="200"
+     inkscape:current-layer="svg9089" />
+  <!-- Generator: Sketch 42 (36781) - http://www.bohemiancoding.com/sketch -->
+  <title
+     id="title9049">Erase</title>
+  <desc
+     id="desc9051">Created with Sketch.</desc>
+  <defs
+     id="defs9073">
+    <rect
+       id="path-1"
+       x="390"
+       y="4209"
+       width="400"
+       height="400" />
+    <mask
+       id="mask-2"
+       maskContentUnits="userSpaceOnUse"
+       maskUnits="objectBoundingBox"
+       x="0"
+       y="0"
+       width="400"
+       height="400"
+       fill="white">
+      <use
+         xlink:href="#path-1"
+         id="use9054" />
+    </mask>
+    <path
+       d="M203.438425,243.737424 C206.924503,244.798573 210.169119,245.982302 212.817383,247.201324 L216.37935,248.840932 C214.420681,250.476082 208.214731,257.412588 205.003758,259.034141 C201.792786,260.655694 205.003758,259.034141 205.003758,259.034141 C201.052014,261.948468 190.470887,264.310996 181.369584,264.310996 L14.1275731,264.310996 C5.02652329,264.310996 -1.21002637,257.023121 0.198551811,248.028587 L0.229331718,247.83204 L0.771321732,246.189405 C3.62355348,237.545007 13.3120921,230.912998 22.4018479,231.375917 L147.431935,237.743401 L33.5981627,123.909629 C19.929297,110.240763 19.7984118,87.9570462 33.3124122,74.1308123 L91.1162454,14.9914534 C103.856024,1.95732938 128.094383,-3.64502875 145.272564,2.4848119 L147.267608,3.19672107 L266.964636,133.584902 C279.289708,147.01083 278.827805,168.348044 265.94221,181.233639 L203.438425,243.737424 Z M121.028479,178.495808 L169.899669,227.366999 C174.589743,232.057072 182.192818,232.05624 186.882766,227.366293 L248.724892,165.524166 C253.414855,160.834204 253.415156,153.230628 248.725598,148.54107 L199.854408,99.66988 C195.164334,94.9798064 187.561259,94.9806382 182.871311,99.6705856 L121.029185,161.512712 C116.339222,166.202675 116.338922,173.806251 121.028479,178.495808 Z"
+       id="path-3" />
+    <filter
+       x="-50%"
+       y="-50%"
+       width="200%"
+       height="200%"
+       filterUnits="objectBoundingBox"
+       id="filter-4">
+      <feOffset
+         dx="0"
+         dy="8"
+         in="SourceAlpha"
+         result="shadowOffsetOuter1"
+         id="feOffset9058" />
+      <feGaussianBlur
+         stdDeviation="5.5"
+         in="shadowOffsetOuter1"
+         result="shadowBlurOuter1"
+         id="feGaussianBlur9060" />
+      <feColorMatrix
+         values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.5 0"
+         type="matrix"
+         in="shadowBlurOuter1"
+         id="feColorMatrix9062" />
+    </filter>
+    <path
+       d="M202.001082,254.645676 C200.749523,255.088296 199.402721,255.329149 197.999807,255.329149 L23.0001934,255.329149 C16.3726696,255.329149 11,249.958023 11,243.329149 C11,236.701732 16.3742581,231.329149 23.0001934,231.329149 L159.151038,231.329149 L51.7496707,123.927781 C38.080805,110.258916 38.0849669,88.0931437 51.7473167,74.4307939 L114.510019,11.6680918 C127.399761,-1.22165049 148.297315,-1.22249818 161.184168,11.6643548 L284.097455,134.577642 C296.985134,147.465321 296.979313,168.366197 284.093718,181.251791 L219.922643,245.422867 C214.860456,250.485054 208.563171,253.559299 202.001082,254.645676 Z M139.179987,178.513961 L188.051177,227.385151 C192.741251,232.075225 200.344326,232.074393 205.034274,227.384446 L266.8764,165.542319 C271.566363,160.852357 271.566664,153.248781 266.877106,148.559223 L218.005916,99.6880327 C213.315842,94.9979591 205.712767,94.9987909 201.022819,99.6887384 L139.180693,161.530865 C134.49073,166.220827 134.49043,173.824403 139.179987,178.513961 Z"
+       id="path-5" />
+    <filter
+       x="-50%"
+       y="-50%"
+       width="200%"
+       height="200%"
+       filterUnits="objectBoundingBox"
+       id="filter-6">
+      <feOffset
+         dx="0"
+         dy="2"
+         in="SourceAlpha"
+         result="shadowOffsetOuter1"
+         id="feOffset9066" />
+      <feGaussianBlur
+         stdDeviation="4"
+         in="shadowOffsetOuter1"
+         result="shadowBlurOuter1"
+         id="feGaussianBlur9068" />
+      <feColorMatrix
+         values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.5 0"
+         type="matrix"
+         in="shadowBlurOuter1"
+         id="feColorMatrix9070" />
+    </filter>
+  </defs>
+  <use
+     xlink:href="#path-5"
+     id="use9083"
+     style="fill:#ffffff;fill-rule:evenodd;stroke:none;stroke-width:1"
+     x="0"
+     y="0"
+     width="100%"
+     height="100%"
+     transform="translate(47.619718,71.335426)" />
+</svg>
diff --git a/resources/tools/Line.svg b/resources/tools/Line.svg
index b79bcea8..1f009d20 100644
--- a/resources/tools/Line.svg
+++ b/resources/tools/Line.svg
@@ -1,39 +1,140 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="400px" height="400px" viewBox="0 0 400 400" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 42 (36781) - http://www.bohemiancoding.com/sketch -->
-    <title>Line</title>
-    <desc>Created with Sketch.</desc>
-    <defs>
-        <rect id="path-1" x="390" y="5634" width="400" height="400"></rect>
-        <mask id="mask-2" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="400" height="400" fill="white">
-            <use xlink:href="#path-1"></use>
-        </mask>
-        <path d="M-37.7365456,138.235639 C-36.4263663,130.045111 -27.0739359,123.407407 -16.862329,123.40991 L294.554228,123.486231 C304.77256,123.488736 317.868698,130.239724 323.791359,138.545478 L328.952421,145.783189 L328.952421,145.783189 C322.150108,151.097376 308.357745,155.710477 298.144769,156.086896 L-4.87149466,167.255141 C-15.0837782,167.631534 -28.2941413,161.289046 -33.2258129,154.641432 L-33.2258129,154.641432 C-33.2258129,154.641432 -40.2244411,148.076784 -37.7365456,138.235639 C-35.2486501,128.394495 -37.7365456,138.235639 -37.7365456,138.235639 Z" id="path-3"></path>
-        <filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="filter-4">
-            <feOffset dx="0" dy="8" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
-            <feGaussianBlur stdDeviation="5.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
-            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.5 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
-        </filter>
-        <rect id="path-5" x="-22.5563492" y="128.539105" width="354.190909" height="32" rx="16"></rect>
-        <filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="filter-6">
-            <feOffset dx="0" dy="2" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
-            <feGaussianBlur stdDeviation="4" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
-            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.5 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
-        </filter>
-    </defs>
-    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="Artboard-6-Copy" transform="translate(-390.000000, -5634.000000)">
-            <use id="Rectangle-4-Copy-11" stroke-opacity="0" stroke="#979797" mask="url(#mask-2)" stroke-width="2" xlink:href="#path-1"></use>
-            <g id="Line" transform="translate(445.000000, 5689.000000)">
-                <g id="Rectangle-8-Copy-4" transform="translate(145.340504, 145.340504) rotate(-45.000000) translate(-145.340504, -145.340504) ">
-                    <use fill="black" fill-opacity="1" filter="url(#filter-4)" xlink:href="#path-3"></use>
-                    <use fill="#BFBFBF" fill-rule="evenodd" xlink:href="#path-3"></use>
-                </g>
-                <g id="Rectangle-8-Copy-5" transform="translate(154.539105, 144.539105) rotate(-45.000000) translate(-154.539105, -144.539105) ">
-                    <use fill="black" fill-opacity="1" filter="url(#filter-6)" xlink:href="#path-5"></use>
-                    <use fill="#FFFFFF" fill-rule="evenodd" xlink:href="#path-5"></use>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="400px"
+   height="400px"
+   viewBox="0 0 400 400"
+   version="1.1"
+   id="svg9751"
+   sodipodi:docname="Line.svg"
+   inkscape:version="0.92.2 (5c3e80d, 2017-08-06)">
+  <metadata
+     id="metadata9755">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="640"
+     inkscape:window-height="480"
+     id="namedview9753"
+     showgrid="false"
+     inkscape:zoom="0.7125"
+     inkscape:cx="208.77193"
+     inkscape:cy="200"
+     inkscape:current-layer="svg9751" />
+  <!-- Generator: Sketch 42 (36781) - http://www.bohemiancoding.com/sketch -->
+  <title
+     id="title9711">Line</title>
+  <desc
+     id="desc9713">Created with Sketch.</desc>
+  <defs
+     id="defs9735">
+    <rect
+       id="path-1"
+       x="390"
+       y="5634"
+       width="400"
+       height="400" />
+    <mask
+       id="mask-2"
+       maskContentUnits="userSpaceOnUse"
+       maskUnits="objectBoundingBox"
+       x="0"
+       y="0"
+       width="400"
+       height="400"
+       fill="white">
+      <use
+         xlink:href="#path-1"
+         id="use9716" />
+    </mask>
+    <path
+       d="M-37.7365456,138.235639 C-36.4263663,130.045111 -27.0739359,123.407407 -16.862329,123.40991 L294.554228,123.486231 C304.77256,123.488736 317.868698,130.239724 323.791359,138.545478 L328.952421,145.783189 L328.952421,145.783189 C322.150108,151.097376 308.357745,155.710477 298.144769,156.086896 L-4.87149466,167.255141 C-15.0837782,167.631534 -28.2941413,161.289046 -33.2258129,154.641432 L-33.2258129,154.641432 C-33.2258129,154.641432 -40.2244411,148.076784 -37.7365456,138.235639 C-35.2486501,128.394495 -37.7365456,138.235639 -37.7365456,138.235639 Z"
+       id="path-3" />
+    <filter
+       x="-50%"
+       y="-50%"
+       width="200%"
+       height="200%"
+       filterUnits="objectBoundingBox"
+       id="filter-4">
+      <feOffset
+         dx="0"
+         dy="8"
+         in="SourceAlpha"
+         result="shadowOffsetOuter1"
+         id="feOffset9720" />
+      <feGaussianBlur
+         stdDeviation="5.5"
+         in="shadowOffsetOuter1"
+         result="shadowBlurOuter1"
+         id="feGaussianBlur9722" />
+      <feColorMatrix
+         values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.5 0"
+         type="matrix"
+         in="shadowBlurOuter1"
+         id="feColorMatrix9724" />
+    </filter>
+    <rect
+       id="path-5"
+       x="-22.5563492"
+       y="128.539105"
+       width="354.190909"
+       height="32"
+       rx="16" />
+    <filter
+       x="-50%"
+       y="-50%"
+       width="200%"
+       height="200%"
+       filterUnits="objectBoundingBox"
+       id="filter-6">
+      <feOffset
+         dx="0"
+         dy="2"
+         in="SourceAlpha"
+         result="shadowOffsetOuter1"
+         id="feOffset9728" />
+      <feGaussianBlur
+         stdDeviation="4"
+         in="shadowOffsetOuter1"
+         result="shadowBlurOuter1"
+         id="feGaussianBlur9730" />
+      <feColorMatrix
+         values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.5 0"
+         type="matrix"
+         in="shadowBlurOuter1"
+         id="feColorMatrix9732" />
+    </filter>
+  </defs>
+  <use
+     xlink:href="#path-5"
+     id="use9745"
+     style="fill:#ffffff;fill-rule:evenodd;stroke:none;stroke-width:1"
+     x="0"
+     y="0"
+     width="100%"
+     height="100%"
+     transform="rotate(-45,244.21677,117.39341)" />
+</svg>
diff --git a/resources/tools/Paintbrush.svg b/resources/tools/Paintbrush.svg
index 25d090ac..ef1431f2 100644
--- a/resources/tools/Paintbrush.svg
+++ b/resources/tools/Paintbrush.svg
@@ -1,39 +1,141 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="400px" height="400px" viewBox="0 0 400 400" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 42 (36781) - http://www.bohemiancoding.com/sketch -->
-    <title>Paintbrush</title>
-    <desc>Created with Sketch.</desc>
-    <defs>
-        <rect id="path-1" x="390" y="884" width="400" height="400"></rect>
-        <mask id="mask-2" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="400" height="400" fill="white">
-            <use xlink:href="#path-1"></use>
-        </mask>
-        <path d="M26.9913676,166.217405 C26.9913676,170.906717 26.7718949,175.21199 27.0317968,179.485501 C27.8288291,192.485059 36.0330644,200.183153 49.5364099,200.443029 C60.2819078,200.648042 71.0562837,200.91658 81.7786793,200.367954 C90.707752,199.911728 96.0386279,205.926405 95.879799,214.271301 C95.4552926,236.476232 95.7036433,258.695601 95.7758382,280.909195 C95.807604,291.16562 100.384765,298.600952 108.577449,301.771435 C115.294468,304.373079 122.109672,304.373079 128.84113,301.75411 C134.527205,299.539392 138.419958,295.427581 140.120871,289.615029 C141.044966,286.458984 141.533004,283.060387 141.550331,279.765742 C141.677394,257.43376 141.61675,235.101779 141.634077,212.76691 C141.642741,205.045716 146.147706,200.518104 153.832138,200.503667 C165.059898,200.483454 176.287658,200.587404 187.512531,200.471904 C198.292682,200.359291 205.988665,195.412991 208.885127,186.790895 C211.134722,180.10054 210.438762,173.202285 210.300148,166.217405 L26.9913676,166.217405 Z M183.911446,28.5670456 C179.545095,28.5670456 176.004654,32.1071296 176.004654,36.4759281 C176.004654,46.4262782 176.021981,52.2417178 175.998878,62.1545303 C175.984439,69.4137236 171.219572,74.3917862 164.398592,74.3398111 C157.77687,74.2878359 153.115964,69.3155484 153.104413,62.2238305 C153.089974,53.7201216 153.092861,45.2164126 153.098637,36.6029784 C153.098637,32.2543924 149.572635,28.7143085 145.223611,28.7143085 L137.845286,28.7143085 C133.588671,28.7143085 130.134864,32.1677672 130.143527,36.4239529 C130.155078,41.5030783 130.163742,46.5591035 130.114649,51.6151288 C130.062669,57.2602055 125.817605,62.0996677 120.466515,62.8157695 C114.679367,63.5896215 109.360042,60.3065257 107.676456,54.7856118 C107.30393,53.5613087 107.254837,52.2041802 107.249061,50.9076895 C107.223071,46.339653 107.223071,41.7716164 107.225959,37.1313922 C107.228847,32.5142681 103.483372,28.7691711 98.8686704,28.7691711 L92.7609767,28.7691711 C88.0740798,28.7691711 84.2766249,32.5662432 84.2766249,37.2526675 L84.2766249,43.3279829 C84.2737371,60.8840271 84.2766249,67.2047806 84.2621859,84.7608249 C84.2564103,92.337644 79.5868403,97.3388066 72.6359095,97.2723939 C65.9448805,97.2059812 61.3359542,92.0922058 61.3417298,84.7694874 C61.353281,67.4531062 61.353281,61.3720159 61.3561688,44.0527472 L61.3561688,37.0476545 C61.3561688,32.4420804 57.6222455,28.7085335 53.0190948,28.7085335 L38.5685515,28.7085335 L38.5685515,143.166435 C98.831129,143.16066 159.093706,143.17221 219.356284,143.111572 C223.569582,143.105797 227.615387,143.41476 230.367459,146.957732 C231.70451,148.678686 233.145521,150.936717 233.15996,152.960859 C233.229268,163.687949 233.873247,174.556526 232.432235,185.11614 C229.587754,205.946618 208.327782,223.366949 187.258405,223.401599 C182.975799,223.410262 178.696082,223.407375 174.312404,223.407375 C168.929548,223.404487 164.551645,227.770398 164.551645,233.152712 L164.551645,239.499453 C164.548758,257.176772 164.51988,262.717899 164.54587,280.395218 C164.580523,306.082483 136.626236,328.411577 111.005688,326.534697 C89.1594929,324.935018 68.8986991,303.241176 68.8380554,281.28457 C68.7918506,265.362855 68.814953,249.44114 68.8236164,233.198912 C68.8265042,227.822373 64.4601529,223.453575 59.0830723,223.444912 C57.5178855,223.442025 56.1721715,223.433362 55.4097927,223.41315 C47.7831171,223.205249 45.9897942,223.725 38.5075085,222.564222 C17.3341705,219.284014 0.0564725025,198.511287 0.0218189214,177.178383 C0.0102677277,170.251253 -0.0157224581,163.324123 0.0131555262,156.396993 C0.0478091072,148.208022 3.17674752,143.166435 11.4892665,140.131945 C11.4892665,130.889034 11.4892665,124.299462 11.4892665,114.998801 C11.4834909,82.9907829 11.4892214,50.9827647 11.4661641,18.9747464 C11.4563609,5.36601074 27.1045157,1 30.1372513,1 C35.3727267,1 27.2407812,6.89052847 38.9208629,6.89052847 C99.0939186,6.89052847 139.546199,6.64509035 199.303412,6.64509035 C215.209405,6.64509035 221.874444,7.08110395 221.874444,18.9631964 C221.877332,52.6459689 221.885995,86.3258538 221.865781,120.005739 C221.860005,125.543978 218.73252,129.745301 213.658658,131.269905 C208.968873,132.679008 203.643773,131.064892 201.116949,126.776943 C199.808776,124.550675 199.055061,121.654505 199.04351,119.055749 C198.907783,89.9150254 198.965539,71.6919669 198.968427,42.5512434 L198.968427,35.8839891 C198.968427,31.8443664 195.693664,28.5670456 191.653634,28.5670456 L183.911446,28.5670456 Z" id="path-3"></path>
-        <filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="filter-4">
-            <feOffset dx="0" dy="8" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
-            <feGaussianBlur stdDeviation="5.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
-            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.5 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
-        </filter>
-        <path d="M34.9913676,159.572315 C34.9913676,164.261627 34.7718949,168.5669 35.0317968,172.840411 C35.8288291,185.839969 44.0330644,193.538063 57.5364099,193.797939 C68.2819078,194.002952 79.0562837,194.27149 89.7786793,193.722864 C98.707752,193.266637 104.038628,199.281315 103.879799,207.626211 C103.455293,229.831142 103.703643,252.050511 103.775838,274.264104 C103.807604,284.52053 108.384765,291.955861 116.577449,295.126344 C123.294468,297.727988 130.109672,297.727988 136.84113,295.109019 C142.527205,292.894301 146.419958,288.782491 148.120871,282.969939 C149.044966,279.813893 149.533004,276.415297 149.550331,273.120651 C149.677394,250.78867 149.61675,228.456689 149.634077,206.12182 C149.642741,198.400625 154.147706,193.873014 161.832138,193.858576 C173.059898,193.838364 184.287658,193.942314 195.512531,193.826814 C206.292682,193.714201 213.988665,188.767901 216.885127,180.145804 C219.134722,173.45545 218.438762,166.557195 218.300148,159.572315 L34.9913676,159.572315 Z M199.653634,21.9219553 L191.911446,21.9219553 C187.545095,21.9219553 184.004654,25.4620392 184.004654,29.8308377 L184.004654,29.8683753 C184.004654,39.7811878 184.021981,45.5966275 183.998878,55.50944 C183.984439,62.7686333 179.219572,67.7466959 172.398592,67.6947207 C165.77687,67.6427456 161.115964,62.6704581 161.104413,55.5787402 C161.089974,47.0750312 161.092861,38.5713223 161.098637,29.9578881 C161.098637,25.6093021 157.572635,22.0692182 153.223611,22.0692182 L145.845286,22.0692182 C141.588671,22.0692182 138.134864,25.5226769 138.143527,29.7788626 C138.155078,34.8579879 138.163742,39.9140132 138.114649,44.9700384 C138.062669,50.6151151 133.817605,55.4545774 128.466515,56.1706792 C122.679367,56.9445311 117.360042,53.6614353 115.676456,48.1405214 C115.30393,46.9162183 115.254837,45.5590899 115.249061,44.2625991 C115.223071,39.6945626 115.223071,35.1265261 115.225959,30.4863019 C115.228847,25.8691777 111.483372,22.1240808 106.86867,22.1240808 L100.760977,22.1240808 C96.0740798,22.1240808 92.2766249,25.9211529 92.2766249,30.6075772 L92.2766249,36.6828925 C92.2737371,54.2389368 92.2766249,60.5596902 92.2621859,78.1157345 C92.2564103,85.6925536 87.5868403,90.6937162 80.6359095,90.6273036 C73.9448805,90.5608909 69.3359542,85.4471155 69.3417298,78.124397 C69.353281,60.8080159 69.353281,54.7269255 69.3561688,37.4076568 L69.3561688,30.4025642 C69.3561688,25.7969901 65.6222455,22.0634431 61.0190948,22.0634431 L46.5685515,22.0634431 L46.5685515,136.521344 L46.5685515,136.524232 C106.831129,136.515569 167.093706,136.527119 227.356284,136.466482 C231.569582,136.460707 235.615387,136.76967 238.367459,140.312641 C239.70451,142.033596 241.145521,144.291626 241.15996,146.315769 C241.229268,157.042859 241.873247,167.911436 240.432235,178.47105 C237.587754,199.301528 216.327782,216.721859 195.258405,216.756509 C190.975799,216.765172 186.696082,216.762284 182.312404,216.762284 C176.929548,216.759397 172.551645,221.125308 172.551645,226.507621 L172.551645,232.854362 C172.548758,250.531682 172.51988,256.072808 172.54587,273.750128 C172.580523,299.437393 148.626236,321.766486 123.005688,319.889607 C101.159493,318.289928 80.8986991,296.596086 80.8380554,274.63948 C80.7918506,258.717765 80.814953,242.79605 80.8236164,226.553821 C80.8265042,221.177283 76.4601529,216.808484 71.0830723,216.799822 C69.5178855,216.796934 68.1721715,216.788272 67.4097927,216.768059 C59.7831171,216.560159 57.9897942,217.07991 50.5075085,215.919132 C29.3341705,212.638924 12.0564725,191.866196 12.0218189,170.533293 C12.0102677,163.606163 11.9842775,156.679033 12.0131555,149.751903 C12.0478091,141.562932 15.1752948,137.82361 23.4892665,136.197943 L23.4892665,108.353711 C23.4834909,76.3456925 23.4892665,44.3376743 23.4661641,12.3296561 C23.4575007,0.303188265 30.5412702,0.245438119 46.9208629,0.245438119 C107.093919,0.245438119 147.546199,0 207.303412,0 C223.209405,0 229.874444,0.4360136 229.874444,12.3181061 C229.877332,46.0008785 229.885995,79.6807635 229.865781,113.360648 C229.860005,118.898887 226.73252,123.10021 221.658658,124.624814 C216.968873,126.033918 211.643773,124.419801 209.116949,120.131853 C207.808776,117.905585 207.055061,115.009415 207.04351,112.410658 C206.907783,83.269935 206.965539,65.0468765 206.968427,35.9061531 L206.968427,29.2388987 C206.968427,25.1992761 203.693664,21.9219553 199.653634,21.9219553 L199.653634,21.9219553 Z" id="path-5"></path>
-        <filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="filter-6">
-            <feOffset dx="0" dy="2" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
-            <feGaussianBlur stdDeviation="4" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
-            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.5 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
-        </filter>
-    </defs>
-    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="Artboard-6-Copy" transform="translate(-390.000000, -884.000000)">
-            <use id="Rectangle-4-Copy" stroke-opacity="0" stroke="#979797" mask="url(#mask-2)" stroke-width="2" xlink:href="#path-1"></use>
-            <g id="Paintbrush" transform="translate(470.000000, 921.000000)">
-                <g id="Fill-9-Copy-4">
-                    <use fill="black" fill-opacity="1" filter="url(#filter-4)" xlink:href="#path-3"></use>
-                    <use fill="#BFBFBF" fill-rule="evenodd" xlink:href="#path-3"></use>
-                </g>
-                <g id="Fill-9-Copy-5">
-                    <use fill="black" fill-opacity="1" filter="url(#filter-6)" xlink:href="#path-5"></use>
-                    <use fill="#FFFFFF" fill-rule="evenodd" xlink:href="#path-5"></use>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="400px"
+   height="400px"
+   viewBox="0 0 400 400"
+   version="1.1"
+   id="svg42"
+   sodipodi:docname="Paintbrush.svg"
+   inkscape:version="0.92.2 (5c3e80d, 2017-08-06)">
+  <metadata
+     id="metadata46">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title>Paintbrush</dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1304"
+     inkscape:window-height="745"
+     id="namedview44"
+     showgrid="false"
+     inkscape:zoom="0.59"
+     inkscape:cx="273.72881"
+     inkscape:cy="200"
+     inkscape:window-x="54"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg42"
+     inkscape:pagecheckerboard="true" />
+  <!-- Generator: Sketch 42 (36781) - http://www.bohemiancoding.com/sketch -->
+  <title
+     id="title2">Paintbrush</title>
+  <desc
+     id="desc4">Created with Sketch.</desc>
+  <defs
+     id="defs26">
+    <rect
+       id="path-1"
+       x="390"
+       y="884"
+       width="400"
+       height="400" />
+    <mask
+       id="mask-2"
+       maskContentUnits="userSpaceOnUse"
+       maskUnits="objectBoundingBox"
+       x="0"
+       y="0"
+       width="400"
+       height="400"
+       fill="white">
+      <use
+         xlink:href="#path-1"
+         id="use7" />
+    </mask>
+    <path
+       d="M26.9913676,166.217405 C26.9913676,170.906717 26.7718949,175.21199 27.0317968,179.485501 C27.8288291,192.485059 36.0330644,200.183153 49.5364099,200.443029 C60.2819078,200.648042 71.0562837,200.91658 81.7786793,200.367954 C90.707752,199.911728 96.0386279,205.926405 95.879799,214.271301 C95.4552926,236.476232 95.7036433,258.695601 95.7758382,280.909195 C95.807604,291.16562 100.384765,298.600952 108.577449,301.771435 C115.294468,304.373079 122.109672,304.373079 128.84113,301.75411 C134.527205,299.539392 138.419958,295.427581 140.120871,289.615029 C141.044966,286.458984 141.533004,283.060387 141.550331,279.765742 C141.677394,257.43376 141.61675,235.101779 141.634077,212.76691 C141.642741,205.045716 146.147706,200.518104 153.832138,200.503667 C165.059898,200.483454 176.287658,200.587404 187.512531,200.471904 C198.292682,200.359291 205.988665,195.412991 208.885127,186.790895 C211.134722,180.10054 210.438762,173.202285 210.300148,166.217405 L26.9913676,166.217405 Z M183.911446,28.5670456 C179.545095,28.5670456 176.004654,32.1071296 176.004654,36.4759281 C176.004654,46.4262782 176.021981,52.2417178 175.998878,62.1545303 C175.984439,69.4137236 171.219572,74.3917862 164.398592,74.3398111 C157.77687,74.2878359 153.115964,69.3155484 153.104413,62.2238305 C153.089974,53.7201216 153.092861,45.2164126 153.098637,36.6029784 C153.098637,32.2543924 149.572635,28.7143085 145.223611,28.7143085 L137.845286,28.7143085 C133.588671,28.7143085 130.134864,32.1677672 130.143527,36.4239529 C130.155078,41.5030783 130.163742,46.5591035 130.114649,51.6151288 C130.062669,57.2602055 125.817605,62.0996677 120.466515,62.8157695 C114.679367,63.5896215 109.360042,60.3065257 107.676456,54.7856118 C107.30393,53.5613087 107.254837,52.2041802 107.249061,50.9076895 C107.223071,46.339653 107.223071,41.7716164 107.225959,37.1313922 C107.228847,32.5142681 103.483372,28.7691711 98.8686704,28.7691711 L92.7609767,28.7691711 C88.0740798,28.7691711 84.2766249,32.5662432 84.2766249,37.2526675 L84.2766249,43.3279829 C84.2737371,60.8840271 84.2766249,67.2047806 84.2621859,84.7608249 C84.2564103,92.337644 79.5868403,97.3388066 72.6359095,97.2723939 C65.9448805,97.2059812 61.3359542,92.0922058 61.3417298,84.7694874 C61.353281,67.4531062 61.353281,61.3720159 61.3561688,44.0527472 L61.3561688,37.0476545 C61.3561688,32.4420804 57.6222455,28.7085335 53.0190948,28.7085335 L38.5685515,28.7085335 L38.5685515,143.166435 C98.831129,143.16066 159.093706,143.17221 219.356284,143.111572 C223.569582,143.105797 227.615387,143.41476 230.367459,146.957732 C231.70451,148.678686 233.145521,150.936717 233.15996,152.960859 C233.229268,163.687949 233.873247,174.556526 232.432235,185.11614 C229.587754,205.946618 208.327782,223.366949 187.258405,223.401599 C182.975799,223.410262 178.696082,223.407375 174.312404,223.407375 C168.929548,223.404487 164.551645,227.770398 164.551645,233.152712 L164.551645,239.499453 C164.548758,257.176772 164.51988,262.717899 164.54587,280.395218 C164.580523,306.082483 136.626236,328.411577 111.005688,326.534697 C89.1594929,324.935018 68.8986991,303.241176 68.8380554,281.28457 C68.7918506,265.362855 68.814953,249.44114 68.8236164,233.198912 C68.8265042,227.822373 64.4601529,223.453575 59.0830723,223.444912 C57.5178855,223.442025 56.1721715,223.433362 55.4097927,223.41315 C47.7831171,223.205249 45.9897942,223.725 38.5075085,222.564222 C17.3341705,219.284014 0.0564725025,198.511287 0.0218189214,177.178383 C0.0102677277,170.251253 -0.0157224581,163.324123 0.0131555262,156.396993 C0.0478091072,148.208022 3.17674752,143.166435 11.4892665,140.131945 C11.4892665,130.889034 11.4892665,124.299462 11.4892665,114.998801 C11.4834909,82.9907829 11.4892214,50.9827647 11.4661641,18.9747464 C11.4563609,5.36601074 27.1045157,1 30.1372513,1 C35.3727267,1 27.2407812,6.89052847 38.9208629,6.89052847 C99.0939186,6.89052847 139.546199,6.64509035 199.303412,6.64509035 C215.209405,6.64509035 221.874444,7.08110395 221.874444,18.9631964 C221.877332,52.6459689 221.885995,86.3258538 221.865781,120.005739 C221.860005,125.543978 218.73252,129.745301 213.658658,131.269905 C208.968873,132.679008 203.643773,131.064892 201.116949,126.776943 C199.808776,124.550675 199.055061,121.654505 199.04351,119.055749 C198.907783,89.9150254 198.965539,71.6919669 198.968427,42.5512434 L198.968427,35.8839891 C198.968427,31.8443664 195.693664,28.5670456 191.653634,28.5670456 L183.911446,28.5670456 Z"
+       id="path-3" />
+    <filter
+       x="-50%"
+       y="-50%"
+       width="200%"
+       height="200%"
+       filterUnits="objectBoundingBox"
+       id="filter-4">
+      <feOffset
+         dx="0"
+         dy="8"
+         in="SourceAlpha"
+         result="shadowOffsetOuter1"
+         id="feOffset11" />
+      <feGaussianBlur
+         stdDeviation="5.5"
+         in="shadowOffsetOuter1"
+         result="shadowBlurOuter1"
+         id="feGaussianBlur13" />
+      <feColorMatrix
+         values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.5 0"
+         type="matrix"
+         in="shadowBlurOuter1"
+         id="feColorMatrix15" />
+    </filter>
+    <path
+       d="M34.9913676,159.572315 C34.9913676,164.261627 34.7718949,168.5669 35.0317968,172.840411 C35.8288291,185.839969 44.0330644,193.538063 57.5364099,193.797939 C68.2819078,194.002952 79.0562837,194.27149 89.7786793,193.722864 C98.707752,193.266637 104.038628,199.281315 103.879799,207.626211 C103.455293,229.831142 103.703643,252.050511 103.775838,274.264104 C103.807604,284.52053 108.384765,291.955861 116.577449,295.126344 C123.294468,297.727988 130.109672,297.727988 136.84113,295.109019 C142.527205,292.894301 146.419958,288.782491 148.120871,282.969939 C149.044966,279.813893 149.533004,276.415297 149.550331,273.120651 C149.677394,250.78867 149.61675,228.456689 149.634077,206.12182 C149.642741,198.400625 154.147706,193.873014 161.832138,193.858576 C173.059898,193.838364 184.287658,193.942314 195.512531,193.826814 C206.292682,193.714201 213.988665,188.767901 216.885127,180.145804 C219.134722,173.45545 218.438762,166.557195 218.300148,159.572315 L34.9913676,159.572315 Z M199.653634,21.9219553 L191.911446,21.9219553 C187.545095,21.9219553 184.004654,25.4620392 184.004654,29.8308377 L184.004654,29.8683753 C184.004654,39.7811878 184.021981,45.5966275 183.998878,55.50944 C183.984439,62.7686333 179.219572,67.7466959 172.398592,67.6947207 C165.77687,67.6427456 161.115964,62.6704581 161.104413,55.5787402 C161.089974,47.0750312 161.092861,38.5713223 161.098637,29.9578881 C161.098637,25.6093021 157.572635,22.0692182 153.223611,22.0692182 L145.845286,22.0692182 C141.588671,22.0692182 138.134864,25.5226769 138.143527,29.7788626 C138.155078,34.8579879 138.163742,39.9140132 138.114649,44.9700384 C138.062669,50.6151151 133.817605,55.4545774 128.466515,56.1706792 C122.679367,56.9445311 117.360042,53.6614353 115.676456,48.1405214 C115.30393,46.9162183 115.254837,45.5590899 115.249061,44.2625991 C115.223071,39.6945626 115.223071,35.1265261 115.225959,30.4863019 C115.228847,25.8691777 111.483372,22.1240808 106.86867,22.1240808 L100.760977,22.1240808 C96.0740798,22.1240808 92.2766249,25.9211529 92.2766249,30.6075772 L92.2766249,36.6828925 C92.2737371,54.2389368 92.2766249,60.5596902 92.2621859,78.1157345 C92.2564103,85.6925536 87.5868403,90.6937162 80.6359095,90.6273036 C73.9448805,90.5608909 69.3359542,85.4471155 69.3417298,78.124397 C69.353281,60.8080159 69.353281,54.7269255 69.3561688,37.4076568 L69.3561688,30.4025642 C69.3561688,25.7969901 65.6222455,22.0634431 61.0190948,22.0634431 L46.5685515,22.0634431 L46.5685515,136.521344 L46.5685515,136.524232 C106.831129,136.515569 167.093706,136.527119 227.356284,136.466482 C231.569582,136.460707 235.615387,136.76967 238.367459,140.312641 C239.70451,142.033596 241.145521,144.291626 241.15996,146.315769 C241.229268,157.042859 241.873247,167.911436 240.432235,178.47105 C237.587754,199.301528 216.327782,216.721859 195.258405,216.756509 C190.975799,216.765172 186.696082,216.762284 182.312404,216.762284 C176.929548,216.759397 172.551645,221.125308 172.551645,226.507621 L172.551645,232.854362 C172.548758,250.531682 172.51988,256.072808 172.54587,273.750128 C172.580523,299.437393 148.626236,321.766486 123.005688,319.889607 C101.159493,318.289928 80.8986991,296.596086 80.8380554,274.63948 C80.7918506,258.717765 80.814953,242.79605 80.8236164,226.553821 C80.8265042,221.177283 76.4601529,216.808484 71.0830723,216.799822 C69.5178855,216.796934 68.1721715,216.788272 67.4097927,216.768059 C59.7831171,216.560159 57.9897942,217.07991 50.5075085,215.919132 C29.3341705,212.638924 12.0564725,191.866196 12.0218189,170.533293 C12.0102677,163.606163 11.9842775,156.679033 12.0131555,149.751903 C12.0478091,141.562932 15.1752948,137.82361 23.4892665,136.197943 L23.4892665,108.353711 C23.4834909,76.3456925 23.4892665,44.3376743 23.4661641,12.3296561 C23.4575007,0.303188265 30.5412702,0.245438119 46.9208629,0.245438119 C107.093919,0.245438119 147.546199,0 207.303412,0 C223.209405,0 229.874444,0.4360136 229.874444,12.3181061 C229.877332,46.0008785 229.885995,79.6807635 229.865781,113.360648 C229.860005,118.898887 226.73252,123.10021 221.658658,124.624814 C216.968873,126.033918 211.643773,124.419801 209.116949,120.131853 C207.808776,117.905585 207.055061,115.009415 207.04351,112.410658 C206.907783,83.269935 206.965539,65.0468765 206.968427,35.9061531 L206.968427,29.2388987 C206.968427,25.1992761 203.693664,21.9219553 199.653634,21.9219553 L199.653634,21.9219553 Z"
+       id="path-5" />
+    <filter
+       x="-50%"
+       y="-50%"
+       width="200%"
+       height="200%"
+       filterUnits="objectBoundingBox"
+       id="filter-6">
+      <feOffset
+         dx="0"
+         dy="2"
+         in="SourceAlpha"
+         result="shadowOffsetOuter1"
+         id="feOffset19" />
+      <feGaussianBlur
+         stdDeviation="4"
+         in="shadowOffsetOuter1"
+         result="shadowBlurOuter1"
+         id="feGaussianBlur21" />
+      <feColorMatrix
+         values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.5 0"
+         type="matrix"
+         in="shadowBlurOuter1"
+         id="feColorMatrix23" />
+    </filter>
+  </defs>
+  <use
+     xlink:href="#path-5"
+     id="use36"
+     style="fill:#ffffff;fill-rule:evenodd;stroke:none;stroke-width:1"
+     x="0"
+     y="0"
+     width="100%"
+     height="100%"
+     transform="translate(73.318545,40)" />
+</svg>
diff --git a/resources/tools/Pan.svg b/resources/tools/Pan.svg
index 32d0647a..9c6de169 100644
--- a/resources/tools/Pan.svg
+++ b/resources/tools/Pan.svg
@@ -16,7 +16,7 @@
    viewBox="0 0 268.012 268.012"
    style="enable-background:new 0 0 268.012 268.012;"
    xml:space="preserve"
-   inkscape:version="0.91 r13725"
+   inkscape:version="0.92.2 (5c3e80d, 2017-08-06)"
    sodipodi:docname="Pan.svg"><metadata
      id="metadata41"><rdf:RDF><cc:Work
          rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
@@ -35,19 +35,12 @@
      id="namedview37"
      showgrid="false"
      inkscape:zoom="0.88055761"
-     inkscape:cx="134.006"
+     inkscape:cx="102.77579"
      inkscape:cy="77.9643"
      inkscape:window-x="92"
      inkscape:window-y="93"
      inkscape:window-maximized="0"
      inkscape:current-layer="Layer_1" /><g
-     id="g3"
-     transform="matrix(0.73280117,0,0,0.76616944,34.0693,34.274661)"
-     style="fill:#cccccc"><path
-       style="fill:#cccccc"
-       d="M 262.833,123.5 231.072,91.9 c -9.252,-5.399 -16.743,-1.135 -16.609,9.493 l 0.107,15.286 -62.422,0.036 -0.036,-63.504 16.126,-0.116 c 9.869,0.805 13.409,-5.855 7.849,-14.821 L 142.065,5.289 C 134.824,-2.783 129.353,-0.593 123.516,5.191 L 91.907,36.933 c -5.399,9.252 -1.126,16.734 9.493,16.609 l 15.286,-0.116 0.036,63.307 -63.272,0.045 0.107,-15.393 C 53.673,90.765 46.191,86.492 36.939,91.892 l -31.752,31.6 c -5.784,5.828 -8.001,11.308 0.098,18.549 l 32.986,34.031 c 8.957,5.551 15.635,2.029 14.812,-7.858 l 0.116,-16.028 63.531,-0.036 0.036,62.387 -15.366,-0.089 c -10.62,-0.143 -14.902,7.366 -9.493,16.6 l 31.609,31.779 c 5.837,5.766 11.317,7.983 18.549,-0.125 l 34.023,-32.977 c 5.56,-8.957 2.038,-15.626 -7.849,-14.803 l -16.028,-0.125 -0.036,-62.682 62.637,-0.036 0.116,16.135 c -0.805,9.869 5.864,13.409 14.821,7.858 l 32.977,-34.031 c 8.09,-7.241 5.891,-12.712 0.107,-18.541 z"
-       id="path5"
-       inkscape:connector-curvature="0" /></g><g
      id="g7"
      transform="translate(-1.135644,3.4069321)" /><g
      id="g9"
@@ -79,7 +72,7 @@
      id="g35"
      transform="translate(-1.135644,3.4069321)" /><g
      style="fill:#ffffff"
-     transform="matrix(0.73280117,0,0,0.76616944,42.085609,24.987615)"
+     transform="matrix(0.73280117,0,0,0.76616944,35.806466,31.334998)"
      id="g3391"><path
        inkscape:connector-curvature="0"
        id="path3393"
diff --git a/resources/tools/Path.svg b/resources/tools/Path.svg
index a689669e..70f56cb4 100644
--- a/resources/tools/Path.svg
+++ b/resources/tools/Path.svg
@@ -1,25 +1,59 @@
-<?xml version="1.0" encoding="utf-8"?>
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <!-- Generator: Adobe Illustrator 22.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 97.7 94.9" style="enable-background:new 0 0 97.7 94.9;" xml:space="preserve">
-<style type="text/css">
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Layer_1"
+   x="0px"
+   y="0px"
+   viewBox="0 0 550.00001 549.99999"
+   xml:space="preserve"
+   sodipodi:docname="Path.svg"
+   inkscape:version="0.92.2 (5c3e80d, 2017-08-06)"
+   width="550"
+   height="550"><metadata
+     id="metadata10548"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
+     id="defs10546" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="640"
+     inkscape:window-height="480"
+     id="namedview10544"
+     showgrid="false"
+     inkscape:zoom="0.7507903"
+     inkscape:cx="364.9434"
+     inkscape:cy="191.67705"
+     inkscape:current-layer="Layer_1" /><style
+     type="text/css"
+     id="style10529">
 	.st0{fill:none;stroke:#BFBFBF;stroke-width:5;stroke-miterlimit:10;}
 	.st1{fill:none;stroke:#FFFFFF;stroke-width:5;stroke-miterlimit:10;}
-</style>
-<g>
-	<path class="st0" d="M29.7,86.4L9.4,66.2c-1.2-1.2-1.2-3.1,0-4.3l4.7-4.7c1.2-1.2,3.1-1.2,4.3,0l20.2,20.2c1.2,1.2,1.2,3.1,0,4.3
-		L34,86.4C32.8,87.6,30.9,87.6,29.7,86.4z"/>
-	<path class="st0" d="M81.7,17.7L58.5,41.9c-0.2,0.2-0.3,0.5-0.3,0.8c0.1,2.1-1,4.3-3.1,5.7c-2,1.3-4.4,1.4-6.2,0.3
-		c-3.1-1.9-3.2-6.3-0.4-9c1.4-1.4,3.1-2,4.8-2c0.3,0,0.6-0.1,0.8-0.3l24.2-23.2c0.5-0.5,0.2-1.3-0.5-1.2l-43.3,9.4
-		c-1.3,0.3-2.4,1.4-2.5,2.8c-1.5,12-7.6,21-10.1,24.2c-0.6,0.8-0.6,1.8,0,2.4l8.9,9.4l1.9,1.9l1.9,1.9l9.5,9c0.6,0.6,1.6,0.6,2.4,0
-		c3.2-2.5,12.2-8.5,24.2-10.1c1.3-0.2,2.5-1.2,2.8-2.6l9.4-43.2C83,17.5,82.2,17.2,81.7,17.7z"/>
-</g>
-<g>
-	<path class="st1" d="M33.2,86.8L13,66.6c-1.2-1.2-1.2-3.1,0-4.3l4.7-4.7c1.2-1.2,3.1-1.2,4.3,0l20.2,20.2c1.2,1.2,1.2,3.1,0,4.3
-		l-4.7,4.7C36.4,88,34.4,88,33.2,86.8z"/>
-	<path class="st1" d="M85.2,18.1L62,42.3c-0.2,0.2-0.3,0.5-0.3,0.8c0.1,2.1-1,4.3-3.1,5.7c-2,1.3-4.4,1.4-6.2,0.3
-		c-3.1-1.9-3.2-6.3-0.4-9c1.4-1.4,3.1-2,4.8-2c0.3,0,0.6-0.1,0.8-0.3l24.2-23.2c0.5-0.5,0.2-1.3-0.5-1.2l-43.3,9.4
-		c-1.3,0.3-2.4,1.4-2.5,2.8c-1.5,12-7.6,21-10.1,24.2c-0.6,0.8-0.6,1.8,0,2.4l8.9,9.4l1.9,1.9l1.9,1.9l9.5,9c0.6,0.6,1.6,0.6,2.4,0
-		c3.2-2.5,12.2-8.5,24.2-10.1c1.3-0.2,2.5-1.2,2.8-2.6l9.4-43.2C86.5,17.9,85.7,17.6,85.2,18.1z"/>
-</g>
-</svg>
+</style><g
+     id="g1401"
+     transform="matrix(1.1320712,0,0,1.1320712,-36.02921,-37.006692)"><path
+       class="st1"
+       d="M 202.74401,452.96326 97.886485,348.10574 c -6.229162,-6.22916 -6.229162,-16.092 0,-22.32116 l 24.397545,-24.39754 c 6.22915,-6.22916 16.09199,-6.22916 22.32115,0 l 104.85753,104.85752 c 6.22916,6.22917 6.22916,16.092 0,22.32116 l -24.39755,24.39754 c -5.71006,6.22916 -16.09199,6.22916 -22.32115,0 z"
+       id="path10537"
+       inkscape:connector-curvature="0"
+       style="fill:#ffffff;stroke:none;stroke-width:37.1800766;stroke-miterlimit:4;stroke-dasharray:none" /><path
+       sodipodi:nodetypes="ccccccscccccccccccccc"
+       class="st1"
+       d="m 439.67515,126.21629 -106.33356,110.9169 c -0.91666,0.91667 -1.375,2.29168 -1.375,3.66668 0.45834,9.62502 -4.58334,19.70837 -14.20836,26.12505 -9.16669,5.95835 -20.16671,6.41668 -28.41673,1.37501 -14.20836,-8.70835 -14.6667,-28.87506 -1.83333,-41.25009 6.41668,-6.41668 14.20836,-9.16669 22.00004,-9.16669 1.375,0 2.75001,-0.45833 3.66668,-1.375 l 110.9169,-106.33356 c 2.29167,-2.29167 -200.75043,37.58342 -200.75043,37.58342 -5.95834,1.375 -11.00002,6.41668 -11.45835,12.83336 -6.87502,55.00011 -34.83341,96.2502 -46.29177,110.9169 -2.75,3.66667 -2.75,8.25001 0,11.00002 l 40.79175,43.08342 8.70836,8.70836 8.70835,8.70835 43.54176,41.25009 c 2.75,2.75 7.33334,2.75 11.00002,0 14.6667,-11.45836 55.91678,-38.95842 110.9169,-46.29177 5.95835,-0.91667 11.45836,-5.50001 12.83336,-11.91669 0,0 39.87508,-202.12543 37.58341,-199.83376 z"
+       id="path10539"
+       inkscape:connector-curvature="0"
+       style="fill:none;stroke:#ffffff;stroke-width:32.82799911;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:100;stroke-dasharray:none" /></g></svg>
\ No newline at end of file
diff --git a/resources/tools/PathCursor.svg b/resources/tools/PathCursor.svg
index 1231d592..f279be29 100644
--- a/resources/tools/PathCursor.svg
+++ b/resources/tools/PathCursor.svg
@@ -1 +1,57 @@
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="400" height="400"><g fill="none" fill-rule="evenodd" stroke="none" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><g id="svg" fill="#d9d9d9"><path d="M174.78014,251.29326l-45.82585,38.08585c-5.94677,4.94235 -10.75374,2.68245 -10.73665,-5.05011l0.46848,-212.02055c0.02441,-11.04717 6.50049,-13.79542 14.46362,-6.13944l152.84026,146.94486c5.57341,5.35843 3.86067,10.39492 -3.82818,11.24962l-55.7793,6.20047c1.11757,1.6006 2.0866,3.34058 2.87961,5.20879l25.96998,61.18143c6.15786,14.507 -0.60912,31.25861 -15.12159,37.41879c-14.50928,6.15883 -31.26654,-0.61634 -37.42116,-15.11571l-25.96998,-61.18143c-0.94383,-2.22353 -1.58402,-4.49979 -1.93923,-6.78256zM214.28946,305.29981c5.38625,12.6892 6.9599,20.58865 19.65778,15.19872c12.70067,-5.39112 9.76573,-10.26452 4.37664,-22.9604c0,0 -32.36141,-79.85889 -33.33946,-81.25966l44.32124,-4.18454c6.72894,-0.748 13.02775,-5.63201 8.15015,-10.32147l-110.749,-102.48173c-6.96898,-6.70017 -12.63656,-4.91595 -12.65792,4.75205l1.38781,144.13159c-0.01496,6.76719 6.67558,11.82929 12.50085,7.50396l32.08561,-31.32196z" id="path-5 2 1"/></g><g id="svg" fill="#ffffff"><path d="M184.78014,241.29326l-45.82585,38.08585c-5.94677,4.94235 -10.75374,2.68245 -10.73665,-5.05011l0.46848,-212.02055c0.02441,-11.04717 6.50049,-13.79542 14.46362,-6.13944l152.84026,146.94486c5.57341,5.35843 3.86067,10.39492 -3.82818,11.24962l-55.7793,6.20047c1.11757,1.6006 2.0866,3.34058 2.87961,5.20879l25.96998,61.18143c6.15786,14.507 -0.60912,31.25861 -15.12159,37.41879c-14.50928,6.15883 -31.26654,-0.61634 -37.42116,-15.11571l-25.96998,-61.18143c-0.94383,-2.22353 -1.58402,-4.49979 -1.93923,-6.78256zM224.28946,295.29981c5.38625,12.6892 6.9599,20.58865 19.65778,15.19872c12.70067,-5.39112 9.76573,-10.26452 4.37664,-22.9604c0,0 -32.36141,-79.85889 -33.33946,-81.25966l44.32124,-4.18454c6.72894,-0.748 13.02775,-5.63201 8.15015,-10.32147l-110.749,-102.48173c-6.96898,-6.70017 -12.63656,-4.91595 -12.65792,4.75205l1.38781,144.13159c-0.01496,6.76719 6.67558,11.82929 12.50085,7.50396l32.08561,-31.32196z" id="path-5 2 1"/></g></g></svg>
\ No newline at end of file
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   width="400"
+   height="400"
+   id="svg11121"
+   sodipodi:docname="PathCursor.svg"
+   inkscape:version="0.92.2 (5c3e80d, 2017-08-06)">
+  <metadata
+     id="metadata11127">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs11125" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="640"
+     inkscape:window-height="480"
+     id="namedview11123"
+     showgrid="false"
+     inkscape:zoom="0.71250003"
+     inkscape:cx="168.51047"
+     inkscape:cy="160.30278"
+     inkscape:current-layer="svg11121" />
+  <g
+     style="font-family:none;mix-blend-mode:normal;fill:#ffffff;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-dashoffset:0"
+     id="g11117"
+     transform="translate(-13.741205,10.759522)">
+    <path
+       inkscape:connector-curvature="0"
+       id="path11115"
+       d="m 184.78014,241.29326 -45.82585,38.08585 c -5.94677,4.94236 -10.75374,2.68245 -10.73665,-5.05011 l 0.46848,-212.02055 c 0.0244,-11.04717 6.50049,-13.79542 14.46362,-6.13944 L 295.99,203.11387 c 5.57341,5.35843 3.86067,10.39492 -3.82818,11.24962 l -55.7793,6.20047 28.84959,66.39022 c 6.28098,14.45412 -0.60912,31.25861 -15.12159,37.41879 -14.50928,6.15883 -31.43769,-0.54488 -37.42116,-15.11571 z m 39.50932,51.00655 c 5.38625,12.6892 8.81357,15.376 16.65778,12.19872 7.84421,-3.17728 10.76573,-7.26452 5.37664,-19.9604 l -35.33946,-79.25966 48.32124,-3.18454 c 6.72894,-0.748 3.02775,-5.63201 -1.84985,-10.32147 L 156.70681,89.29073 c -6.96898,-6.70017 -12.63656,-4.91595 -12.65792,4.75205 l 1.38781,144.13159 c -0.015,6.76719 1.71343,11.82929 7.5387,7.50396 l 37.04776,-32.32196 z"
+       style="fill:#ffffff"
+       sodipodi:nodetypes="csssssscssscczcccccccccc" />
+  </g>
+</svg>
diff --git a/resources/tools/Pencil.svg b/resources/tools/Pencil.svg
index ca13a27c..225fc313 100644
--- a/resources/tools/Pencil.svg
+++ b/resources/tools/Pencil.svg
@@ -1 +1,80 @@
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="550" height="550"><g fill="#ffffff" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><g id="svg"><path d="M257.3193,496.33893l55.02154,-0.73733c37.51378,1.0702 70.05012,-19.8145 70.07952,-44.98323l0.04777,-40.89803c-1.10013,-0.6777 -1.69963,-1.7707 -2.49742,-2.92432l0.32323,-275.4718c-2.49902,-1.53941 -2.49533,-4.68528 -4.99436,-6.22469l-79.95207,-68.14191c0.00368,-3.14587 -7.49705,-4.61826 -12.49872,-4.55124c-2.50269,1.60645 -10.00707,3.27992 -12.50976,4.88635l-82.61134,68.74656c-2.50269,1.60645 -5.00538,3.21289 -5.00906,6.35875l-0.32339,276.85397c1.824,1.12361 2.89806,3.20189 4.99678,5.37585l-0.04509,38.60189c-2.53415,23.63118 29.95586,43.64537 69.97232,43.10913zM220.18075,172.79526l125.05104,-1.67577l-0.26459,226.51837l-125.05104,1.67577zM220.22078,139.76098l62.58984,-55.89501l62.46123,54.21922l-0.01286,11.01233l-125.05104,1.67577zM219.85328,454.3689l0.03673,-31.46043l125.05104,-1.67577l-0.03673,31.46043c-0.01471,12.58345 -15.03225,22.22304 -35.04048,22.49207l-55.02154,0.73733c-20.00824,0.26903 -35.00372,-8.96836 -34.98903,-21.55362z"/></g></g></svg>
\ No newline at end of file
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   width="550"
+   height="550"
+   id="svg7"
+   sodipodi:docname="Pencil.svg"
+   inkscape:version="0.92.2 (5c3e80d, 2017-08-06)">
+  <metadata
+     id="metadata13">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs11" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1304"
+     inkscape:window-height="745"
+     id="namedview9"
+     showgrid="false"
+     inkscape:snap-grids="false"
+     inkscape:zoom="0.56081513"
+     inkscape:cx="262.25752"
+     inkscape:cy="346.32475"
+     inkscape:window-x="54"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg7"
+     inkscape:pagecheckerboard="true">
+    <inkscape:grid
+       type="xygrid"
+       id="grid4513"
+       spacingx="27.5"
+       spacingy="27.5" />
+  </sodipodi:namedview>
+  <path
+     style="fill:none;stroke:#ffffff;stroke-width:29.81269836;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     d="M 338.58595,454.33975 H 454.33422 V 351.8586 L 198.13135,95.655723 H 95.6502 V 198.13687 Z"
+     id="path4509"
+     inkscape:connector-curvature="0"
+     sodipodi:nodetypes="ccccccc" />
+  <path
+     style="fill:none;stroke:#ffffff;stroke-width:29.81269836;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     d="M 338.58595,454.33975 441.0671,351.8586"
+     id="path4515"
+     inkscape:connector-curvature="0" />
+  <path
+     style="fill:none;stroke:#ffffff;stroke-width:29.81269836;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     d="M 95.6502,198.13687 H 198.13135 V 95.655723"
+     id="path4519"
+     inkscape:connector-curvature="0" />
+  <path
+     style="fill:none;stroke:#ffffff;stroke-width:15.85841465;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     d="m 223.52669,223.53221 149.52219,149.52219 24.92037,24.92037"
+     id="path4521"
+     inkscape:connector-curvature="0"
+     sodipodi:nodetypes="ccc" />
+</svg>
diff --git a/resources/tools/Square.svg b/resources/tools/Square.svg
index ec286f96..c339616d 100644
--- a/resources/tools/Square.svg
+++ b/resources/tools/Square.svg
@@ -13,7 +13,7 @@
    viewBox="0 0 400 400"
    version="1.1"
    id="svg48"
-   inkscape:version="0.91 r13725"
+   inkscape:version="0.92.2 (5c3e80d, 2017-08-06)"
    sodipodi:docname="Square.svg">
   <metadata
      id="metadata92">
@@ -40,7 +40,7 @@
      id="namedview90"
      showgrid="false"
      inkscape:zoom="0.59"
-     inkscape:cx="200"
+     inkscape:cx="221.18644"
      inkscape:cy="164.12143"
      inkscape:window-x="365"
      inkscape:window-y="150"
@@ -127,64 +127,13 @@
          id="feColorMatrix74" />
     </filter>
   </defs>
-  <g
-     id="Page-1"
-     transform="matrix(1.2365877,0,0,1.2326443,-48.062584,-48.552684)"
-     style="fill:none;fill-rule:evenodd;stroke:none;stroke-width:1">
-    <g
-       id="Artboard-6-Copy"
-       transform="translate(-390,-1359)">
-      <use
-         id="Rectangle-4-Copy-2"
-         mask="url(#mask-2)"
-         xlink:href="#path-1"
-         style="stroke:#979797;stroke-width:2;stroke-opacity:0"
-         x="0"
-         y="0"
-         width="100%"
-         height="100%" />
-      <g
-         id="Square"
-         transform="translate(473,1442)">
-        <g
-           id="Fill-29-Copy-4">
-          <use
-             xlink:href="#path-3"
-             id="use81"
-             style="fill:#000000;fill-opacity:1;filter:url(#filter-4)"
-             x="0"
-             y="0"
-             width="100%"
-             height="100%" />
-          <use
-             xlink:href="#path-3"
-             id="use83"
-             style="fill:#bfbfbf;fill-rule:evenodd"
-             x="0"
-             y="0"
-             width="100%"
-             height="100%" />
-        </g>
-        <g
-           id="Fill-29-Copy-5">
-          <use
-             xlink:href="#path-5"
-             id="use86"
-             style="fill:#000000;fill-opacity:1;filter:url(#filter-6)"
-             x="0"
-             y="0"
-             width="100%"
-             height="100%" />
-          <use
-             xlink:href="#path-5"
-             id="use88"
-             style="fill:#ffffff;fill-rule:evenodd"
-             x="0"
-             y="0"
-             width="100%"
-             height="100%" />
-        </g>
-      </g>
-    </g>
-  </g>
+  <use
+     xlink:href="#path-5"
+     id="use88"
+     style="fill:#ffffff;fill-rule:evenodd;stroke:none;stroke-width:1"
+     x="0"
+     y="0"
+     width="100%"
+     height="100%"
+     transform="matrix(1.2365877,0,0,1.2326443,47.281419,62.572731)" />
 </svg>
diff --git a/resources/tools/Text.svg b/resources/tools/Text.svg
index 300fc387..ed23a7b2 100644
--- a/resources/tools/Text.svg
+++ b/resources/tools/Text.svg
@@ -5,7 +5,6 @@
    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
    xmlns:svg="http://www.w3.org/2000/svg"
    xmlns="http://www.w3.org/2000/svg"
-   xmlns:xlink="http://www.w3.org/1999/xlink"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    width="400px"
@@ -13,7 +12,7 @@
    viewBox="0 0 400 400"
    version="1.1"
    id="svg2"
-   inkscape:version="0.91 r13725"
+   inkscape:version="0.92.2 (5c3e80d, 2017-08-06)"
    sodipodi:docname="Text.svg">
   <metadata
      id="metadata46">
@@ -40,7 +39,7 @@
      id="namedview44"
      showgrid="false"
      inkscape:zoom="0.59"
-     inkscape:cx="200"
+     inkscape:cx="85.59322"
      inkscape:cy="200"
      inkscape:window-x="0"
      inkscape:window-y="0"
@@ -55,10 +54,9 @@
      id="defs8">
     <text
        id="text-1"
-       font-family="ArialRoundedMTBold, Arial Rounded MT Bold"
        font-size="270"
        font-weight="normal"
-       fill="#BFBFBF">
+       style="font-weight:normal;font-size:270px;line-height:0%;font-family:ArialRoundedMTBold, 'Arial Rounded MT Bold';fill:#bfbfbf">
       <tspan
          x="0"
          y="255"
@@ -90,10 +88,9 @@
     </filter>
     <text
        id="text-3"
-       font-family="ArialRoundedMTBold, Arial Rounded MT Bold"
        font-size="270"
        font-weight="normal"
-       fill="#FFFFFF">
+       style="font-weight:normal;font-size:270px;line-height:0%;font-family:ArialRoundedMTBold, 'Arial Rounded MT Bold';fill:#ffffff">
       <tspan
          x="16"
          y="255"
@@ -125,63 +122,12 @@
     </filter>
   </defs>
   <g
-     id="Page-1"
-     stroke="none"
-     stroke-width="1"
-     fill="none"
-     fill-rule="evenodd">
-    <g
-       id="Artboard-6-Copy"
-       transform="matrix(1.3220339,0,0,1.2781122,-576.61017,-3620.9764)">
-      <g
-         id="Text"
-         transform="translate(485,2828)"
-         style="fill-opacity:1">
-        <g
-           id="A-Copy"
-           style="fill:#bfbfbf">
-          <use
-             xlink:href="#text-1"
-             id="use34"
-             style="filter:url(#filter-2)"
-             x="0"
-             y="0"
-             width="100%"
-             height="100%" />
-          <use
-             xlink:href="#text-1"
-             id="use36"
-             x="0"
-             y="0"
-             width="100%"
-             height="100%" />
-        </g>
-        <g
-           id="A-Copy-2"
-           style="fill:#ffffff">
-          <use
-             xlink:href="#text-3"
-             id="use39"
-             style="filter:url(#filter-4)"
-             x="0"
-             y="0"
-             width="100%"
-             height="100%" />
-          <use
-             xlink:href="#text-3"
-             id="use41"
-             x="0"
-             y="0"
-             width="100%"
-             height="100%" />
-        </g>
-      </g>
-      <rect
-         id="Rectangle-4-Copy-5"
-         x="390"
-         y="2784"
-         width="400"
-         height="400" />
-    </g>
+     aria-label="A"
+     style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:376.5039978px;line-height:1.25;font-family:'Nunito Bold';-inkscape-font-specification:'Nunito Bold, ';letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:9.41259956"
+     id="text14898">
+    <path
+       d="m 329.32912,304.10334 q 2.25902,4.89455 2.25902,9.7891 0,8.65959 -7.15357,14.68366 -6.77707,6.02406 -15.81317,6.02406 -6.02406,0 -11.29512,-3.01203 -5.27106,-3.38854 -8.28309,-10.16561 L 266.45295,270.97099 H 133.92354 l -22.59024,50.45153 q -3.01203,6.77707 -8.28308,10.16561 -5.271059,3.01203 -11.671627,3.01203 -8.659592,0 -15.813168,-6.02406 -7.153576,-6.02407 -7.153576,-14.68366 0,-4.89455 2.259024,-9.7891 L 174.58598,80.836468 q 3.38853,-7.53008 10.1656,-11.29512 7.15358,-4.141544 15.06016,-4.141544 7.90659,0 14.68366,4.141544 7.15358,3.76504 10.54211,11.29512 z m -178.8394,-70.78275 h 99.39706 L 200.18825,121.4989 Z"
+       style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:Nunito;-inkscape-font-specification:'Nunito Bold';fill:#ffffff;stroke-width:9.41259956"
+       id="path14900" />
   </g>
 </svg>
diff --git a/resources/tools/Vector.svg b/resources/tools/Vector.svg
index 657623f9..c3907f2a 100644
--- a/resources/tools/Vector.svg
+++ b/resources/tools/Vector.svg
@@ -1,71 +1,213 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="400px" height="400px" viewBox="0 0 400 400" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 42 (36781) - http://www.bohemiancoding.com/sketch -->
-    <title>Vector</title>
-    <desc>Created with Sketch.</desc>
-    <defs>
-        <path d="M159.943229,110.119933 C158.696229,109.178933 157.383229,108.182933 156.011229,107.137933 C99.3452292,63.9419331 64.2683841,19.5989358 42.0713841,0.521935782 C38.0923841,-2.89806422 26.0442292,11.4319331 28.4092292,16.1149331 C37.3302292,33.7829331 52.9772292,64.8769331 79.9752292,118.772933 C80.6622292,120.144933 81.9742292,121.068933 83.4792292,121.362933 C89.7322292,122.585933 95.3542292,126.615933 98.3462292,132.790933 C103.402229,143.222933 99.0432292,155.778933 88.6102292,160.833933 C77.9272292,166.006933 65.3712292,161.648933 60.3162292,151.215933 C57.3232292,145.040933 57.6442292,138.131933 60.5582292,132.466933 C61.2602292,131.102933 61.3482292,129.499933 60.6972292,128.110933 C35.1262292,73.5289331 27.6531693,31.803137 19.3141693,13.853137 C17.1031693,9.09413699 -0.460654015,16.0675516 0.00925874431,27.3175634 C1.23077078,56.5613424 2.73225874,110.413563 1.52325874,181.653563 C1.49425874,183.377563 1.46125874,185.025563 1.42725874,186.587563 C1.31025874,191.995563 5.25525874,196.586563 10.6002587,197.418563 C31.2482587,200.629563 58.1272587,211.243563 74.4562587,236.409563 C76.0712587,238.898563 77.7302587,241.269563 79.2392587,243.651563 C80.5422587,245.709563 83.1832587,246.455563 85.3752587,245.392563 C94.9582587,240.747563 107.468229,235.028933 117.051229,230.383933 L121.427229,228.365933 C122.303229,227.966933 124.750229,226.770933 125.321229,226.381933 C134.918229,221.730933 144.499229,217.088933 154.081229,212.446933 C156.273229,211.384933 165.574951,201.72498 164.766951,199.42698 C163.832951,196.76698 154.749229,201.120933 153.796229,198.310933 C144.162229,169.899933 152.487229,142.225933 162.760229,124.030933 C165.420229,119.319933 161.335259,114.451563 157.017259,111.192563" id="path-1"></path>
-        <filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="filter-2">
-            <feOffset dx="0" dy="8" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
-            <feGaussianBlur stdDeviation="5.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
-            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.5 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
-        </filter>
-        <path d="M168.012923,101.001576 C166.765923,100.060576 165.452923,99.0645756 164.080923,98.0195756 C107.414923,54.8235756 66.0789225,20.2725756 43.8819225,1.19557564 C39.9029225,-2.22442436 34.1139225,2.31357564 36.4789225,6.99657564 C45.3999225,24.6645756 61.0469225,55.7585756 88.0449225,109.654576 C88.7319225,111.026576 90.0439225,111.950576 91.5489225,112.244576 C97.8019225,113.467576 103.423923,117.497576 106.415923,123.672576 C111.471923,134.104576 107.112923,146.660576 96.6799225,151.715576 C96.6479225,151.731576 96.6149225,151.744576 96.5819225,151.757576 L96.5789225,151.750576 C96.5279225,151.776576 96.4809225,151.808576 96.4289225,151.833576 C85.9969225,156.888576 73.4409225,152.530576 68.3859225,142.097576 C65.3929225,135.922576 65.7139225,129.013576 68.6279225,123.348576 C69.3299225,121.984576 69.4179225,120.381576 68.7669225,118.992576 C43.1959225,64.4105756 28.4859225,32.8625756 20.1469225,14.9125756 C17.9359225,10.1535756 10.7859225,11.8835756 11.0049225,17.1265756 C12.2239225,46.3705756 13.7279225,100.222576 12.5189225,171.462576 C12.4899225,173.186576 12.4569225,174.834576 12.4229225,176.396576 C12.3059225,181.804576 16.2509225,186.395576 21.5959225,187.227576 C42.2439225,190.438576 69.1229225,201.052576 85.4519225,226.218576 C87.0669225,228.707576 88.7259225,231.078576 90.2349225,233.460576 C91.5379225,235.518576 94.1789225,236.264576 96.3709225,235.201576 C105.953923,230.556576 115.537923,225.910576 125.120923,221.265576 L129.496923,219.247576 L129.475923,219.205576 C130.372923,218.848576 132.819923,217.652576 133.390923,217.263576 C133.395923,217.260576 133.400923,217.257576 133.405923,217.254576 C142.987923,212.612576 152.568923,207.970576 162.150923,203.328576 C164.342923,202.266576 165.393923,199.732576 164.585923,197.434576 C163.651923,194.774576 162.818923,192.002576 161.865923,189.192576 C152.231923,160.781576 160.556923,133.107576 170.829923,114.912576 C173.489923,110.201576 172.330923,104.260576 168.012923,101.001576" id="path-3"></path>
-        <filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="filter-4">
-            <feOffset dx="0" dy="2" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
-            <feGaussianBlur stdDeviation="4" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
-            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.5 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
-        </filter>
-        <filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="filter-5">
-            <feOffset dx="0" dy="8" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
-            <feGaussianBlur stdDeviation="5.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
-            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.5 0" type="matrix" in="shadowBlurOuter1" result="shadowMatrixOuter1"></feColorMatrix>
-            <feMerge>
-                <feMergeNode in="shadowMatrixOuter1"></feMergeNode>
-                <feMergeNode in="SourceGraphic"></feMergeNode>
-            </feMerge>
-        </filter>
-        <polygon id="path-6" points="92.5656235 3.55271368e-15 92.5656235 63.5412924 0 63.5412924 0 1.77635684e-14 92.5656235 1.77635684e-14"></polygon>
-        <filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="filter-8">
-            <feOffset dx="0" dy="2" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
-            <feGaussianBlur stdDeviation="4" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
-            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.5 0" type="matrix" in="shadowBlurOuter1" result="shadowMatrixOuter1"></feColorMatrix>
-            <feMerge>
-                <feMergeNode in="shadowMatrixOuter1"></feMergeNode>
-                <feMergeNode in="SourceGraphic"></feMergeNode>
-            </feMerge>
-        </filter>
-        <polygon id="path-9" points="93.533 64 0.967376512 64 0.967376512 0.458707568 93.533 0.458707568"></polygon>
-    </defs>
-    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="Artboard-6-Copy" transform="translate(-390.000000, -3734.000000)">
-            <rect id="Rectangle-4-Copy-7" x="390" y="3734" width="400" height="400"></rect>
-            <g id="Vector" transform="translate(500.000000, 3786.000000)">
-                <g id="Fill-1-Copy-3">
-                    <use fill="black" fill-opacity="1" filter="url(#filter-2)" xlink:href="#path-1"></use>
-                    <use fill="#BFBFBF" fill-rule="evenodd" xlink:href="#path-1"></use>
-                </g>
-                <g id="Fill-1">
-                    <use fill="black" fill-opacity="1" filter="url(#filter-4)" xlink:href="#path-3"></use>
-                    <use fill="#FFFFFF" fill-rule="evenodd" xlink:href="#path-3"></use>
-                </g>
-                <g id="Group-5-Copy" filter="url(#filter-5)" transform="translate(85.000000, 222.000000)">
-                    <mask id="mask-7" fill="white">
-                        <use xlink:href="#path-6"></use>
-                    </mask>
-                    <g id="Clip-4"></g>
-                    <path d="M14.3677001,25.5622544 L70.0989235,-0.438007568 C72.0889235,-1.41400757 74.4699235,-1.10000757 76.1389235,0.357992432 C80.9869235,4.59399243 85.8359235,8.82999243 90.6839235,13.0649924 C93.6429235,15.6499924 93.0149235,20.4149924 89.4869235,22.1449924 L8.28292349,61.9729924 C4.66792349,63.7459924 0.435923488,61.1609924 0.361923488,57.1359924 C0.241923488,50.5809924 0.120923488,44.0269924 0.000923488132,37.4719924 C-0.0380765119,35.3369924 1.16092349,33.3729924 3.07792349,32.4329924 L14.3677001,25.5622544 Z" id="Fill-3" fill="#BEBEBE" mask="url(#mask-7)"></path>
-                    <path d="M-96.9220765,133.432992 L-29.9010765,100.561992 C-27.9110765,99.5859924 -25.5300765,99.8999924 -23.8610765,101.357992 C-19.0130765,105.593992 -14.1640765,109.829992 -9.31607651,114.064992 C-6.35707651,116.649992 -6.98507651,121.414992 -10.5130765,123.144992 L-91.7170765,162.972992 C-95.3320765,164.745992 -99.5640765,162.160992 -99.6380765,158.135992 C-99.7580765,151.580992 -99.8790765,145.026992 -99.9990765,138.471992 C-100.038077,136.336992 -98.8390765,134.372992 -96.9220765,133.432992" id="Fill-3-Copy-3" fill="#39DAA1" mask="url(#mask-7)"></path>
-                </g>
-                <g id="Group-5" filter="url(#filter-8)" transform="translate(97.000000, 213.000000)">
-                    <mask id="mask-10" fill="white">
-                        <use xlink:href="#path-9"></use>
-                    </mask>
-                    <g id="Clip-4"></g>
-                    <path d="M4.07792349,33.4329924 L71.0989235,0.561992432 C73.0889235,-0.414007568 75.4699235,-0.100007568 77.1389235,1.35799243 C81.9869235,5.59399243 86.8359235,9.82999243 91.6839235,14.0649924 C94.6429235,16.6499924 94.0149235,21.4149924 90.4869235,23.1449924 L9.28292349,62.9729924 C5.66792349,64.7459924 1.43592349,62.1609924 1.36192349,58.1359924 C1.24192349,51.5809924 1.12092349,45.0269924 1.00092349,38.4719924 C0.961923488,36.3369924 2.16092349,34.3729924 4.07792349,33.4329924" id="Fill-3" fill="#FFFFFF" mask="url(#mask-10)"></path>
-                    <path d="M-95.9220765,134.432992 L-28.9010765,101.561992 C-26.9110765,100.585992 -24.5300765,100.899992 -22.8610765,102.357992 C-18.0130765,106.593992 -13.1640765,110.829992 -8.31607651,115.064992 C-5.35707651,117.649992 -5.98507651,122.414992 -9.51307651,124.144992 L-90.7170765,163.972992 C-94.3320765,165.745992 -98.5640765,163.160992 -98.6380765,159.135992 C-98.7580765,152.580992 -98.8790765,146.026992 -98.9990765,139.471992 C-99.0380765,137.336992 -97.8390765,135.372992 -95.9220765,134.432992" id="Fill-3-Copy-3" fill="#39DAA1" mask="url(#mask-10)"></path>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="400px"
+   height="400px"
+   viewBox="0 0 400 400"
+   version="1.1"
+   id="svg13642"
+   sodipodi:docname="Vector.svg"
+   inkscape:version="0.92.2 (5c3e80d, 2017-08-06)">
+  <metadata
+     id="metadata13646">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="640"
+     inkscape:window-height="480"
+     id="namedview13644"
+     showgrid="false"
+     inkscape:zoom="0.50381358"
+     inkscape:cx="152.63158"
+     inkscape:cy="200"
+     inkscape:current-layer="svg13642" />
+  <!-- Generator: Sketch 42 (36781) - http://www.bohemiancoding.com/sketch -->
+  <title
+     id="title13561">Vector</title>
+  <desc
+     id="desc13563">Created with Sketch.</desc>
+  <defs
+     id="defs13609">
+    <path
+       d="M159.943229,110.119933 C158.696229,109.178933 157.383229,108.182933 156.011229,107.137933 C99.3452292,63.9419331 64.2683841,19.5989358 42.0713841,0.521935782 C38.0923841,-2.89806422 26.0442292,11.4319331 28.4092292,16.1149331 C37.3302292,33.7829331 52.9772292,64.8769331 79.9752292,118.772933 C80.6622292,120.144933 81.9742292,121.068933 83.4792292,121.362933 C89.7322292,122.585933 95.3542292,126.615933 98.3462292,132.790933 C103.402229,143.222933 99.0432292,155.778933 88.6102292,160.833933 C77.9272292,166.006933 65.3712292,161.648933 60.3162292,151.215933 C57.3232292,145.040933 57.6442292,138.131933 60.5582292,132.466933 C61.2602292,131.102933 61.3482292,129.499933 60.6972292,128.110933 C35.1262292,73.5289331 27.6531693,31.803137 19.3141693,13.853137 C17.1031693,9.09413699 -0.460654015,16.0675516 0.00925874431,27.3175634 C1.23077078,56.5613424 2.73225874,110.413563 1.52325874,181.653563 C1.49425874,183.377563 1.46125874,185.025563 1.42725874,186.587563 C1.31025874,191.995563 5.25525874,196.586563 10.6002587,197.418563 C31.2482587,200.629563 58.1272587,211.243563 74.4562587,236.409563 C76.0712587,238.898563 77.7302587,241.269563 79.2392587,243.651563 C80.5422587,245.709563 83.1832587,246.455563 85.3752587,245.392563 C94.9582587,240.747563 107.468229,235.028933 117.051229,230.383933 L121.427229,228.365933 C122.303229,227.966933 124.750229,226.770933 125.321229,226.381933 C134.918229,221.730933 144.499229,217.088933 154.081229,212.446933 C156.273229,211.384933 165.574951,201.72498 164.766951,199.42698 C163.832951,196.76698 154.749229,201.120933 153.796229,198.310933 C144.162229,169.899933 152.487229,142.225933 162.760229,124.030933 C165.420229,119.319933 161.335259,114.451563 157.017259,111.192563"
+       id="path-1" />
+    <filter
+       x="-50%"
+       y="-50%"
+       width="200%"
+       height="200%"
+       filterUnits="objectBoundingBox"
+       id="filter-2">
+      <feOffset
+         dx="0"
+         dy="8"
+         in="SourceAlpha"
+         result="shadowOffsetOuter1"
+         id="feOffset13566" />
+      <feGaussianBlur
+         stdDeviation="5.5"
+         in="shadowOffsetOuter1"
+         result="shadowBlurOuter1"
+         id="feGaussianBlur13568" />
+      <feColorMatrix
+         values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.5 0"
+         type="matrix"
+         in="shadowBlurOuter1"
+         id="feColorMatrix13570" />
+    </filter>
+    <path
+       d="M168.012923,101.001576 C166.765923,100.060576 165.452923,99.0645756 164.080923,98.0195756 C107.414923,54.8235756 66.0789225,20.2725756 43.8819225,1.19557564 C39.9029225,-2.22442436 34.1139225,2.31357564 36.4789225,6.99657564 C45.3999225,24.6645756 61.0469225,55.7585756 88.0449225,109.654576 C88.7319225,111.026576 90.0439225,111.950576 91.5489225,112.244576 C97.8019225,113.467576 103.423923,117.497576 106.415923,123.672576 C111.471923,134.104576 107.112923,146.660576 96.6799225,151.715576 C96.6479225,151.731576 96.6149225,151.744576 96.5819225,151.757576 L96.5789225,151.750576 C96.5279225,151.776576 96.4809225,151.808576 96.4289225,151.833576 C85.9969225,156.888576 73.4409225,152.530576 68.3859225,142.097576 C65.3929225,135.922576 65.7139225,129.013576 68.6279225,123.348576 C69.3299225,121.984576 69.4179225,120.381576 68.7669225,118.992576 C43.1959225,64.4105756 28.4859225,32.8625756 20.1469225,14.9125756 C17.9359225,10.1535756 10.7859225,11.8835756 11.0049225,17.1265756 C12.2239225,46.3705756 13.7279225,100.222576 12.5189225,171.462576 C12.4899225,173.186576 12.4569225,174.834576 12.4229225,176.396576 C12.3059225,181.804576 16.2509225,186.395576 21.5959225,187.227576 C42.2439225,190.438576 69.1229225,201.052576 85.4519225,226.218576 C87.0669225,228.707576 88.7259225,231.078576 90.2349225,233.460576 C91.5379225,235.518576 94.1789225,236.264576 96.3709225,235.201576 C105.953923,230.556576 115.537923,225.910576 125.120923,221.265576 L129.496923,219.247576 L129.475923,219.205576 C130.372923,218.848576 132.819923,217.652576 133.390923,217.263576 C133.395923,217.260576 133.400923,217.257576 133.405923,217.254576 C142.987923,212.612576 152.568923,207.970576 162.150923,203.328576 C164.342923,202.266576 165.393923,199.732576 164.585923,197.434576 C163.651923,194.774576 162.818923,192.002576 161.865923,189.192576 C152.231923,160.781576 160.556923,133.107576 170.829923,114.912576 C173.489923,110.201576 172.330923,104.260576 168.012923,101.001576"
+       id="path-3" />
+    <filter
+       x="-50%"
+       y="-50%"
+       width="200%"
+       height="200%"
+       filterUnits="objectBoundingBox"
+       id="filter-4">
+      <feOffset
+         dx="0"
+         dy="2"
+         in="SourceAlpha"
+         result="shadowOffsetOuter1"
+         id="feOffset13574" />
+      <feGaussianBlur
+         stdDeviation="4"
+         in="shadowOffsetOuter1"
+         result="shadowBlurOuter1"
+         id="feGaussianBlur13576" />
+      <feColorMatrix
+         values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.5 0"
+         type="matrix"
+         in="shadowBlurOuter1"
+         id="feColorMatrix13578" />
+    </filter>
+    <filter
+       x="-50%"
+       y="-50%"
+       width="200%"
+       height="200%"
+       filterUnits="objectBoundingBox"
+       id="filter-5">
+      <feOffset
+         dx="0"
+         dy="8"
+         in="SourceAlpha"
+         result="shadowOffsetOuter1"
+         id="feOffset13581" />
+      <feGaussianBlur
+         stdDeviation="5.5"
+         in="shadowOffsetOuter1"
+         result="shadowBlurOuter1"
+         id="feGaussianBlur13583" />
+      <feColorMatrix
+         values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.5 0"
+         type="matrix"
+         in="shadowBlurOuter1"
+         result="shadowMatrixOuter1"
+         id="feColorMatrix13585" />
+      <feMerge
+         id="feMerge13591">
+        <feMergeNode
+           in="shadowMatrixOuter1"
+           id="feMergeNode13587" />
+        <feMergeNode
+           in="SourceGraphic"
+           id="feMergeNode13589" />
+      </feMerge>
+    </filter>
+    <polygon
+       id="path-6"
+       points="92.5656235 3.55271368e-15 92.5656235 63.5412924 0 63.5412924 0 1.77635684e-14 92.5656235 1.77635684e-14" />
+    <filter
+       x="-50%"
+       y="-50%"
+       width="200%"
+       height="200%"
+       filterUnits="objectBoundingBox"
+       id="filter-8">
+      <feOffset
+         dx="0"
+         dy="2"
+         in="SourceAlpha"
+         result="shadowOffsetOuter1"
+         id="feOffset13595" />
+      <feGaussianBlur
+         stdDeviation="4"
+         in="shadowOffsetOuter1"
+         result="shadowBlurOuter1"
+         id="feGaussianBlur13597" />
+      <feColorMatrix
+         values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.5 0"
+         type="matrix"
+         in="shadowBlurOuter1"
+         result="shadowMatrixOuter1"
+         id="feColorMatrix13599" />
+      <feMerge
+         id="feMerge13605">
+        <feMergeNode
+           in="shadowMatrixOuter1"
+           id="feMergeNode13601" />
+        <feMergeNode
+           in="SourceGraphic"
+           id="feMergeNode13603" />
+      </feMerge>
+    </filter>
+    <polygon
+       id="path-9"
+       points="93.533 64 0.967376512 64 0.967376512 0.458707568 93.533 0.458707568" />
+    <mask
+       id="mask-10"
+       fill="white">
+      <use
+         xlink:href="#path-9"
+         id="use13629"
+         x="0"
+         y="0"
+         width="100%"
+         height="100%" />
+    </mask>
+    <mask
+       id="mask-7"
+       fill="white">
+      <use
+         xlink:href="#path-6"
+         id="use13622"
+         x="0"
+         y="0"
+         width="100%"
+         height="100%" />
+    </mask>
+  </defs>
+  <use
+     xlink:href="#path-3"
+     id="use13619"
+     style="fill:#ffffff;fill-rule:evenodd;stroke:none;stroke-width:1"
+     x="0"
+     y="0"
+     width="100%"
+     height="100%"
+     transform="translate(108.37565,82.158255)" />
+</svg>
diff --git a/resources/tools/Zoom.svg b/resources/tools/Zoom.svg
index c0c1b011..9036a903 100644
--- a/resources/tools/Zoom.svg
+++ b/resources/tools/Zoom.svg
@@ -13,7 +13,7 @@
    viewBox="0 0 400 400"
    version="1.1"
    id="svg2"
-   inkscape:version="0.91 r13725"
+   inkscape:version="0.92.2 (5c3e80d, 2017-08-06)"
    sodipodi:docname="Zoom.svg">
   <metadata
      id="metadata46">
@@ -40,7 +40,7 @@
      id="namedview44"
      showgrid="false"
      inkscape:zoom="0.59"
-     inkscape:cx="200"
+     inkscape:cx="153.38983"
      inkscape:cy="151.22131"
      inkscape:window-x="0"
      inkscape:window-y="0"
@@ -127,64 +127,13 @@
          id="feColorMatrix28" />
     </filter>
   </defs>
-  <g
-     id="Page-1"
-     transform="matrix(1.1615029,0,0,1.165319,-31.20417,-38.268598)"
-     style="fill:none;fill-rule:evenodd;stroke:none;stroke-width:1">
-    <g
-       id="Artboard-6-Copy"
-       transform="translate(-390,-3259)">
-      <use
-         id="Rectangle-4-Copy-6"
-         mask="url(#mask-2)"
-         xlink:href="#path-1"
-         style="stroke:#979797;stroke-width:2;stroke-opacity:0"
-         x="0"
-         y="0"
-         width="100%"
-         height="100%" />
-      <g
-         id="Zoom"
-         transform="translate(465,3328)">
-        <g
-           id="Fill-35-Copy">
-          <use
-             xlink:href="#path-3"
-             id="use35"
-             style="fill:#000000;fill-opacity:1;filter:url(#filter-4)"
-             x="0"
-             y="0"
-             width="100%"
-             height="100%" />
-          <use
-             xlink:href="#path-3"
-             id="use37"
-             style="fill:#bfbfbf;fill-rule:evenodd"
-             x="0"
-             y="0"
-             width="100%"
-             height="100%" />
-        </g>
-        <g
-           id="Fill-35">
-          <use
-             xlink:href="#path-5"
-             id="use40"
-             style="fill:#000000;fill-opacity:1;filter:url(#filter-6)"
-             x="0"
-             y="0"
-             width="100%"
-             height="100%" />
-          <use
-             xlink:href="#path-5"
-             id="use42"
-             style="fill:#ffffff;fill-rule:evenodd"
-             x="0"
-             y="0"
-             width="100%"
-             height="100%" />
-        </g>
-      </g>
-    </g>
-  </g>
+  <use
+     xlink:href="#path-5"
+     id="use42"
+     style="fill:#ffffff;fill-rule:evenodd;stroke:none;stroke-width:1"
+     x="0"
+     y="0"
+     width="100%"
+     height="100%"
+     transform="matrix(1.1615029,0,0,1.165319,47.623806,54.225811)" />
 </svg>
diff --git a/sh.exe.stackdump b/sh.exe.stackdump
new file mode 100644
index 00000000..bed688aa
--- /dev/null
+++ b/sh.exe.stackdump
@@ -0,0 +1,9 @@
+Exception: STATUS_STACK_OVERFLOW at rip=7FFAA279ECE7
+rax=0000000000001250 rbx=00000000FFFFAA00 rcx=0000000000000000
+rdx=0000000180010018 rsi=00000000FFFFAA08 rdi=000000018028E980
+r8 =00000000007F3AB0 r9 =000000018028E980 r10=00000000FFFF9000
+r11=00000000FFE03180 r12=0000000000000420 r13=00000000FFFFA8E0
+r14=000000018022F490 r15=00000000FFFFA880
+rbp=000000000000020C rsp=00000000FFFFA6F8
+program=C:\Program Files\Git\usr\bin\sh.exe, pid 11800, thread 
+cs=0033 ds=002B es=002B fs=0053 gs=002B ss=002B
diff --git a/src/editor/WickEditor.GuiActionHandler.js b/src/editor/WickEditor.GuiActionHandler.js
index fec40c3d..13330830 100644
--- a/src/editor/WickEditor.GuiActionHandler.js
+++ b/src/editor/WickEditor.GuiActionHandler.js
@@ -1232,6 +1232,17 @@ var GuiActionHandler = function (wickEditor) {
 
         });
 
+    registerAction('createAssetFromSelection',
+        [],
+        [],
+        {},
+        function (args) {
+            var json = wickEditor.project.getSelectedObject().getAsJSON();
+            var asset = new WickAsset(json, 'symbol', prompt('Name ur new thing'));
+            wickEditor.project.library.addAsset(asset);
+            wickEditor.project.getSelectedObject().assetUUID = asset.uuid;
+        });
+
     registerAction('createObjectFromAsset',
         [],
         [],
@@ -1243,18 +1254,28 @@ var GuiActionHandler = function (wickEditor) {
             var screenPos = wickEditor.canvas.screenToCanvasSpace(args.x, args.y)
             var wickObj = new WickObject();
 
-            wickObj.assetUUID = asset.uuid;
-            wickObj.x = screenPos.x;
-            wickObj.y = screenPos.y;
-
-
             if(asset.type === 'image') {
                 var wickObj = new WickObject();
-                wickObj.assetUUID = asset.uuid;
                 wickObj.isImage = true;
-                wickObj.x = screenPos.x;
-                wickObj.y = screenPos.y;
+            } else if (asset.type === 'symbol') {
+                var wickObj = WickObject.fromJSON(asset.data);
+                wickObj.getAllChildObjectsRecursive().forEach(function (child) {
+                    child.uuid = random.uuid4();
+                    (child.layers||[]).forEach(function (layer) {
+                        layer.frames.forEach(function (frame) {
+                            frame.uuid = random.uuid4();
+                        })
+                    });
+                });
+                wickObj.getAllFrames().forEach(function (frame) {
+                    frame.uuid = random.uuid4();
+                });
             }
+
+            wickObj.assetUUID = asset.uuid;
+            wickObj.x = screenPos.x;
+            wickObj.y = screenPos.y;
+
             wickEditor.actionHandler.doAction('addObjects', {
                 wickObjects:[wickObj]
             });
diff --git a/src/editor/WickEditor.WickActionHandler.js b/src/editor/WickEditor.WickActionHandler.js
index 55abb074..ddcf04db 100755
--- a/src/editor/WickEditor.WickActionHandler.js
+++ b/src/editor/WickEditor.WickActionHandler.js
@@ -82,6 +82,7 @@ var WickActionHandler = function (wickEditor) {
         wickEditor.canvas.getInteractiveCanvas().needsUpdate = true;
         if(args && args.dontAddToStack) return;
         wickEditor.project.unsaved = true;
+        wickEditor.project.rootObject.regenerateAssetLinkedSymbols();
         wickEditor.project.rootObject.generateParentObjectReferences();
         wickEditor.project.regenAssetReferences();
         if(!args || !args.dontSync) wickEditor.syncInterfaces();
@@ -325,6 +326,12 @@ var WickActionHandler = function (wickEditor) {
                 if(wickObj.updateFrameTween) wickObj.updateFrameTween();
             };
 
+            var source = (wickObj != undefined) ? wickObj.getSourceInside() : undefined;
+            if(source) {
+                var asset = wickEditor.project.library.getAsset(source.assetUUID);
+                asset.data = source.getAsJSON();
+            }
+
             done(args);
         },
         function (args) {
diff --git a/src/editor/interfaces/Interfaces.AlertBox.js b/src/editor/interfaces/Interfaces.AlertBox.js
index 88445ebe..fd9a8256 100644
--- a/src/editor/interfaces/Interfaces.AlertBox.js
+++ b/src/editor/interfaces/Interfaces.AlertBox.js
@@ -41,14 +41,18 @@ var AlertBoxInterface = function (wickEditor) {
         if(!alertBoxDiv) return;
     }
 
-    self.showMessage = function (message) {
+    self.showMessage = function (message, displayLength) {
         alertBoxText.innerHTML = message;
         self.show();
 
-        clearTimeout(fadeTimeout);
-        fadeTimeout = setTimeout(function () {
-            self.hide();
-        }, 3000);
+        //set displayLength to 0 to display message forever, or until further notice
+        if (displayLength != 0 || displayLength == undefined) {
+            clearTimeout(fadeTimeout);
+            fadeTimeout = setTimeout(function () {
+                self.hide();
+            },
+            displayLength == undefined ? 3000 : displayLength);
+        }
     }
 
     self.showProjectSavedMessage = function () {
diff --git a/src/editor/interfaces/Interfaces.ColorPicker.js b/src/editor/interfaces/Interfaces.ColorPicker.js
index a45d2c6e..40e72db4 100644
--- a/src/editor/interfaces/Interfaces.ColorPicker.js
+++ b/src/editor/interfaces/Interfaces.ColorPicker.js
@@ -34,12 +34,12 @@ var ColorPickerInterface = function (wickEditor) {
         colorPickerContainer = document.getElementById('colorPickerGUI');
         colorPickerContainer.style.display = 'none';
 
-        var closeButton = document.createElement('div');
+        /*var closeButton = document.createElement('div');
         closeButton.className = 'color-picker-close-button';
         closeButton.onclick = function () {
             self.close();
         }
-        colorPickerContainer.appendChild(closeButton);
+        colorPickerContainer.appendChild(closeButton);*/
 
         colorPicker = document.createElement('input');
         colorPicker.type = 'text';
@@ -61,6 +61,7 @@ var ColorPickerInterface = function (wickEditor) {
             localStorageKey: "spectrum.demo",
             showAlpha: true,
             maxSelectionSize: 6,
+            clickoutFiresChange: true,
             move: function (color) {
                 var colorString = color.toString();
                 if(previewType && previewType === 'background-color') {
diff --git a/src/editor/interfaces/Interfaces.Inspector.Properties.js b/src/editor/interfaces/Interfaces.Inspector.Properties.js
index 3b10b745..d9236dbe 100644
--- a/src/editor/interfaces/Interfaces.Inspector.Properties.js
+++ b/src/editor/interfaces/Interfaces.Inspector.Properties.js
@@ -22,7 +22,7 @@ InspectorInterface.getProperties = function (wickEditor, inspector) {
 
     properties.push(new InspectorInterface.TwoStringInput({
         title: '<img src="resources/inspector-icons/position.svg" class="inspector-icon"/>',
-        tooltip: 'Position (x,y)',
+        tooltip: 'Position (X, Y)',
         otherTitle: 'x',
         isActiveFn: function () {
             return selectionInfo.numObjects === 1 
@@ -47,7 +47,7 @@ InspectorInterface.getProperties = function (wickEditor, inspector) {
 
     properties.push(new InspectorInterface.TwoStringInput({
         title: '<img src="resources/inspector-icons/size.svg" class="inspector-icon"/>',
-        tooltip: 'Width / Height',
+        tooltip: 'Width, Height',
         otherTitle: 'x',
         isActiveFn: function () {
             return selectionInfo.numObjects === 1 
@@ -143,6 +143,32 @@ InspectorInterface.getProperties = function (wickEditor, inspector) {
         }
     }));
 
+    properties.push(new InspectorInterface.SelectInput({
+        title: '<img src="resources/image.png" class="inspector-icon"/>',
+        tooltip: 'Image Resource',
+        optionsFn: function () {
+            var imageAssetFilenames = wickEditor.project.library.getAllAssets().filter(function (asset) {
+                return asset.type === 'image';
+            }).map(function (asset) {
+                return asset.filename;
+            });
+            return imageAssetFilenames;
+        },
+        isActiveFn: function () {
+            return selectionInfo.type == 'wickobject'
+                && selectionInfo.dataType == 'image'
+                && selectionInfo.numObjects === 1;
+        },
+        getValueFn: function () {
+            return wickEditor.project.library.getAsset(selectionInfo.object.assetUUID).filename; 
+        },
+        onChangeFn: function (val) {
+            console.error('!! Need action for this !!')
+            selectionInfo.object.assetUUID = wickEditor.project.library.getAssetByName(val).uuid
+        }
+    }));
+
+    //font family
     properties.push(new InspectorInterface.SelectInput({
         title: '<img src="resources/inspector-icons/fontfamily.svg" class="inspector-icon"/>',
         tooltip: 'Font Family',
@@ -156,14 +182,39 @@ InspectorInterface.getProperties = function (wickEditor, inspector) {
             return selectionInfo.object.textData.fontFamily;
         }, 
         onChangeFn: function (val) {
-            loadGoogleFonts([val], function () {
+            //these variables will be attached to the font name in the WebFont Importer
+            var weight = ":"+selectionInfo.object.textData.fontWeight;
+            var italic = (selectionInfo.object.textData.fontStyle == "italic") ? 'i' : '';
+            //console.log(val+weight+italic);
+
+            //only webfonts need those two variables, not the default font, Arial
+            if (selectionInfo.object.textData.fontFamily === 'Arial'
+            || selectionInfo.object.textData.fontFamily === 'arial') {
+                weight = italic = "";
+            }
+            
+            //if font is loaded succesfully, update canvas and setting
+            var callback = function () {
                 selectionInfo.object.textData.fontFamily = val;
                 wickEditor.canvas.getInteractiveCanvas().needsUpdate = true;
                 wickEditor.syncInterfaces();
+                wickEditor.alertbox.hide();
+            };
+            
+            //reload Google Font with new weight and italic value.
+            //if you enable bold and/or italic then change to a font that doesn't support one of those, Wick will load Regular
+            //and reset the Bold and Italic buttons. Trying to load every single variant to check its validity takes too long.
+            //This problem could be alleviated if Wick Editor had a Google Web Font API Key.
+            
+            loadGoogleFonts([val+weight+italic], callback, function () {
+                loadGoogleFonts([val], callback);
+                selectionInfo.object.textData.fontWeight = '';
+                selectionInfo.object.textData.fontStyle == '';
             });
+            wickEditor.alertbox.showMessage("Loading font...", 0);
         }
     }));
-
+    
     properties.push(new InspectorInterface.SliderInput({
         title: '<img src="resources/inspector-icons/fontsize.svg" class="inspector-icon"/>',
         tooltip: 'Font Size',
@@ -186,7 +237,7 @@ InspectorInterface.getProperties = function (wickEditor, inspector) {
     properties.push(new InspectorInterface.MultiCheckboxInput({
         title: '',
         icons: [
-            'resources/align-left.svg', 
+            'resources/align-left.svg',
             'resources/align-center.svg',
             'resources/align-right.svg',
             'resources/text-bold.svg',
@@ -197,11 +248,11 @@ InspectorInterface.getProperties = function (wickEditor, inspector) {
         },
         getValueFn: function () {
             return [
-                selectionInfo.object.textData.textAlign === 'left',
-                selectionInfo.object.textData.textAlign === 'center',
-                selectionInfo.object.textData.textAlign === 'right',
-                selectionInfo.object.textData.fontWeight === 'bold',
-                selectionInfo.object.textData.fontStyle === 'italic'
+                selectionInfo.object.textData.textAlign === 'left', //vals[0]
+                selectionInfo.object.textData.textAlign === 'center', //vals[1]
+                selectionInfo.object.textData.textAlign === 'right', //vals[2]
+                selectionInfo.object.textData.fontWeight === 'bold', //vals[3]
+                selectionInfo.object.textData.fontStyle === 'italic' //vals[4]
             ];
         }, 
         onChangeFn: function (vals) {
@@ -217,8 +268,23 @@ InspectorInterface.getProperties = function (wickEditor, inspector) {
             }
             selectionInfo.object.textData.fontWeight = vals[3] ? 'bold' : '';
             selectionInfo.object.textData.fontStyle = vals[4] ? 'italic' : '';
-            wickEditor.canvas.getInteractiveCanvas().needsUpdate = true;
-            wickEditor.syncInterfaces();
+            //these variables will be attached to the font name in the WebFont Importer
+            var weight = ":"+selectionInfo.object.textData.fontWeight;
+            var italic = (selectionInfo.object.textData.fontStyle == "italic") ? 'i' : '';
+            
+            //only webfonts need those two variables, not the default font, Arial
+            if (selectionInfo.object.textData.fontFamily === 'Arial'
+            || selectionInfo.object.textData.fontFamily === 'arial') {
+                weight = italic = "";
+                wickEditor.canvas.getInteractiveCanvas().needsUpdate = true;
+                wickEditor.syncInterfaces();
+            } else {
+                //reload Google Font with new weight and italic value
+                loadGoogleFonts([selectionInfo.object.textData.fontFamily+weight+italic], function () {
+                    wickEditor.canvas.getInteractiveCanvas().needsUpdate = true;
+                    wickEditor.syncInterfaces();
+                });
+            }
         }
     }));
 
@@ -520,7 +586,7 @@ InspectorInterface.getProperties = function (wickEditor, inspector) {
 
     properties.push(new InspectorInterface.SelectInput({
         title: '<img src="resources/inspector-icons/sound.svg" class="inspector-icon"/>',
-        tooltip: 'Sound',
+        tooltip: 'Sound Resource',
         optionsFn: function () {
             var audioAssetFilenames = wickEditor.project.library.getAllAssets().filter(function (asset) {
                 return asset.type === 'audio';
@@ -548,7 +614,7 @@ InspectorInterface.getProperties = function (wickEditor, inspector) {
         }
     }));
 
-    properties.push(new InspectorInterface.SliderInput({
+    /*properties.push(new InspectorInterface.SliderInput({
         title: '<img src="resources/inspector-icons/volume.svg" class="inspector-icon"/>',
         tooltip: 'Volume',
         min: 0,
@@ -565,7 +631,7 @@ InspectorInterface.getProperties = function (wickEditor, inspector) {
         onChangeFn: function (val) {
             selectionInfo.object.volume = parseFloat(val);
         }
-    }));
+    }));*/
 
     properties.push(new InspectorInterface.MultiCheckboxInput({
         title: '<img src="resources/inspector-icons/ease.svg" class="inspector-icon"/>',
diff --git a/src/editor/interfaces/Interfaces.Inspector.js b/src/editor/interfaces/Interfaces.Inspector.js
index 1e668c96..b72320c2 100644
--- a/src/editor/interfaces/Interfaces.Inspector.js
+++ b/src/editor/interfaces/Interfaces.Inspector.js
@@ -21,7 +21,6 @@ var InspectorInterface = function (wickEditor) {
 
     var selectionIcon;
     var selectionTitle;
-    var inspectorTitle;
 
     var specialMode;
 
@@ -39,7 +38,6 @@ var InspectorInterface = function (wickEditor) {
         selectionTitleBar = document.getElementById('inspector-title-bar');
         selectionIcon = document.getElementsByClassName('inspector-selection-icon')[0];
         selectionTitle = document.getElementsByClassName('inspector-selection-title')[0];
-        inspectorTitle = document.getElementById('inspector-title');
 
         allItemsContainer = document.getElementsByClassName('inspector-allitems-container')[0];
         propertiesContainer = document.getElementsByClassName('inspector-properties-container')[0];
@@ -167,7 +165,6 @@ var InspectorInterface = function (wickEditor) {
 
     var updateSelectonTypeTitle = function () {
 
-        var noSelectionTitle = "Inspector";
         var title; 
         var image;
 
@@ -217,10 +214,9 @@ var InspectorInterface = function (wickEditor) {
             image = "./resources/tools/Line.svg";
 
         } else if(selectionInfo.type === 'none') {
-
-            noSelectionTitle = "Inspector (No Selection)"
-            title = ""
-            image = null;
+            
+            title = "Nothing selected."
+            image = "./resources/flashy-white-icon.svg";
 
         } else if(selectionInfo.numObjects > 1) {
 
@@ -263,7 +259,6 @@ var InspectorInterface = function (wickEditor) {
         }
 
         selectionTitle.innerHTML = title;
-        inspectorTitle.innerHTML = noSelectionTitle;
         if(image)
             selectionIcon.style.backgroundImage = 'url('+image+')';
         else
diff --git a/src/editor/interfaces/Interfaces.Library.js b/src/editor/interfaces/Interfaces.Library.js
index 29520469..74568e8c 100644
--- a/src/editor/interfaces/Interfaces.Library.js
+++ b/src/editor/interfaces/Interfaces.Library.js
@@ -77,7 +77,9 @@ var LibraryInterface = function (wickEditor) {
             var assetURL;
             if(asset.type === 'image') {
                 assetURL = asset.data;
-            } else if(self.getSelectedAsset().type === 'audio') {
+            } else if(asset.type === 'audio') {
+                assetURL = 'resources/icon_sound_canvas.png';
+            } else if (asset.type === 'symbol') {
                 assetURL = 'resources/icon_sound_canvas.png';
             }
             draggedAssetElem.style.backgroundImage = 'url('+assetURL+')';
@@ -92,7 +94,7 @@ var LibraryInterface = function (wickEditor) {
                     frame: e.target.wickData.wickFrame,
                     asset: self.getSelectedAsset()
                 });
-            } else if(e.target.nodeName === 'CANVAS' && self.getSelectedAsset().type === 'image') {
+            } else if(e.target.nodeName === 'CANVAS' && (self.getSelectedAsset().type === 'image' || self.getSelectedAsset().type === 'symbol')) {
                 wickEditor.guiActionHandler.doAction("createObjectFromAsset", {
                     asset: self.getSelectedAsset(),
                     x: e.x,
diff --git a/src/editor/interfaces/Interfaces.MenuBar.js b/src/editor/interfaces/Interfaces.MenuBar.js
index 34e67475..e74b35c5 100644
--- a/src/editor/interfaces/Interfaces.MenuBar.js
+++ b/src/editor/interfaces/Interfaces.MenuBar.js
@@ -25,6 +25,9 @@ var MenuBarInterface = function (wickEditor) {
 
     var tabs;
 
+    //only one tab can be open at a time
+    var openTabName;
+
 	var Tab = function (name, buttons, func) {
         this.buttons = buttons;
         this.name = name;
@@ -46,10 +49,24 @@ var MenuBarInterface = function (wickEditor) {
                 if(visible) {
                     self.elem.style.display = "none";
                 } else {
+                    openTabName = tabElem.id;
                     self.elem.style.display = "block";
                 }
                 self.elem.style.left = (tabElem.offsetLeft-8) + 'px';
             }
+            tabElem.onmouseover = function() {
+                if (openTabName !== tabElem.id && openTabName !== undefined) {
+                    var visible = self.elem.style.display === "block";
+                    closeAllMenus();
+                    openTabName = tabElem.id;
+                    if(visible) {
+                        self.elem.style.display = "none";
+                    } else {
+                        self.elem.style.display = "block";
+                    }
+                    self.elem.style.left = (tabElem.offsetLeft-8) + 'px';
+                }
+            }
             tabContainer.appendChild(tabElem);
 
             this.elem = document.createElement('div');
@@ -107,7 +124,7 @@ var MenuBarInterface = function (wickEditor) {
 
         projectSettingsElem = document.createElement('div');
         projectSettingsElem.className = 'tooltipElem menuBarProjectSettingsButton';
-        projectSettingsElem.setAttribute('alt', "Project settings");
+        projectSettingsElem.setAttribute('alt', "Project Settings");
         projectSettingsElem.onclick = function () {
             wickEditor.guiActionHandler.doAction("toggleProjectSettings");
         }
@@ -125,13 +142,13 @@ var MenuBarInterface = function (wickEditor) {
         });
 
         addTab('File', [
-            new TabButton('New Project', function () {
+            new TabButton('New Project...', function () {
                 wickEditor.guiActionHandler.doAction("newProject");
             }),
-            new TabButton('Open Project', function () {
+            new TabButton('Open Project...', function () {
                 wickEditor.guiActionHandler.doAction("openFile");
             }),
-            new TabButton('Save Project', function () {
+            new TabButton('Save Project To Disk...', function () {
                 wickEditor.guiActionHandler.doAction("exportProjectWick");
             }),
             new TabSpacer(),
@@ -142,27 +159,27 @@ var MenuBarInterface = function (wickEditor) {
             new TabButton('Export PNG', function () {
                 wickEditor.guiActionHandler.doAction("exportProjectPNG");
             }),*/
-            new TabButton('Export HTML', function () {
+            new TabButton('Export HTML...', function () {
                 wickEditor.guiActionHandler.doAction("exportProjectHTML");
             }),
-            new TabButton('Export ZIP', function () {
+            new TabButton('Export ZIP...', function () {
                 wickEditor.guiActionHandler.doAction("exportProjectZIP");
             }),
             /*new TabButton('Export Project as JSON', function () {
                 wickEditor.guiActionHandler.doAction("exportProjectJSON");
             }),*/
-            new TabButton('Export Animated GIF', function () {
+            new TabButton('Export Animated GIF...', function () {
                 wickEditor.guiActionHandler.doAction("exportProjectGIF");
             }),
-            new TabButton('Export Video', function () {
+            new TabButton('Export MP4 Video...', function () {
                 wickEditor.guiActionHandler.doAction("openProjectExportWindow");
             }),
             new TabSpacer(),
 
-            new TabButton('Run project', function () {
+            new TabButton('Run Project...', function () {
                 wickEditor.guiActionHandler.doAction("runProject");
             }),
-            new TabButton('Project settings', function () {
+            new TabButton('Project Settings', function () {
                 wickEditor.guiActionHandler.doAction("openProjectSettings");
             }),
         ]);
@@ -199,13 +216,13 @@ var MenuBarInterface = function (wickEditor) {
         ]);
 
         addTab('Import', [
-            new TabButton('Image', function () {
+            new TabButton('Image...', function () {
                 wickEditor.guiActionHandler.doAction("importFile");
             }),
-            new TabButton('Sound', function () {
+            new TabButton('Sound...', function () {
                 wickEditor.guiActionHandler.doAction("importFile");
             }),
-            new TabButton('SVG', function () {
+            new TabButton('SVG...', function () {
                 wickEditor.guiActionHandler.doAction("importFile");
             }),
             /*new TabButton('JSON', function () {
@@ -217,33 +234,33 @@ var MenuBarInterface = function (wickEditor) {
         ]);
 
         addTab('Help', [
-            new TabButton('Hotkeys', function () {
+            new TabButton('Keyboard Shortcuts...', function () {
                 wickEditor.guiActionHandler.doAction("openEditorSettings");
             }),
-            new TabButton('Examples', function () {
+            new TabButton('Examples...', function () {
                 window.open('http://www.wickeditor.com/#examples')
             }),
-            new TabButton('Tutorials', function () {
+            new TabButton('Tutorials...', function () {
                 window.open('http://www.wickeditor.com/#tutorials')
             }),
-            new TabButton('Forums', function () {
+            new TabButton('Wick Forums...', function () {
                 window.open('http://forum.wickeditor.com/')
             }),
-            new TabButton('Browser Info', function () {
+            new TabButton('Browser Info...', function () {
                 wickEditor.guiActionHandler.doAction('printBrowserInfo');
             }),
         ]);
 
         addTab('About', [
-            new TabButton('Source code', function () {
+            new TabButton('Source Code...', function () {
                 window.open('https://www.github.com/zrispo/wick/');
             }),
-            new TabButton('Credits', function () {
+            new TabButton('Credits...', function () {
                 window.open('http://www.wickeditor.com/#about');
             }),
         ]);
 
-        addTab('Run', [], function () {
+        addTab('Run...', [], function () {
                 wickEditor.guiActionHandler.doAction("runProject");
             });
     }
@@ -255,9 +272,10 @@ var MenuBarInterface = function (wickEditor) {
     }
 
     var closeAllMenus = function () {
+        openTabName = undefined;
         tabs.forEach(function (tab) {
             tab.elem.style.display = "none";
-        })
+        });
     }
 
     this.syncWithEditorState = function () {
diff --git a/src/editor/interfaces/Interfaces.Timeline.FramesContainer.js b/src/editor/interfaces/Interfaces.Timeline.FramesContainer.js
index 4c392a41..8a5a7c0b 100644
--- a/src/editor/interfaces/Interfaces.Timeline.FramesContainer.js
+++ b/src/editor/interfaces/Interfaces.Timeline.FramesContainer.js
@@ -145,7 +145,7 @@ TimelineInterface.FramesContainer = function (wickEditor, timeline) {
 
         var scrollX = -timeline.horizontalScrollBar.getScrollPosition();
         var scrollY = -timeline.verticalScrollBar.getScrollPosition();
-        if(wickEditor.project.getCurrentObject().layers.length < 4) {
+        if(wickEditor.project.getCurrentObject().layers.length*(cssVar('--layer-height')+cssVar('--common-padding')) < wickEditor.project.timelineHeight) {
             scrollY = 0;
             timeline.verticalScrollBar.reset();
         }
@@ -343,7 +343,7 @@ TimelineInterface.Frame = function (wickEditor, timeline) {
             waveformDiv.style.display = 'none';
             if(this.wickFrame.tweens.length > 0) {
                 thumbnailDiv.style.display = 'none';
-                this.elem.style.backgroundColor = '#e4eafb';
+                this.elem.style.background = 'var(--tween-background)';
             } else if(this.wickFrame.wickObjects.length > 0) {
                 this.elem.style.backgroundColor = '#EEE';
                 thumbnailDiv.src = 'resources/fullframe.svg';
diff --git a/src/editor/tools/Tools.Paintbrush.js b/src/editor/tools/Tools.Paintbrush.js
index 06b22355..c98aa968 100644
--- a/src/editor/tools/Tools.Paintbrush.js
+++ b/src/editor/tools/Tools.Paintbrush.js
@@ -19,30 +19,15 @@ if(!window.Tools) Tools = {};
 
 Tools.Paintbrush = function (wickEditor) {
 
-    var that = this;
+    var self = this;
 
-    var MIN_SEGMENT_LENGTH = 3;
+    var croquis;
+    var croquisDOMElement;
+
+    var brush;
 
     this.getCursorImage = function () {
-        var canvas = document.createElement("canvas");
-        canvas.width = 128;
-        canvas.height = 128;
-        var context = canvas.getContext('2d');
-        var centerX = canvas.width / 2;
-        var centerY = canvas.height / 2;
-        var radius = wickEditor.settings.brushThickness/2;
-
-        context.beginPath();
-        context.arc(centerX, centerY, radius+1, 0, 2 * Math.PI, false);
-        context.fillStyle = invertColor(wickEditor.settings.fillColor);
-        context.fill();
-
-        context.beginPath();
-        context.arc(centerX, centerY, radius, 0, 2 * Math.PI, false);
-        context.fillStyle = wickEditor.settings.fillColor;
-        context.fill();
-
-        return 'url(' + canvas.toDataURL() + ') 64 64,default';
+        return 'crosshair'
     };
 
     this.getToolbarIcon = function () {
@@ -54,163 +39,97 @@ Tools.Paintbrush = function (wickEditor) {
     }
 
     this.setup = function () {
+        croquis = new Croquis();
+        croquis.setCanvasSize(window.innerWidth, window.innerHeight);
+        croquis.addLayer();
+        croquis.fillLayer('rgba(0,0,0,0)');
+        croquis.addLayer();
+        croquis.selectLayer(1);
+
+        brush = new Croquis.Brush();
 
+        croquis.setTool(brush);
+
+        croquisDOMElement = croquis.getDOMElement();
+        croquisDOMElement.style.display = 'none'
+        croquisDOMElement.style.pointerEvents = 'none';
+        document.getElementById('editorCanvasContainer').appendChild(croquisDOMElement);
     }
 
     this.onSelected = function () {
         wickEditor.inspector.openToolSettings('paintbrush');
         wickEditor.project.clearSelection();
         wickEditor.canvas.getInteractiveCanvas().needsUpdate = true;
+        croquisDOMElement.style.display = 'block'
     }
 
     this.onDeselected = function () {
-        if(path) path.remove();
+        croquisDOMElement.style.display = 'none'
     }
 
     this.paperTool = new paper.Tool();
-    var path;
-    var totalDelta;
-    var lastEvent;
 
     this.paperTool.onMouseDown = function (event) {
-        if (!path) {
-            path = new paper.Path({
-                strokeColor: wickEditor.settings.fillColor,
-                strokeCap: 'round',
-                strokeWidth: wickEditor.settings.brushThickness/wickEditor.canvas.getZoom(),
-            });
-        }
-
-        path.add(event.point);
+        brush.setSize(wickEditor.settings.brushThickness);
+        brush.setColor(wickEditor.settings.fillColor);
+        brush.setSpacing(0.2);
+        croquis.setToolStabilizeLevel(10);
+        croquis.setToolStabilizeWeight(wickEditor.settings.brushSmoothing / 100);
+
+        e = event.event
+        var pointerPosition = getRelativePosition(e.clientX, e.clientY);
+        var penPressure = wickEditor.inputHandler.getPenPressure();
+        croquis.down(pointerPosition.x, pointerPosition.y, penPressure);
     }
 
     this.paperTool.onMouseDrag = function (event) {
-
-        if(!totalDelta) {
-            totalDelta = event.delta;
-        } else {
-            totalDelta.x += event.delta.x;
-            totalDelta.y += event.delta.y;
-        }
-
-        if (totalDelta.length > MIN_SEGMENT_LENGTH/wickEditor.canvas.getZoom()) {
-
-            totalDelta.x = 0;
-            totalDelta.y = 0;
-
-            path.add(event.point)
-            path.smooth();
-            lastEvent = event;
-
-        }
+        e = event.event
+        var pointerPosition = getRelativePosition(e.clientX, e.clientY);
+        var penPressure = wickEditor.inputHandler.getPenPressure();
+        croquis.move(pointerPosition.x, pointerPosition.y, penPressure);
     }
 
     this.paperTool.onMouseUp = function (event) {
-        if (path) {
-            var pathWickObject;
-
-            path.add(event.point)
-            
-            if(path.segments.length > 2) {
-                path.smooth();
-
-                var smoothingScaled = convertRange(wickEditor.settings.brushSmoothing, [0,100], [1,30]);
-                if(smoothingScaled > 0) {
-                    var t = wickEditor.settings.strokeWidth;
-                    var s = smoothingScaled;
-                    var z = wickEditor.canvas.getZoom();
-                    path.simplify(t / z * s);
-                }
-
-                path.join(path, 5/wickEditor.canvas.getZoom())
-
-                var offset = path.strokeWidth/2;
-                var outerPath = OffsetUtils.offsetPath(path, offset, true);
-                var innerPath = OffsetUtils.offsetPath(path, -offset, true);
-                path = OffsetUtils.joinOffsets(outerPath.clone(), innerPath.clone(), path, offset);
-                path = path.unite();
-                path.fillColor = wickEditor.settings.fillColor;
-
-                var group = new paper.Group({insert:false});
-                group.addChild(path);
-
-                var svgString = group.exportSVG({asString:true});
-                pathWickObject = WickObject.createPathObject(svgString);
-                pathWickObject.x = group.position.x;
-                pathWickObject.y = group.position.y;
-                pathWickObject.width = group.bounds._width;
-                pathWickObject.height = group.bounds._height;
-                pathWickObject.svgX = group.bounds._x;
-                pathWickObject.svgY = group.bounds._y;
-            } else {
-                path = new paper.Path.Circle(path.position, wickEditor.settings.brushThickness/2);
-                path.fillColor = wickEditor.settings.fillColor;
-                var group = new paper.Group({insert:false});
-                group.addChild(path);
-                var svgString = group.exportSVG({asString:true});
-                pathWickObject = WickObject.createPathObject(svgString);
-                pathWickObject.x = group.position.x;
-                pathWickObject.y = group.position.y;
-                pathWickObject.width = group.bounds._width;
-                pathWickObject.height = group.bounds._height;
-                pathWickObject.svgX = group.bounds._x;
-                pathWickObject.svgY = group.bounds._y;
-            }
-
-            //wickEditor.canvas.getInteractiveCanvas().pathRoutines.refreshPathData(pathWickObject);
-
-            wickEditor.actionHandler.doAction('addObjects', {
-                wickObjects: [pathWickObject],
-                dontSelectObjects: true,
-            });
-
-            path = null;
-        }
-
-        /*var smoothing = getBrushSmoothFactor();
-        var raster = path.rasterize(paper.view.resolution/window.devicePixelRatio*smoothing);
-        raster.remove()
-        var rasterDataURL = raster.toDataURL()
-        //path.remove()
-
-        var final = new Image();
-        final.onload = function () {
-            potraceImage(final, function (svgString) {
-                var xmlString = svgString
-                  , parser = new DOMParser()
-                  , doc = parser.parseFromString(xmlString, "text/xml");
-                var tempPaperForPosition = paper.project.importSVG(doc, {insert:false});
-                tempPaperForPosition.scale(1/smoothing);
-
-                var pathWickObject = WickObject.createPathObject(svgString);
-                pathWickObject.width = tempPaperForPosition.bounds.width;
-                pathWickObject.height = tempPaperForPosition.bounds.height;
-                pathWickObject.x = path.position.x;
-                pathWickObject.y = path.position.y;
-                pathWickObject.svgX = tempPaperForPosition.bounds._x;
-                pathWickObject.svgY = tempPaperForPosition.bounds._y;
-                pathWickObject.pathData = tempPaperForPosition.exportSVG({asString:true});
-
-                wickEditor.actionHandler.doAction('addObjects', {
-                    wickObjects: [pathWickObject],
-                    dontSelectObjects: true,
+        e = event.event
+        var pointerPosition = getRelativePosition(e.clientX, e.clientY);
+        var penPressure = wickEditor.inputHandler.getPenPressure();
+        croquis.up(pointerPosition.x, pointerPosition.y, penPressure);
+        
+        setTimeout(function () {
+            var i = new Image();
+            i.onload = function () {
+                //previewImage(i)
+                potraceImage(i, function (svgString) {
+                    var xmlString = svgString
+                      , parser = new DOMParser()
+                      , doc = parser.parseFromString(xmlString, "text/xml");
+                    var tempPaperForPosition = paper.project.importSVG(doc, {insert:false});
+
+                    var pathWickObject = WickObject.createPathObject(svgString);
+                    pathWickObject.width = tempPaperForPosition.bounds.width;
+                    pathWickObject.height = tempPaperForPosition.bounds.height;
+
+                    pathWickObject.x = tempPaperForPosition.position.x - wickEditor.canvas.getPan().x;
+                    pathWickObject.y = tempPaperForPosition.position.y - wickEditor.canvas.getPan().y;
+
+                    //tempPaperForPosition.scale(1/smoothing);
+                    tempPaperForPosition.fillColor = wickEditor.settings.fillColor;
+                    pathWickObject.pathData = tempPaperForPosition.exportSVG({asString:true});
+
+                    wickEditor.actionHandler.doAction('addObjects', {
+                        wickObjects: [pathWickObject],
+                        dontSelectObjects: true,
+                    });
+
+                    croquis.clearLayer();
                 });
-                path = null;
-
-            }, wickEditor.settings.fillColor);
-        }
-        final.src = rasterDataURL;*/
-
-    }
-
-    // https://stackoverflow.com/questions/14224535/scaling-between-two-number-ranges
-    function convertRange( value, r1, r2 ) { 
-        return ( value - r1[ 0 ] ) * ( r2[ 1 ] - r2[ 0 ] ) / ( r1[ 1 ] - r1[ 0 ] ) + r2[ 0 ];
+            }
+            i.src = document.getElementsByClassName('croquis-layer-canvas')[1].toDataURL();
+        }, 20);
     }
 
-    function getBrushSmoothFactor () {
-        var bi = 100-wickEditor.settings.brushSmoothing;
-        var smoothFactor = convertRange(bi, [0,100], [0.3,1]);
-        return smoothFactor;
+    function getRelativePosition(absoluteX, absoluteY) {
+        var rect = croquisDOMElement.getBoundingClientRect();
+        return {x: absoluteX - rect.left, y: absoluteY - rect.top};
     }
-}
\ No newline at end of file
+}
diff --git a/src/editor/tools/Tools.Pencil.js b/src/editor/tools/Tools.Pencil.js
index 68435d12..3da2d37b 100644
--- a/src/editor/tools/Tools.Pencil.js
+++ b/src/editor/tools/Tools.Pencil.js
@@ -78,7 +78,7 @@ Tools.Pencil = function (wickEditor) {
             totalDelta.y += event.delta.y;
         }
 
-        if (totalDelta.length > 2/wickEditor.canvas.getZoom()) {
+        if (totalDelta.length > (2+wickEditor.settings.pencilSmoothing)/wickEditor.canvas.getZoom()) {
 
             totalDelta.x = 0;
             totalDelta.y = 0;
@@ -87,6 +87,8 @@ Tools.Pencil = function (wickEditor) {
             path.smooth();
             lastEvent = event;
 
+            //path.simplify(1);
+
         }
     }
 
@@ -98,12 +100,12 @@ Tools.Pencil = function (wickEditor) {
             if(path.segments.length > 2) {
                 path.smooth();
 
-                if(wickEditor.settings.pencilSmoothing > 0) {
+                /*if(wickEditor.settings.pencilSmoothing > 0) {
                     var t = wickEditor.settings.strokeWidth;
                     var s = wickEditor.settings.pencilSmoothing/100*10;
                     var z = wickEditor.canvas.getZoom();
                     path.simplify(t / z * s);
-                }
+                }*/
 
                 path.join(path, 5/wickEditor.canvas.getZoom())
             }
diff --git a/src/player/WickPlayer.InputHandler.js b/src/player/WickPlayer.InputHandler.js
index a7e6f960..6aab92b0 100644
--- a/src/player/WickPlayer.InputHandler.js
+++ b/src/player/WickPlayer.InputHandler.js
@@ -226,7 +226,8 @@ WickPlayerInputHandler = function (canvasContainer, wickProject) {
         
         var clickedObj;
         wickProject.rootObject.getAllActiveChildObjectsRecursive(true).forEachBackwards(function(child) {
-            if(!(clickedObj && clickedObj.isButton) && child.isPointInside(self.getMouse())) {
+            var hasMousePressedScript = child.mousePressed && child.mousePressed.toString() !== 'function mousePressed(){return;}'
+            if(!clickedObj && hasMousePressedScript && child.isPointInside(self.getMouse())) {
                 child._wasClicked = true;
                 child._beingClicked = true;
                 clickedObj = child;
diff --git a/src/project/WickAsset.js b/src/project/WickAsset.js
index 0d562438..26b3e2d2 100644
--- a/src/project/WickAsset.js
+++ b/src/project/WickAsset.js
@@ -45,4 +45,4 @@ WickAsset.prototype.getType = function () {
 
 WickAsset.prototype.getFilename = function () {
     return this.filename;
-}
\ No newline at end of file
+}
diff --git a/src/project/WickObject.js b/src/project/WickObject.js
index 944b7416..f3f8f9b7 100755
--- a/src/project/WickObject.js
+++ b/src/project/WickObject.js
@@ -17,16 +17,8 @@
 
 var WickObject = function () {
 
-// Internals
-
-    // Unique id
     this.uuid = random.uuid4();
-
-    // Name is optional, added by user
     this.name = undefined;
-
-// Positioning
-
     this.x = 0;
     this.y = 0;
     this.width = undefined;
@@ -37,40 +29,18 @@ var WickObject = function () {
     this.flipX = false;
     this.flipY = false;
     this.opacity = 1;
-
-// Common
-    
-    //this.wickScript = "function load() {\n\t\n}\n\nfunction update() {\n\t\n}\n";
     this.wickScript = "";
-
-// Static
-
     this.assetUUID = null;
     this.loop = false;
-
-// Text
-
     this.isText = false;
-
-// Images
-
     this.isImage = false;
-
-// Symbols
-
     this.isSymbol = false;
     this.isButton = false;
     this.isGroup = false;
-
-    // Used to keep track of what frame is being edited
     this.playheadPosition = null;
     this.currentLayer = null;
-
-    // List of layers, only used by symbols
     this.layers = undefined;
 
-// Render
-    
     this._renderDirty = false;  // Tell the renderer if this object has changed. 
 
 };
@@ -1095,6 +1065,44 @@ WickObject.prototype.prepareForPlayer = function () {
     this.hoveredOver = false;
 }
 
+WickObject.prototype.regenerateAssetLinkedSymbols = function () {
+    if(this.assetUUID && this.isSymbol && this !== wickEditor.project.getCurrentObject()) {
+        var asset = wickEditor.project.library.getAsset(this.assetUUID)
+        var source = WickObject.fromJSON(asset.data);
+        for(key in source) {
+            if(key !== 'x' && 
+               key !== 'y' && 
+               key !== 'scaleX' && 
+               key !== 'scaleY' && 
+               key !== 'flipX' && 
+               key !== 'flipY' && 
+               key !== 'rotation' &&
+               key !== 'opacity' &&
+               key !== 'name' &&
+               key !== 'uuid' && 
+               key !== 'assetUUID') {
+                this[key] = source[key];
+            }
+        }
+        var self = this;
+        this.getAllChildObjectsRecursive().forEach(function (child) {
+            if(self !== child) child.uuid = random.uuid4();
+            (child.layers||[]).forEach(function (layer) {
+                layer.frames.forEach(function (frame) {
+                    frame.uuid = random.uuid4();
+                })
+            });
+        });
+        this.getAllFrames().forEach(function (frame) {
+            frame.uuid = random.uuid4();
+        });
+    }
+
+    this.getAllChildObjects().forEach(function (o) {
+        o.regenerateAssetLinkedSymbols();
+    })
+}
+
 /* Generate alpha mask for per-pixel hit detection */
 WickObject.prototype.generateAlphaMask = function (imageData) {
 
@@ -1271,3 +1279,13 @@ WickObject.prototype.pointTo = function ( x2, y2 ) {
     
     this.rotation = Math.atan2(dy,dx) * 180 / Math.PI - 90;
 };
+
+WickObject.prototype.getSourceInside = function () {
+    if(this.isRoot) {
+        return null;
+    } else if(this.assetUUID && this.isSymbol) {
+        return this;
+    } else {
+        return this.parentObject.getSourceInside();
+    }
+}
diff --git a/src/project/WickProject.AssetLibrary.js b/src/project/WickProject.AssetLibrary.js
index bfc782aa..e90c240f 100644
--- a/src/project/WickProject.AssetLibrary.js
+++ b/src/project/WickProject.AssetLibrary.js
@@ -32,17 +32,12 @@ AssetLibrary.prototype.addAsset = function (asset) {
 
         return uuid;
     }
-
-    wickEditor.library.dirty = true;
-
 }
 
 AssetLibrary.prototype.deleteAsset = function (uuid) {
 
     this.assets[uuid] = null;
     delete this.assets[uuid];
-    
-    wickEditor.library.dirty = true;
 
 }
 
@@ -107,12 +102,14 @@ AssetLibrary.prototype.printInfo = function () {
 AssetLibrary.prototype.encodeStrings = function () {
     this.getAllAssets().forEach(function (asset) {
         asset.filename = WickProject.Compressor.encodeString(asset.filename);
+        asset.data = WickProject.Compressor.encodeString(asset.data);
     });
 }
 
 AssetLibrary.prototype.decodeStrings = function () {
     this.getAllAssets().forEach(function (asset) {
         asset.filename = WickProject.Compressor.decodeString(asset.filename);
+        asset.data = WickProject.Compressor.decodeString(asset.data);
     });
 }
 
diff --git a/src/project/WickProject.Exporter.js b/src/project/WickProject.Exporter.js
index 09add7c3..fa0a2cf6 100755
--- a/src/project/WickProject.Exporter.js
+++ b/src/project/WickProject.Exporter.js
@@ -31,8 +31,8 @@ WickProject.Exporter = (function () {
 
         // All libs needed by the player. 
         var requiredLibFiles = [
-            "https://cdnjs.cloudflare.com/ajax/libs/pixi.js/4.5.6/pixi.min.js",
-            "https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js",
+            "lib/pixi.4.5.6.min.js",
+            "lib/webfont.js",
             //"https://cdnjs.cloudflare.com/ajax/libs/stats.js/r16/Stats.min.js",
             "lib/lz-string.min.js",
             "lib/polyfills.js",
diff --git a/src/project/WickProject.js b/src/project/WickProject.js
index c30b1860..6fe1b86e 100755
--- a/src/project/WickProject.js
+++ b/src/project/WickProject.js
@@ -698,7 +698,23 @@ WickProject.prototype.loadScriptOfObject = function (obj) {
         dummyLoaderScript += '\nthis.'+builtinName+"="+builtinName+";";
     });
 
-    var evalScriptTag = '<script>\nwindow.cachedWickScripts["'+obj.uuid+'"] = function () {\n' + dummyInitScript + obj.wickScript + dummyLoaderScript + '\n}\n<'+'/'+'script>';
+    var scriptEventsReplaced = obj.wickScript;
+    var onEventFinderRegex = /^ *on *\( *[a-zA-Z]+ *\)/gm
+    var m;
+    do {
+        m = onEventFinderRegex.exec(scriptEventsReplaced, 'g');
+        if (m) {
+            eventName = m[0].split('(')[1].split(')')[0]
+            scriptEventsReplaced = scriptEventsReplaced.replace(m[0], 'function ' + eventName + '()')
+        }
+    } while (m);
+
+    var evalScriptTag = 
+        '<script>\nwindow.cachedWickScripts["'+obj.uuid+'"] = function () {\n' + 
+        dummyInitScript + 
+        scriptEventsReplaced + 
+        dummyLoaderScript + 
+        '\n}\n<'+'/'+'script>';
     $('head').append(evalScriptTag);
 }
 
@@ -719,6 +735,7 @@ WickProject.prototype.initScript = function (obj) {
         this.loadBuiltinFunctions(obj);
         try {
             obj.cachedWickScript();
+            //obj.cachedWickScript.call(obj instanceof WickObject ? obj : obj.parentObject);
         } catch (e) {
             this.handleWickError(e,obj);
         }
@@ -754,8 +771,12 @@ WickProject.prototype.loadFonts = function (callback) {
     var self = this;
     var fontsInProject = [];
     self.getAllObjects().forEach(function (o) {
-        if(o.isText && o.textData.fontFamily !== 'Arial' && o.textData.fontFamily !== 'arial' && fontsInProject.indexOf(o.textData.fontFamily))
-            fontsInProject.push(o.textData.fontFamily);
+        if(o.isText && o.textData.fontFamily !== 'Arial' && o.textData.fontFamily !== 'arial' && fontsInProject.indexOf(o.textData.fontFamily+weight+italic)) {
+            //these variables will be attached to the font name in the WebFont Importer
+            var weight = ":"+o.textData.fontWeight;
+            var italic = (o.textData.fontStyle == "italic") ? 'i' : '';
+            fontsInProject.push(o.textData.fontFamily+weight+italic);
+        }
     });
     if(fontsInProject.length === 0 && callback) {
         callback()
diff --git a/styles/colorpicker.css b/styles/colorpicker.css
index ae25d28b..a3c1cfa2 100644
--- a/styles/colorpicker.css
+++ b/styles/colorpicker.css
@@ -1,13 +1,13 @@
 #colorPickerGUI {
-	width: 335px;
-	height: 250px;
+	width: 294px;
+	height: 192px;
 	position: absolute;
 	left: 0px;
 	top: 0px;
-	border: 1px solid white;
+	border: 1px solid var(--ui-white);
 	z-index: 9;
 	border-radius: 4px;
-	background-color: #444;
+	background-color: var(--ui-base);
 }
 
 .color-picker-close-button {
@@ -35,17 +35,17 @@
 	float: right;
 	cursor: pointer;
 	background-image: url("../resources/tools/Dropper.svg");
-    background-repeat: no-repeat;
-    background-position: center;
-    text-overflow: clip;
-    overflow: hidden;
-    background-size: 25px 25px;
-    opacity: 1.0;
-    margin-top: 3px;
+	background-repeat: no-repeat;
+	background-position: center;
+	text-overflow: clip;
+	overflow: hidden;
+	background-size: 25px 25px;
+	opacity: 1.0;
+	margin-top: 3px;
 	margin-right: 3px;
 	position: absolute;
-	left: 122px;
-	top: 203px;
+	left: 164px;
+	top: 161px;
 	z-index: 99999999999;
 }
 .color-picker-dropper-button:hover {
diff --git a/styles/editor.css b/styles/editor.css
index 1f57defd..3e63dfa3 100755
--- a/styles/editor.css
+++ b/styles/editor.css
@@ -17,11 +17,6 @@
 
 * { margin:0; padding:0; } /* to remove the top and left whitespace */
 
-@font-face {
-    font-family:"Open Sans";
-    src: url("Open_Sans/OpenSans-Regular.ttf");
-}
-
 .noselect {
     -webkit-touch-callout: none; /* iOS Safari */
     -webkit-user-select: none;   /* Chrome/Safari/Opera */
@@ -39,8 +34,40 @@
 
 html, body { width:100%; height:100%; overflow: hidden; } /* just to be sure these are full screen*/
 
+:root {
+    --ui-white: white;
+    --ui-black: black;
+    --ui-base: #333333;
+    --ui-base-light1: #555555;
+    --ui-base-light2: #777777;
+    --ui-base-light3: #848484;
+    --ui-base-dark1: #111111;
+    --ui-base-dark2: #000000;
+    --ui-complement: #DDDDDD;
+    --ui-complement-light1: #EEEEEE;
+    --ui-complement-light2: #F0F0F0;
+    --ui-complement-dark1: #BBBBBB;
+    --ui-complement-dark2: #999999;
+    --ui-accent1-bright1: #23d891;
+    --ui-accent1: #0ebb7e;
+    --ui-accent1-dark1: #2b6b59;
+    --ui-accent1-dark2: #2b4c43;
+    --ui-accent1-light1: #76ffc9;
+    --ui-accent2: #dc576d;
+    --ui-accent2-light1: #ffc4c8;
+    --ui-accent2-dark1: #a24f5f;
+    --ui-accent2-dark2: #5a3640;
+    --ui-accent3: #8781b1;
+    --ui-accent3-dark1: #624e8a;
+    --ui-accent3-dark2: #413c50;
+    --ui-warning-text: #FF0000;
+    --ui-shadow1: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
+    --ui-font: "San Franscisco", "Segoe UI", sans-serif;
+    --ui-system-sans-font: "San Franscisco", "Segoe UI", "Helvetica Neue", sans-serif;
+}
+
 body {
-    background-color: #B7B7B7;
+    background-color: var(--ui-complement-dark2);
 }
 
 canvas { display:block; } /* To remove the scrollbars */
@@ -66,24 +93,19 @@ canvas:focus {
 
 input {
     font-size: 16px;
-    color: #666;
     border: none;
 }
 select {
     font-size: 16px;
-    color: #666;
     width: 80px;
 }
 
 .GUIBox {
     position: absolute;
-    font-size: 16px;
-    font-family: "Anonymous Pro", "Helvetica", "Arial", sans-serif;
-    color: #666;
-    background-color: #585757;
-
-/*    border: 1px solid #878787;*/
-
+    font-size: 14px;
+    font-family: var(--ui-font);
+    color: var(--ui-base);
+    background-color: var(--ui-base);
 }
 
 #dropFileMessage {
@@ -110,16 +132,10 @@ select {
     display: flex;
     top: 0px;
     left: 0px;
-    height: 28px;
+    height: 25px;
     width: calc(100% - 2px);
-    /*background-color: #31E19C;*/
-    background-color: black;
-    border: 1px solid #585757;
-/*
-    border-top-color: black;
-    border-left-color: black;
-    border-right-color: black;
-*/
+    background-color: var(--ui-base-dark2);
+    border: none;
 }
 .menubarTab {
     float:left;
@@ -128,50 +144,67 @@ select {
     margin-right: 10px;
     cursor: pointer;
     color: white;
-    padding: 3px;
+    padding-left: 3px;
+    padding-right: 3px;
+    border-radius: 2px;
 
-    -webkit-transition: background-color 100ms linear;
-    -ms-transition: background-color 100ms linear;
-    transition: background-color 100ms linear;
+    -webkit-transition: background-color 100ms ease-in-out;
+    -ms-transition: background-color 100ms ease-in-out;
+    transition: background-color 100ms ease-in-out;
 }
 .menubarTab:hover {
     cursor: pointer;
-    background-color: #6EF8B0;
-    border-radius: 3px;
-    color: black;
+    background-color: var(--ui-accent1-dark1);
+    /*color: var(--ui-base-dark2);*/
 }
 
-.menubarMenu {
+.menubarMenu, #rightClickMenu {
     top: 30px;
     left: 0px;
-    line-height: 30px;
-    padding: 5px;
     min-width: 70px;
+    border-left: 2px solid var(--ui-accent1);
     border-top:none;
     text-align: left;
-    text-indent: 5px;
     z-index: 10;
-    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
-    border-radius: 3px;
-    /*background-color: black;*/
+    box-shadow: var(--ui-shadow1);
 }
 
-.menubarButton {
-    cursor: pointer;
-    color: #FFFFFF;
+.menubarMenu {
+    line-height: 15px;
+}
 
-    -webkit-transition: background-color 100ms linear;
-    -ms-transition: background-color 100ms linear;
-    transition: background-color 100ms linear;
+#rightClickMenu {
+    line-height: 8px;
 }
-.menubarButton:hover {
+
+.menubarButton, .rightClickMenuButton {
     cursor: pointer;
-    background-color: #31E19C;
-    border-radius: 3px;
+    color: var(--ui-white);
+    padding: 8px;
+    -webkit-transition: background-color 100ms ease-in-out;
+    -ms-transition: background-color 100ms ease-in-out;
+    transition: background-color 100ms ease-in-out;
+}
+.menubarButton:hover, .rightClickMenuButton:hover {
+    cursor: pointer;
+    background-color: var(--ui-accent1);
+}
+
+.rightClickMenuButtonIcon {
+    background-repeat: no-repeat;
+    background-position: center;
+    text-overflow: clip;
+    background-size: 13px 13px;
+    width: 13px;
+    height: 13px;
+    float: left;
+    margin-right: 3px;
+    margin-top: -2px;
+
 }
 
 .tab-container{
-    flex: 0 0 auto;
+    flex: 1 0 auto;
 }
 
 .menuBarProjectControls{
@@ -181,13 +214,15 @@ select {
 }
 
 .menuBarProjectTitle {
-    color: white;
+    margin-top: 3px;
+    color: var(--ui-white);
     cursor: pointer;
     flex-grow: 1;
     flex-shrink: 1;
     overflow: hidden;
     opacity: 1.0;
-    padding: 6px 0;
+    padding-left: 3px 0;
+    padding-right: 3px 0;
     text-overflow: ellipsis;
     text-align: right;
     white-space: nowrap;
@@ -197,7 +232,7 @@ select {
 }
 
 .unsavedText {
-    color: red;
+    color: var(--ui-warning-text);
 }
 .menuBarProjectSettingsButton {
     flex-shrink: 0;
@@ -218,7 +253,7 @@ select {
 }
 
 .scriptButton {
-    background: #58F9BA;
+    background: var(--ui-accent1);
     color: #0b2018;
     box-shadow: 0 0 2px 0 rgba(0,0,0,0.12), 0 2px 2px 0 rgba(0,0,0,0.24);
     border-radius: 8px;
@@ -233,17 +268,17 @@ select {
 
 .scriptButton:hover {
     cursor: pointer;
-    background: #009688;
+    background: var(--ui-accent1);
 }
 
 .scriptbutton:active {
     cursor: pointer;
-    background-color: #009688;
+    background: var(--ui-accent1);
 }
 
 .scriptbutton:selected {
     cursor: pointer;
-    background-color: #009688;
+    background: var(--ui-accent1);
 }
 
 .fontSelector {
@@ -268,7 +303,7 @@ select {
     padding-right: 5px;
     font-size: 16px;
     margin-top: 3px;
-    color: #888;
+    color: var(--ui-base);
 }
 
 #splashScreenGUI {
@@ -289,7 +324,7 @@ select {
 
 .rangeslider_handle {
 
-    background-color: aliceblue;
+    background-color: var(--ui-complement);
 
 
 }
@@ -314,11 +349,7 @@ select {
     width: 100%;
     height: 100%;
 }
-#rendererCanvas {
-    /*-webkit-box-shadow: 3px 3px 12px 0px rgba(0,0,0,0.73);
-    -moz-box-shadow: 3px 3px 12px 0px rgba(0,0,0,0.73);
-    box-shadow: 3px 3px 12px 0px rgba(0,0,0,0.73);*/
-}
+
 #builtinPlayerGUI {
     top: 0px;
     left: 0px;
@@ -352,7 +383,7 @@ select {
     left: 0px;
     width: 0px;
     height: 0px;
-    color: #888;
+    color: var(--ui-white);
     font-weight: bold;
     text-align: left;
     font-size: 18px;
@@ -373,41 +404,7 @@ select {
 }
 
 #objectTypeName {
-    color: #FAFAFA
-}
-
-#rightClickMenu {
-    position: fixed;
-    top: 0px;
-    left: 0px;
-    background-color: #2b2b2b;
-    display: none;
-    z-index: 11110;
-    border-radius: 3px;
-    padding: 3px;
-    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
-}
-.rightClickMenuButton {
-    padding: 2px;
-    background-color: transparent;
-    color: white;
-    cursor: pointer;
-    border-radius: 5px;
-}
-.rightClickMenuButton:hover {
-    background-color: #31E19C;
-    color: black;
-}
-.rightClickMenuButtonIcon {
-    background-repeat: no-repeat;
-    background-position: center;
-    text-overflow: clip;
-    background-size: 10px 10px;
-    width: 13px;
-    height: 13px;
-    float: left;
-    margin-right: 3px;
-
+    color: #FAFAFA;
 }
 
 #popupGUI {
@@ -424,7 +421,6 @@ select {
 .button:hover {
     cursor: pointer;
     background-color: #a5a5a5;
-/*    border-radius: 2px;*/
 }
 .button:active {
     cursor: pointer;
@@ -472,7 +468,7 @@ select {
     left:46px; /*0px;*/
     /*padding: 10px;*/
     width: calc(100% - 266px);
-    background-color: #E6E6E6;
+    background-color: var(--ui-complement);
     overflow: hidden;
 }
 
@@ -481,7 +477,7 @@ select {
     left: 35px;
     width: 33px;
     height: /*84px;*/ 10px;
-    background-color: #E6E6E6;
+    background-color: var(--ui-complement);
 }
 
 #timelineScrollbar {
@@ -543,11 +539,11 @@ select {
     display: none;
     z-index: 1000;
     border: none;
-    padding-left:5px;
+    padding: 3px;
+    padding-left: 5px;
     padding-right: 5px;
     max-width: 300px;
-    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
-    padding: 2px;
+    box-shadow: var(--ui-shadow1);
     opacity: 0.0;
     pointer-events: none;
     border-radius: 2px;
@@ -564,9 +560,8 @@ select {
     width: 300px;
     height: 50px;
     z-index: 999999;
-    background-color: #777;
-    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
-    background-color: #585757;
+    box-shadow: var(--ui-shadow1);
+    background-color: var(--ui-base);
 
     border-radius: 5px;
 
@@ -579,18 +574,18 @@ select {
     cursor: pointer;
 }
 #alert-box:hover {
-    background-color: #31E19C;
+    background-color: var(--ui-accent1-dark1);
 }
 
 
 .alert-box-icon {
-    background-image: url("../resources/check-sign.svg");
+    background-image: url("../resources/info.svg");
     background-repeat: no-repeat;
     background-position: center;
     text-overflow: clip;
     background-size: 30px 30px;
 
-    color: white;
+    color: var(--ui-white);
 
     float: left;
     width: 50px;
@@ -598,13 +593,10 @@ select {
 }
 .alert-box-text {
     float: right;
-
-    color: white;
+    color: var(--ui-white);
     font-size: 24px;
-
     text-align: center;
-    margin-top: 10px;
-
+    margin-top: 7px;
     width: 250px;
     height: 50px;
 }
@@ -651,17 +643,16 @@ select {
     position: absolute;
     right: 15px;
     top: 15px;
-    width: 300px;
-    height: 115px;
-    background-color: #e05a12;
-    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
+    width: 320px;
+    height: 105px;
+    background-color: var(--ui-base-light1);
+    box-shadow: var(--ui-shadow1);
     z-index: 999999999;
-    font-size: 18px;
+    font-size: 16px;
     border-radius: 3px;
-
-    font-weight: normal;
-    font-family: "Anonymous Pro", "Helvetica", "Arial", sans-serif;
-    color: #FFFFFF;
+    font-weight: 550;
+    font-family: var(--ui-font);
+    color: var(--ui-complement-dark1);
 }
 
 .alpha-warning-text {
@@ -767,7 +758,7 @@ select {
     height: 400px;
     position: absolute;
     z-index: 10;
-    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
+    box-shadow: var(--ui-shadow1);
     transform: translateX(-50%) translateY(-50%);
     display: none;
 }
@@ -826,7 +817,7 @@ select {
     margin-left: 5%;
     width: 90%;
     height: 17px;
-    color: white;
+    color: var(--ui-white);
 }
 .hotkey-title {
     width: 47%;
@@ -852,12 +843,12 @@ hr.hotkeyhr {
     position: absolute;
     width: 220px;
     height: 15px;
-    font-size: 13px;
+    font-size: 12px;
     bottom: 0px;
     margin-bottom: 3px;
     right: 0px;
-    color: white;
-    font-family: "Anonymous Pro", "Helvetica", "Arial", sans-serif;
+    color: var(--ui-white);
+    font-family: var(--ui-font);
     text-align: center;
     cursor: pointer;
 }
@@ -866,14 +857,14 @@ hr.hotkeyhr {
 }
 
 #treeFilterInput {
-    color: #4E4D4D;
+    color: var(--ui-base-dark3);
     width: 100%;
     padding-left: 2px;
-    background: #A2A2A2 url(../resources/icon_search.png) no-repeat scroll 3px 3px;
+    background: var(--ui-complement) url(../resources/icon_search.png) no-repeat scroll 3px 3px;
     background-size: 12px 12px;
     padding-left:20px;
     text-overflow: ellipsis;
     display: block;
     border-radius: 2px 2px 0px 0px;
-
+    font-family: var(--ui-font);
 }
diff --git a/styles/inspector.css b/styles/inspector.css
index 2baea430..2eae45bf 100644
--- a/styles/inspector.css
+++ b/styles/inspector.css
@@ -1,50 +1,53 @@
 #inspectorGUI {
     right: 0px;
     top: 0px;
-    margin-top: 30px;
+    margin-top: 25px;
     height: calc(100% - 25px);
     width: 210px;
     display: inline;
     overflow: hidden;
     border-right: 0px;
     border-bottom: 0px;
-    font-family: "Open Sans";
+    font-family: var(--ui-font);
     padding: 5px;
 }
 
-#inspector-title {
-	color: #BBB;
+#inspector-title { /*not used anymore*/
+	color: var(--ui-complement-dark1);
 	text-align: center;
-	background-color: #666;
+	background-color: var(--ui-base-light1);
 	width: 100%;
 	border-radius: 3px;
 }
 
 .inspector-selection-icon {
-	width: 50px;
-	height: 50px;
-
+	width: 32px;
+	height: 32px;
+	margin-left: 9px;
+	margin-top: 3px;
 	background-repeat: no-repeat;
-    background-position: center;
-    text-overflow: clip;
-    overflow: hidden;
-    background-size: 60% 60%;
-    float: left;
+	background-position: center;
+	text-overflow: clip;
+	overflow: hidden;
+	background-size: 100% 100%;
+	float: left;
 }
 
 .inspector-title-bar {
-	height: 50px;
 	width: 100%;
+	height: 40px;
+	margin-bottom: 5px;
 }
 
 .inspector-selection-title {
 	color: white;
-	font-size: 20px;
+	font-size: 18px;
+	font-weight: 550;
 	width: calc(100% - 55px);
-	height: 45px;
 	float: right;
-	margin-top: 12px;
-	margin-left: 5px;
+	margin-left: 10px;
+	margin-top: 5px;
+	margin-bottom: 0px;
 }
 
 .inspector-allitems-container {
@@ -56,11 +59,10 @@
 .inspector-properties-container {
 	width: 100%;
 	height:auto;
-	padding-top: 5px;
 	padding-bottom: 10px;
-    display: flex;
-    flex-wrap: wrap;
-    justify-content: center;
+	display: flex;
+	flex-wrap: wrap;
+	justify-content: center;
 }
 
 .inspector-buttons-container {
@@ -111,16 +113,14 @@
 
 .inspector-input-string {
 	border-radius: 4px;
-
 	width: 65%;
-	height: 22px;
-
+	height: 21px;
 	float: left;
-	margin-bottom: 4px;
-
+	margin-bottom: 1px;
+	padding-bottom: 1px;
 	text-align: center;
-
 	font-size: 14px;
+	font-family: var(--ui-font);
 }
 .inspector-input-string-small {
 	width: 25%;
@@ -132,14 +132,14 @@
 .inspector-input-slider {
 	width: 45%;
 	-webkit-appearance: none;
-    height: 22px;
-    background: #d3d3d3;
-    outline: none;
-    opacity: 0.7;
-    -webkit-transition: .2s;
-    transition: opacity .2s;
-    margin-left: 10px;
-    border-radius: 3px;
+	height: 22px;
+	background: var(--ui-base-light2);
+	outline: none;
+	opacity: 0.7;
+	-webkit-transition: .2s;
+	transition: opacity .2s;
+	margin-left: 10px;
+	border-radius: 3px;
 }
 .inspector-input-slider:hover {
 	opacity: 1.0;
@@ -208,9 +208,13 @@
 .inspector-input-select {
 	width: 65%;
 	height: 22px;
-
 	float: left;
 	margin-bottom: 4px;
+	padding-bottom:  1px;
+	font-size: 14px;
+	font-family: var(--ui-font);
+	border: 0px;
+	border-radius: 3px;
 }
 
 .inspector-color-picker {
@@ -252,7 +256,7 @@
     overflow: hidden;
     background-size: 60% 60%;
 
-    box-shadow: 2px 2px 2px rgba(0,0,0,0.5);
+    box-shadow: var(--ui-shadow1);
 
     cursor: pointer;
 
@@ -264,15 +268,15 @@
 }
 
 .inspector-button-common {
-	background-color: #4ECDC4;
+	background-color: var(--ui-accent1);
 }
 
 .inspector-button-multiple {
-	background-color: #556270;
+	background-color: var(--ui-accent3);
 }
 
 .inspector-button-symbol {
-	background-color: #FF6B6B;
+	background-color: var(--ui-accent2);
 }
 
 .inspector-button-all-paths {
@@ -280,7 +284,7 @@
 }
 
 .inspector-button-frames {
-	background-color: #C44D58;
+	background-color: var(--ui-accent3);
 }
 
 .inspector-button-playranges {
@@ -288,7 +292,7 @@
 }
 
 .inspector-button-tweens {
-	background-color: #556270;
+	background-color: var(--ui-accent3-dark1);
 }
 
 .inspector-divider {
diff --git a/styles/library.css b/styles/library.css
index fdc00b9b..329563d9 100644
--- a/styles/library.css
+++ b/styles/library.css
@@ -11,20 +11,22 @@
 }
 
 #asset-library-title {
+	width: 100%;
+	font-weight: 550;
 	color: white;
-	margin-bottom: 3px;
+	margin-bottom: 1px;
+	text-align:  center;
 }
 
 #tree {
-  	border-radius: 0px 0px 2px 2px;
-	position: absolute;
-	width: 100%;
-	border: none;
-	background-color: white;
-	height: calc(100% - 60px);
-	overflow-y: auto;
-	background-color: #CFCFCF;
-    box-sizing:border-box;
+  	position: absolute;
+  	width: 100%;
+  	border: none;
+  	background-color: white;
+  	height: calc(100% - 60px);
+  	overflow-y: auto;
+  	background-color: var(--ui-complement);
+  	box-sizing:border-box;
 }
 
 #draggedAsset {
@@ -46,31 +48,25 @@
 }
 
 #treeFilterInput {
-    color: #4E4D4D;
+    color: var(--ui-black);
     width: 100%;
-    background: #A2A2A2 url(../resources/icon_search.png) no-repeat scroll 3px 3px;
+    background: var(--ui-white) url(../resources/icon_search.png) no-repeat scroll 3px 3px;
     background-size: 12px 12px;
     padding-left:20px;
     text-overflow: ellipsis; 
     display: block;
-    border-radius: 2px 2px 0px 0px;
+    border-radius: 3px 3px 0px 0px;
     box-sizing:border-box;
 
 }
 
 #treeOptionsContainer {
     position: absolute;
-    height: 20px;
-    background-color: #CFCFCF;
+    height: 16px;
+    background-color: var(--ui-base-light1);
     width: 100%;
-    bottom: 0px;
-    border-top: #A2A2A2 1px solid;
-    border-radius: 0px 0px 2px 2px;
-}
-
-.assetLibraryButton {
-    padding-right:2px;
-    text-align: right; 
+    bottom: 3px;
+    border-radius: 0px 0px 3px 3px;
 }
 
 .fancytree-expander {
@@ -103,30 +99,38 @@ span.fancytree-title:active {
 }
 
 .assetLibraryButton {
-    height: 20px; 
-    width: 20px;
-    float: right; 
-    background: #CFCFCF no-repeat 1px 0px;
-    background-size: 20px 20px;
+    height: 16px;
+    width: 15px;
+    float: right;
+    background-size: 16px 16px;
+    background-repeat: no-repeat;
+    background-position: center;
     border-radius: 2px;
+    margin-right: 4px;
+    padding-right: 2px;
 }
 
 .assetLibraryButton:hover {
-    background: #A2A2A2 no-repeat 1px 0px;
-    background-size: 20px 20px;
+    background: var(--ui-accent1);
+    background-size: 16px 16px;
+    background-repeat: no-repeat;
+    background-position: center;
     cursor: pointer;
 }
 
 .assetLibraryButton:active {
-    background: #CFCFCF no-repeat 1px 0px;
-    background-size: 20px 20px;
+    background: var(--ui-base-light2);
+    background-size: 16px 16px;
+    background-repeat: no-repeat;
+    background-position: center;
     cursor: pointer;
 }
 
 #deleteAssetButton {
-    background-image: url(../resources/delete_layer.png);
+    background-image: url(../resources/delete-layer.svg);
 }
 
 #renameAssetButton {
-    background-image: url(../resources/rename.png);
+    background-image: url(../resources/inspector-icons/name.svg);
+    background-size: 14px;
 }
diff --git a/styles/scriptingide.css b/styles/scriptingide.css
index f49dac17..83a6cb14 100644
--- a/styles/scriptingide.css
+++ b/styles/scriptingide.css
@@ -6,13 +6,13 @@
     height: 300px;
     z-index: 4;
     /* transition: height 0.2s ease; */
-    border-radius: 9px 9px 0px 0px;
+    border-radius: 0px;
 }
 
 #errorMessage {
     margin-left: 3px;
     margin-top: 3px;
-    color: red;
+    color: var(--ui-warning-text);
     display:hidden;
     position: absolute;
     font-weight: bold;
@@ -32,7 +32,7 @@
     font-size: 14px;
     border-style: solid;
     border-width: 1px;
-    border-color: #AAA;
+    border-color: var(--ui-complement);
 }
 
 #scriptEditorSidebar {
@@ -41,23 +41,23 @@
     height: calc(100% - 36px);
     left: 2px;
     top: 24px;
-    background-color: #333;
+    background-color: var(--ui-base-dark1);
 
     border-style: solid;
     border-width: 1px;
-    border-color: #AAA;
+    border-color: var(--ui-complement);
 
     overflow-x: hidden;
     overflow-y: auto;
 }
 
 #noSelectionDiv {
-    color: #DDD;
+    color: var(--ui-complement);
     height: calc(100% - 36px);
-    background-color: #444;
+    background-color: var(--ui-base);
     border-style: solid;
     border-width: 1px;
-    border-color: #666;
+    border-color: var(--ui-base-light1);
     margin-left: 2px;
     margin-right: 2px;
     margin-top: 24px;
@@ -92,25 +92,21 @@
     left: 0px;
     top: 0px;
     width: calc(100% - 7px);
-    height: 23px;
+    height: 20;
     position: absolute;
     color: white;
-    padding-top: 6px;
+    padding-top: 3px;
     padding-left: 7px;
     text-align: left;
-
     font-size: 14px;
-
+    z-index: -1;
     background-color: none;
     /*cursor: pointer;*/
-
     box-shadow: none;
-
     -webkit-transition: background-color 500ms linear;
     -ms-transition: background-color 500ms linear;
     transition: background-color 500ms linear;
-
-    border-radius: 7px;
+    border-radius: 0px;
 }
 /*#scriptingIDEHeader:hover {
     box-shadow: inset 0 0 1px #fff;
@@ -185,7 +181,7 @@
     position: absolute;
     background-color: rgba(0,0,0,0);
     cursor: ns-resize;
-    height: 24px;
+    height: 18px;
     width: 100%;
     left: 0px;
     top: 0px;
@@ -207,14 +203,13 @@
 }
 
 .sidebarTitle {
-    font-weight: bold;
+    font-weight: 600;
     margin-left: 6px;
     border-radius: 3px;
-    color: #BBB;
+    color: var(--ui-complement);
     padding-left: 3px;
-
+    line-height: 100%;
     width: 90%;
-
     -webkit-transition: background-color 50ms linear;
     -ms-transition: background-color 50ms linear;
     transition: background-color 50ms linear;
@@ -223,21 +218,21 @@
     transition: color 50ms linear;
 }
 .sidebarTitle:hover {
-    background-color: #31E19C;
-    color: black;
+    background-color: var(--ui-accent1);
+    color:  var(--ui-white);
 }
 
 .sidebarGroupElement {
+    font-size: 12px;
     cursor: pointer;
     margin-left: 18px;
     border-radius: 3px;
-    color: #BBB;
+    color: var(--ui-complement-dark1);
     padding-left: 3px;
 }
 .sidebarGroupElement:hover {
-    background-color: #31E19C;
-    color: black;
-
+    background-color: var(--ui-accent1);
+    color: var(--ui-white);
     -webkit-transition: background-color 50ms linear;
     -ms-transition: background-color 50ms linear;
     transition: background-color 50ms linear;
diff --git a/styles/timeline.css b/styles/timeline.css
index 51e6a1d1..7ef6c750 100644
--- a/styles/timeline.css
+++ b/styles/timeline.css
@@ -21,22 +21,19 @@ body {
     --max-timeline-height: 160px; 
 
     --layers-width: 135px;
-    --layer-height: 30px;
+    --layer-height: 20px;
 
 
-    --frame-width: 20px;
+    --frame-width: 15px;
     --frame-handle-width: 8px;
 
     --frame-padding-width: 4px;
     --frame-padding-height: 4px;
 
-    --frames-strip-padding-vertical: 3px;
-
-    --shadow: 3px 3px 3px rgba(0, 0, 0, 0.1);
-    --border: inset 0px 0px 1px #555;
+    --frames-strip-padding-vertical: 4px;
     
     --timeline-left-padding: 5px; 
-    --timeline-top-padding: 6px; 
+    --timeline-top-padding: 5px; 
     --timeline-bottom-padding: 5px; 
 
     --frames-cell-first-padding: 5px;
@@ -44,12 +41,13 @@ body {
     --scrollbar-thickness: 14px;
 
 
-    --number-line-height: 16px;
-    
+    --number-line-height: 17px;
+
+    --tween-background: linear-gradient(to right, #76ffc9, #e3c4ff, #ffc4c8);
 }
 
 .timeline {
-    background-color: #585757;
+    background-color: var(--ui-base-dark1);
 
     margin: 0px;
     padding: 0px;
@@ -69,6 +67,7 @@ body {
 
     pointer-events: none;
     cursor: pointer;
+    z-index: 0;
 }
 .playhead-body {
     width: 100%;
@@ -92,17 +91,14 @@ body {
 }
 
 .layers-container {
-    background-color: #414141;
-/*    border-right-color: #878787;*/
+    background-color: var(--ui-base-dark1);
     width: var(--layers-width);
     height: 1000%;
     left: 0px;
     top: 0px;
-
     position: absolute;
     overflow: hidden;
-
-    box-shadow: var(--border);
+    z-index: 1;
 }
 
 .layer-tools-button {
@@ -124,40 +120,41 @@ body {
     background-position: 50% 50%;
     background-size: 12px 12px;
     background-size: 12px 12px;
+    z-index: 2;
 }
 
 .add-layer-button {
     position: absolute;
-    top: 5px;
+    top: 0px;
     left: 5px;
     background-image: url("../resources/plusButton.svg");
 }
 .add-layer-button:hover {
-    background-color: #31E19C;
+    background-color: var(--ui-accent1-bright1);
 }
 
 .delete-layer-button {
     position: absolute;
-    top: 5px;
+    top: 0px;
     left: 25px;
     background-image: url("../resources/minusButton.svg");
     
 }
 .delete-layer-button:hover {
     /*width: 100px;*/
-    background-color: #31E19C;
+    background-color: var(--ui-accent1-bright1);
 }
 
 .onion-skin-button {
     position: absolute;
-    top: 5px;
+    top: 0px;
     left: 110px;
     border-radius: 7px;
     background-image: url("../resources/onion.png");
     
 }
 .onion-skin-button:hover {
-    background-color: #31E19C;
+    background-color: var(--ui-accent1-bright1);
 }
 
 .small-frames-button {
@@ -167,7 +164,7 @@ body {
     background-image: url('../resources/zoomin.png');
 }
 .small-frames-button:hover {
-    background-color: #31E19C;
+    background-color: var(--ui-accent1-bright1);
 }
 
 .play-preview-button {
@@ -179,7 +176,7 @@ body {
     background-size: 8px 8px;
 }
 .play-preview-button:hover {
-    background-color: #31E19C;
+    background-color: var(--ui-accent1-bright1);
 }
 
 .pause-preview-button {
@@ -190,7 +187,7 @@ body {
     background-size: 8px 8px;
 }
 .pause-preview-button:hover {
-    background-color: #31E19C;
+    background-color: var(--ui-accent1-bright1);
 }
 
 .step-backward-preview-button {
@@ -200,7 +197,7 @@ body {
     background-image: url('../resources/step-backward.png');
 }
 .step-backward-preview-button:hover {
-    background-color: #31E19C;
+    background-color: var(--ui-accent1-bright1);
 }
 
 .step-forward-preview-button {
@@ -210,20 +207,18 @@ body {
     background-image: url('../resources/step-forward.png');
 }
 .step-forward-preview-button:hover {
-    background-color: #31E19C;
+    background-color: var(--ui-accent1-bright1);
 }
 
 .layer {
-    background-color: #4a6588;
+    /*I think this should be a random accent color*/
+    background-color: var(--ui-accent1-dark1);
     /*background-image: url('../resources/layer-handle.svg');
     background-size: 15px 17px;
     background-repeat: no-repeat;
     background-position: left;*/
-    
-    
     width:  calc(100% - 10px);
     height: calc(var(--layer-height) - 5px);
-    
     margin: calc(var(--common-padding) / 2);
     margin-top: 9px;
     margin-left: 5px;
@@ -231,19 +226,15 @@ body {
     border-radius: 1px;
     text-align: center;
     line-height: calc(var(--layer-height) - 5px);
-    color: white;
-
+    color: var(--ui-white);
     position: absolute;
-
-    box-shadow: var(--border);
-
     font-size: 12px;
-    font-family: "Anonymous Pro";
-    font-style: Bold; 
+    font-family: var(--ui-font);
+    border-radius: 2px;
 }
 
 .soundLayer {
-    background-color: #47ad8a;
+    background-color: var(--ui-accent3-dark1);
 }
 
 .layer-name {
@@ -260,41 +251,34 @@ body {
     height: 15px;
     z-index: 999;
     position: absolute;
-    top: 5px;
+    top: 0px;
     left: 60px;
     font-size: 12px;
-    font-family: "Anonymous Pro";
-    font-style: Bold; 
+    font-family: var(--ui-font);
 }
 
 .layer-gnurl {
-    width: 14px;
-    height: 21px;
+    width: 13px;
+    height: 13px;
     left: 2px;
-    top: 2px;
+    top: 1px;
     position: absolute;
     cursor: move;
     background-image: url('../resources/layer-gnurl.svg');
     background-size: 100% 100%;
     background-repeat: no-repeat;
     background-position: left;
-    opacity: 0.6;
-}
-.layer-gnurl:hover {
-    opacity: 0.95;
 }
 
 .active-layer {
-    background-color: #46bbf8;
+    background-color: var(--ui-accent1);
     border-style: solid;
     border-color: white;
     border-width: 1px;
-/*    box-shadow: 0 0 10px 3px rgba(255,255,255,0.18);*/
-
 }
 
 .active-soundLayer {
-    background-color: #60e5b6;
+    background-color: var(--ui-accent3);
 }
 
 .layer-lock-button {
@@ -302,26 +286,23 @@ body {
     width: 15px;
     height: 15px;
     position: absolute;
-    top: 5px;
+    top: 0px;
     left: 19px;
     background-color: transparent;
-    background-image: url('../resources/lock-layer.svg');
-    background-size: 13px 13px;
+    background-image: url('../resources/lock-layer-disabled.svg');
+    background-size: 15px 15px;
     background-repeat: no-repeat;
     background-position: center;
     cursor: pointer;
-    opacity: 0.6;
 }
 .layer-lock-button:hover {
-    background-color: rgba(255,255,255,0.4);
+    background-color: var(--ui-accent1-dark1);
 }
 .layer-lock-button:active {
-    background-color: rgba(255,255,255,0.8);;
-    opacity: 1.0;
+    background-color: var(--ui-accent1-dark2);
 }
 .layer-locked {
-    opacity: 1.0;
-    background-color: rgba(255,255,255,0.5);
+    background-image: url('../resources/lock-layer.svg');
 }
 
 .layer-hide-button {
@@ -329,30 +310,27 @@ body {
     width: 15px;
     height: 15px;
     position: absolute;
-    top: 5px;
+    top: 0px;
     left: 36px;
     background-color: transparent;
-    background-image: url('../resources/hide-layer.svg');
+    background-image: url('../resources/hide-layer-disabled.svg');
     background-size: 13px 13px;
     background-repeat: no-repeat;
     background-position: center;
     cursor: pointer;
-    opacity: 0.6;
 }
 .layer-hide-button:hover {
-    background-color: rgba(255,255,255,0.4);
+    background-color: var(--ui-accent1-dark1);
 }
 .layer-hide-button:active {
-    background-color: rgba(255,255,255,0.8);
-    opacity: 1.0;
+    background-color: var(--ui-accent1-dark2);
 }
 .layer-hidden {
-    opacity: 1.0;
-    background-color: rgba(255,255,255,0.5);
+    background-image: url('../resources/hide-layer.svg');
 }
 
 .frames-container {
-    background-color: #3C3C3C;
+    background-color: var(--ui-base);
 
     width: 10000%;
     height: 1000%;
@@ -363,8 +341,6 @@ body {
     overflow: hidden;
     
     display: inline-block;
-
-    box-shadow: var(--border);
 }
 
 .frames-cell {
@@ -374,13 +350,13 @@ body {
     height: 200px;
 
     /*box-shadow: inset 0px 0px 1px #555;*/
-    border-left: 1px solid #444;
+    border-left: 1px dashed var(--ui-base-light1);
 
     position: absolute;
 }
 
 .frames-strip {
-    background-color: #C2C2C2;
+    background-color: var(--ui-base-light2);
 
     width: 100%;
     height: calc(var(--layer-height) - var(--frames-strip-padding-vertical)*2);
@@ -389,8 +365,6 @@ body {
     left: 5px;
     position: absolute;
 
-    box-shadow: var(--border);
-
     overflow: hidden;
     
     border-radius: 5px;
@@ -403,9 +377,7 @@ body {
 
     width: var(--frame-width);
     height: calc(var(--layer-height) - var(--frames-strip-padding-vertical)*2);
-
-    /*box-shadow: inset 0px 0px 1px #555;*/
-    border-left: 1px solid #999;
+    border-left: 1px solid var(--ui-base-light3);
 
     position: absolute;
 }
@@ -415,8 +387,7 @@ body {
 }
 
 .frame {
-    background-color: #FFFFFF;
-/*    opacity: 0.5;*/
+    background-color: var(--ui-white);
     cursor: move;
 
     width:  calc(var(--frame-width)      - var(--common-padding));
@@ -426,7 +397,6 @@ body {
     overflow: hidden;
     margin-top: 7px;
     margin-left: 15px;
-/*  box-shadow: var(--border), var(--shadow);*/
     
     border-radius: 1px;
 }
@@ -436,7 +406,7 @@ body {
     max-width: 100%;
     width:  12px;
     height: 12px;
-    margin-top: 12px;
+    margin-top: 3px;
     padding: 0px;
 
     display: block;
@@ -462,7 +432,8 @@ body {
     height: 100%;
     pointer-events: none;
     font-size: 10px;
-    color: black;
+    color: var(--ui-black);
+    font-weight: 550;
 }
 
 .has-scripts-icon {
@@ -483,16 +454,15 @@ body {
     cursor: pointer;
 }
 .has-scripts-icon:hover {
-    background-color: #31E19C;
+    background-color: var(--ui-accent1-bright1);
 }
 
 .frame-tween-mode {
-
 }
 
 .frame-extender-handle {
     background-color: rgba(0,0,0,0);
-
+    
     cursor: ew-resize;
     width: var(--frame-handle-width);
     height: 100%;
@@ -506,10 +476,10 @@ body {
 
 .frame-extender-handle-right:hover {
     float: right;
-    background: rgba(249,221,0,0.34);
-    border-right: 2px solid #F9DE00;
-    border-top: 2px solid #F9DE00;
-    border-bottom: 2px solid #F9DE00;
+    background: #ffffff;
+    border-right: 2px solid #ffff00;
+    border-top: 2px solid #ffff00;
+    border-bottom: 2px solid #ffff00;
     box-sizing: border-box;    
     border-top-right-radius: 0.8;
     border-bottom-right-radius: 0.8; 
@@ -536,7 +506,7 @@ body {
     height: 100%;
     position: absolute;
     pointer-events: none;
-    box-shadow: inset 0px 0px 0px 3px #5BBEDB, 0px 0px 0px 2px #48A5BE; 
+    box-shadow: inset 0px 0px 0px 3px var(--ui-accent1-bright1), 0px 0px 0px 2px var(--ui-accent1-bright1); 
 /*  background-color: cyan;*/
 /*
     border-color: red;
@@ -573,8 +543,8 @@ body {
 }
 
 .selection-box {
-    background-color: #AAAAFF;
-    box-shadow: inset 0px 0px 1px #0000FF;
+    background-color: var(--ui-accent1-bright1);
+    box-shadow: inset 0px 0px 2px var(--ui-accent1);
     opacity: 0.5;
     position: absolute;
     pointer-events: none;
@@ -616,7 +586,7 @@ body {
     width: var(--scrollbar-thickness);
     height: var(--scrollbar-thickness);
     position: absolute;
-    background-color: #2E2E2E; 
+    background-color: transparent;
     opacity: 1.0;
 }
 .scrollbar-button:hover {
@@ -633,7 +603,7 @@ body {
 }
 
 .scrollbar-button-right {
-    color: blue;
+    color: blue; /*is this for testing or something? :V*/
     right: 0px;
     top: 0px;
 
@@ -692,24 +662,22 @@ body {
 
     cursor: default;
 
-    background-color: #252525;
+    background-color: var(--ui-base-dark2);
 }
 
 .number-line-cell {
     position: absolute;
     height: var(--number-line-height);
-    color: #fafafa;
+    color: var(--ui-complement);
 }
 
 .number-line-cell-number {
     position: absolute;
     top: 1px;
     left: 10px;
-
     font-size: 14px;
-    font-weight: bold;
-    /*font-size: vmin;*/
-    font-family: "Anonymous Pro" ;
+    font-weight: 550;
+    font-family: var(--ui-font);
 }
 .number-line-cell-number-small {
     font-size: 12px;
@@ -848,7 +816,8 @@ body {
     height: var(--number-line-height);
     top: 0px;
     left: 0px;
-    background-color: #252525;
+    background-color: var(--ui-base-dark2);
+    z-index: 2;
 }
 
 .layer-toolbar {
@@ -857,9 +826,10 @@ body {
     height: var(--scrollbar-thickness);
     bottom: 0px;
     left: 0px;
-    border-top: 1px; 
-    border-color: black; 
-    background-color: #252525;
+    border-top: 1px;
+    border-color: black;
+    background-color: var(--ui-base-dark1);
+    z-index: 2;
 }
 
 .hide-scrollbar-connect-piece {
@@ -868,16 +838,18 @@ body {
     height: var(--scrollbar-thickness);
     bottom: 0px;
     left: calc(100% - var(--scrollbar-thickness));
-    background-color: #252525;
+    background-color: var(--ui-base-dark1);
 }
 
 .resize-timeline-bar {
     height: var(--scrollbar-thickness);
-    width: 100%;
+    margin-left: 50px;
+    width: 84px;
     bottom: 0px;
     position: absolute;
     left: 0px;
     cursor: ns-resize;
+    z-index:  2;
 }
 
 .zoom-box {
@@ -886,7 +858,7 @@ body {
     height: var(--scrollbar-thickness);
     bottom: 0px;
     left: calc(100% - var(--scrollbar-thickness) - 49px);
-    background-color: #252525;
+    background-color: var(--ui-base-dark1);
 }
 
 .fps-box {
@@ -917,6 +889,8 @@ body {
     left: 17px;
     top: 1px;
     text-align: center;
+    font-family: var(--ui-font);
+    font-weight:  550;
 }
 
 .timeline-zoom-icon {
@@ -935,7 +909,7 @@ body {
 }
 
 .timeline-zoom-percent-sign {
-    color: white;
+    color: var(--ui-white);
     position: absolute;
     width: 12px;
     height: 12px;
@@ -950,38 +924,40 @@ body {
 /* Breadcrumbs */
 
 #breadcrumbsGUI {
-    top: 30px;
+    top: 25px;
     left: 46px;
     width: calc(100% - 266px);
-    height: 15px;
-    background-color: #000;
+    height: 20px;
+    background-color: var(--ui-base-dark2);
     overflow: hidden;
-    color: white;
+    color: var(--ui-white);
     padding-left: 5px;
 }
 
 .breadcrumbs-button {
+    height: 17px;
     width: auto;
-    border-radius: 4px;
-    color: white;
+    border-radius: 0px;
+    color: var(--ui-white);
     float: left;
     cursor: pointer;
-    font-size: 14px;
-    margin-top: 2px;
+    font-size: 12px;
+    margin-top: 0px;
 
-    -webkit-transition: background-color 100ms linear;
-    -ms-transition: background-color 100ms linear;
-    transition: background-color 100ms linear;
+    -webkit-transition: background-color 100ms ease-in-out;
+    -ms-transition: background-color 100ms ease-in-out;
+    transition: background-color 100ms ease-in-out;
 }
 .breadcrumbs-button:hover {
-    background-color: #31E19C;
-    color: black;
+    border-bottom: 2px solid var(--ui-accent1-bright1);
+    background-color: var(--ui-accent1-dark2);
 }
 .breadcrumbs-spacer {
-    color:white;
+    color: var(--ui-white);
     float: left;
-    margin-left: 15px;
-    margin-right: 15px;
+    margin-left: 10px;
+    margin-right: 10px;
+    margin-top: -2px;
 }
 
 .numberline-container {
@@ -1002,7 +978,7 @@ body {
     left: 0px;
     width: 14px;
     height: 14px;
-    margin-top: 6px;
+    margin-top: 4px;
     margin-left: 3px;
     background-color: none;
     cursor: pointer;
@@ -1013,7 +989,7 @@ body {
     background-position: left;
 }
 .tween:hover {
-    box-shadow: inset 1px 1px 2px yellow;
+    box-shadow: inset 0px 0px 0px 2px yellow;
 }
 
 .hover-highlight-overlay {
diff --git a/styles/toolbar.css b/styles/toolbar.css
index 682cdb95..95b5544e 100644
--- a/styles/toolbar.css
+++ b/styles/toolbar.css
@@ -1,5 +1,5 @@
 #toolbarGUI {
-    top: 30px;
+    top: 25px;
     left: 0px;
     height: calc(100%);
     width: 40px;
@@ -7,8 +7,8 @@
     padding: 3px;
     padding-top: 5px;
     overflow: hidden;
-/*    border-left-color: #585757;*/
-/*    border-bottom-color: #585757;*/
+    /*    border-left-color: #585757;*/
+    /*    border-bottom-color: #585757;*/
 }
 
 #toolOptionsGUI {
@@ -18,6 +18,7 @@
     text-align: left;
 }
 
+/*
 #tooltipGUI {
     position: absolute;
     top: 0px;
@@ -28,8 +29,8 @@
     border: none;
     padding-left:5px;
     padding-right: 5px;
-    box-shadow: 2px 2px 2px #AAA;
-}
+    box-shadow: var(--ui-shadow1);
+}*/
 
 .toolButton {
     height: 28px;
@@ -51,15 +52,14 @@
     transition: background-color 100ms linear;
 }
 .toolButton:hover {
-    background-color: #31E19C;
+    background-color: var(--ui-accent1);
 }
 .toolButton:active {
-    background-color: #658a7c;
+    background-color: var(--ui-accent1-dark2);
 }
 
 .toolButtonActive {
-    background-color: #333; /*#31E19C;*/
-    fill: purple;
+    box-shadow: 0px 0px 0px 2px var(--ui-accent1);
 }
 
 .drawing-tool-options-container {
@@ -166,7 +166,7 @@ hr {
     height: 14px;
     border-radius: 3px;
     border: 1px solid white;
-    background-color: #555;
+    background-color: var(--ui-base);
     cursor: pointer;
 }
 
@@ -268,8 +268,7 @@ hr {
 .toolbar-brush-settings-window-smoothness-label {
   width: 120px;
   height: 20px;
-  font-family:"Open Sans";
-  src: url("Open_Sans/OpenSans-Regular.ttf");
+  font-family: var(--ui-font);
   color: white;
   font-size: 12px;
   position: absolute;
diff --git a/styles/videoExporter.css b/styles/videoExporter.css
index 6b4164e1..b0d83210 100644
--- a/styles/videoExporter.css
+++ b/styles/videoExporter.css
@@ -43,21 +43,22 @@
 .dropbtn {
     width: 60px;
     height: 16px;
-    padding: 6px;
-
-    background-color: #3498DB;
+    padding: 4px;
+    padding-bottom: 10px;
+    background-color: var(--ui-accent2);
     color: white;
-    
     border: none;
     border-radius: 5px;
     cursor: pointer;
-
     text-align: center;
     font-size: 16px;
 }
 
 .dropbtn:hover, .dropbtn:focus {
-    background-color: #2980B9;
+    background-color: var(--ui-accent2-dark1);
+    -webkit-transition: background-color 100ms linear;
+    -ms-transition: background-color 100ms linear;
+    transition: background-color 100ms linear;
 }
 
 .dropdown {
@@ -68,23 +69,23 @@
 .dropdown-content {
     display: none;
     position: absolute;
-    background-color: #f1f1f1;
-    min-width: 120px;
+    background-color: var(--ui-base-light1);
+    min-width: 100px;
     overflow: auto;
     box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
     z-index: 1;
 }
 
 .dropdown-item {
-    color: black;
-    padding: 6px 8px;
+    color: var(--ui-white);
+    padding: 6px 2px;
     text-decoration: none;
     display: block; 
     z-index: 12;
 }
 
 .dropdown-item:hover {
-    background-color: #FFF;
+    background-color: var(--ui-accent1);
 }
 
 .show {
@@ -94,12 +95,13 @@
 .videoDownloadButton {
     border-radius: 5px;
     cursor: pointer;
-    color: white;
-    font-size: 18px;
-    background-color: #333;
+    color: var(--ui-white);
+    font-size: 16px;
+    background-color: var(--ui-base-light1);
     text-align: center;
-    padding: 6px;
-    height: 20px;
+    padding: 4px;
+    padding-bottom: 10px;
+    height: 16px;
     width: 160px;
     float:right;
 
@@ -109,9 +111,9 @@
 }
 
 .videoDownloadButton:hover {
-    background-color: #00D9A7;
+    background-color: var(--ui-accent1);
 }
 
 .videoDownloadButton:active {
-    background-color: #01C094;
+    background-color: var(--ui-accent1);
 }