View difference between Paste ID: NbFrEq5g and krs3FXxX

 // ==UserScript==
 // @id             [email protected]
 // @name           Twitch Plays Pokémon Touch Controller
 // @version        0.3.2
 // @author         Meiguro <[email protected]> http://meiguro.com/
 // @namespace      https://github.com/Meiguro/twitch-plays-control
 // @description    Add Touch controls to Twitch Plays Pokemon touch-enabled games.
 // @include        /^https?://(www|beta)?\.?twitch.tv/twitch_?plays.*$/
 // @grant          unsafeWindow, GM_addStyle, GM_info
 // @run-at         document-start
 // @updateURL      https://raw.githubusercontent.com/Meiguro/twitch-plays-control/master/twitch-plays-control.meta.js
 // @installURL     https://raw.githubusercontent.com/Meiguro/twitch-plays-control/master/twitch-plays-control.user.js
 // @downloadURL    https://raw.githubusercontent.com/Meiguro/twitch-plays-control/master/twitch-plays-control.user.js
 // ==/UserScript==
 
 /**
  *   v0.3.2 CHANGELOG ༼ つ ◕_◕ ༽つ
  *
  * - Fixed the coordinate range to be 1,1 - 319,239.
  *
  *   v0.3.1
  *
  * - Updated to the new 3DS layout. Reset your controller settings if the
  *   touch input box is in the wrong location.
  *
  * - The logic has been separated into components for maintainability. There
  *   should be no break in functionality.
  *
  * Enjoy!
  *
  * - Meiguro
  */
 
 (function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);throw new Error("Cannot find module '"+o+"'")}var f=n[o]={exports:{}};t[o][0].call(f.exports,function(e){var n=t[o][1][e];return s(n?n:e)},f,f.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1:[function(require,module,exports){
 /* globals GM_addStyle, GM_info */
 
 var util2 = require('util2');
 
 var dd = require('dd');
 dd.ui = require('dd-ui');
 
 var Entity = require('entity');
 var Touch = require('touch');
 var Chat = require('chat');
 var Settings = require('settings');
 var mywindow = require('window');
 
 require('gm-shims');
 
 var Control = function(def) {
   Entity.call(this, def);
   this.config = {};
 };
 
 util2.inherit(Control, Entity, Control.prototype);
 
 Control.DefaultConfig = {
   delay: 50,
   screen: {
     aspect: 1280 / 720,
     position: [0.997, 0.977],
     scale: 0.392,
     size: [320, 240],
     barHeight: 30
   },
   enabled: true,
   showBorder: true,
   showCoordTooltip: true,
   showCross: true,
   autoSend: true,
   showDroplets: true,
   streamDelay: 15,
 };
 
 Control.PlayerSelector = '.dynamic-player, .player-container';
 
 Control.prototype.updateLoad = function() {
   if (this.loaded) { return; }
   if (!this.loadable()) { return; }
 
   this.onload();
 };
 
 Control.prototype.update = function(force) {
   this.updateLoad();
 
   Entity.prototype.update.call(this, force);
 };
 
 Control.prototype.onClick = function(e) {
   this.component('touch').onClick(e);
 };
 
 Control.prototype.onMove = function(e) {
   this.component('touch').onMove(e);
 };
 
 Control.prototype.onPressReset = function(e) {
   $.extend(true, this.config, Control.DefaultConfig);
 
   this.eachComponent(function(component) {
     for (var k in component) {
       var $elem = component[k];
       if ($elem.$change) {
         $elem.$change();
       }
     }
   });
 
   this.update(true);
   this.saveConfig();
 };
 
 Control.prototype.onPressChangeChatServer = function(e) {
   this.component('chat').onPressChangeChatServer(e);
 };
 
 Control.prototype.saveConfig = function() {
   localStorage.TPControl = JSON.stringify(this.config);
 };
 
 Control.prototype.loadConfig = function() {
   if (!localStorage.TPControl) {
     localStorage.TPControl = this.config;
   } else {
     try {
       var lastConfig = JSON.parse(localStorage.TPControl);
       for (var k in lastConfig) {
         this.config[k] = lastConfig[k];
       }
     } catch(e) {
       console.log(e);
     }
   }
 };
 
 Control.prototype.init = function() {
   var self = this;
 
   window.$ = mywindow.jQuery;
 
   $.extend(true, this.config, Control.DefaultConfig);
 
   this.loadConfig();
   this.saveConfig();
 
   dd.onChange = this.saveConfig.bind(this);
 
   if (this.config.screen.size[0] != Control.DefaultConfig.screen.size[0]) {
     $.extend(true, this.config.screen, Control.DefaultConfig.screen);
   }
 
   $('.tpc-mouse-box').remove();
   $('.tpc-control-settings').remove();
 
   var touch = new Touch();
   var chat = new Chat();
   var settings = new Settings();
 
   this.addComponent(touch);
   this.addComponent(chat);
   this.addComponent(settings);
 
   var $player = touch.$player = $(Control.PlayerSelector);
   var $mouseBox = touch.$mouseBox = $('<div/>').addClass('tpc-mouse-box');
   var $coordTooltip = touch.$coordTooltip = $('<div/>').addClass('tpc-coord-tooltip');
 
   var $chatSettings = settings.$chatSettings = $(Settings.ChatSelector);
   var $controlSettings = settings.$controlSettings = $('<div/>').addClass('tpc-control-settings');
 
   $player.css({ position: 'relative' });
   $chatSettings.css({ position: 'absolute' });
 
   $mouseBox.css({
     cursor: 'pointer',
     border: '2px solid rgba(150, 150, 150, 0.2)',
     borderRadius: '5px'
   });
 
   GM_addStyle(
     '.tpc-mouse-box .tpc-coord-tooltip { display: none; color: #444; font-weight: normal } ' +
     '.tpc-mouse-box:hover .tpc-coord-tooltip { display: block }');
 
   $coordTooltip.css({
     padding: '0px 5px',
     background: 'rgba(255, 255, 255, 0.8)',
     borderRadius: '2px'
   });
 
   $mouseBox.empty();
   $mouseBox.append($coordTooltip);
 
   $controlSettings.empty();
   $controlSettings.append(
     '<div class="chat-menu tpc-touch-menu">' +
       '<div class="chat-menu-header">Touch Control Settings</div>' +
       '<div class="chat-menu-content tpc-control-sliders"></div>' +
       '<div class="chat-menu-content tpc-control-checkboxes"></div>' +
       '<div class="chat-menu-content tpc-control-last"></div>' +
     '</div>' +
     '<div class="chat-menu tpc-chat-menu">' +
       '<div class="chat-menu-header">Chat Server</div>' +
       '<div class="chat-menu-content tpc-control-chat"></div>' +
     '</div>');
 
   $controlSettings.find('.tpc-control-sliders')
     .append(touch.xSlider = dd.ui.slider(
       'tpc-x-slider tpc-slider', 'Touch-box x-position', { min: 0, max: 1, step: 0.0005 },
       this.config, 'screen.position.0', function() { touch.updateMouseBox(true); }))
     .append(touch.ySlider = dd.ui.slider(
       'tpc-y-slider tpc-slider', 'Touch-box y-position', { min: 0, max: 1, step: 0.0005 },
       this.config, 'screen.position.1', function() { touch.updateMouseBox(true); }))
     .append(touch.scaleSlider = dd.ui.slider(
       'tpc-scale-slider tpc-slider', 'Touch-box scale', { min: 0, max: 1, step: 0.0005 },
       this.config, 'screen.scale', function() { touch.updateMouseBox(true); }));
 
   $controlSettings.find('.tpc-control-checkboxes')
     .append(touch.enabledCheckbox = dd.ui.checkbox(
       'tpc-enabled-checkbox', 'Enable touch control', this.config, 'enabled',
       function() {
         touch.$mouseBox.css({ display: self.config.enabled ? 'block' : 'none' });
       }))
     .append(touch.borderCheckbox = dd.ui.checkbox(
       'tpc-border-checkbox', 'Show border box', this.config, 'showBorder',
       function() {
         touch.$mouseBox.css({ border: self.config.showBorder ? '2px solid rgba(255, 255, 255, 0.5)' : 'none' });
       }))
     .append(touch.coordTooltipCheckbox = dd.ui.checkbox(
       'tpc-tooltip-checkbox', 'Show coord tooltip', this.config, 'showCoordTooltip',
       function() {
         if (self.config.showCoordTooltip) {
           touch.$mouseBox.append(touch.$coordTooltip);
         } else {
           touch.$coordTooltip.remove();
         }
       }))
     .append(touch.crossCheckbox = dd.ui.checkbox(
       'tpc-cross-checkbox', 'Use cross pointer', this.config, 'showCross',
       function() {
         touch.$mouseBox.css({ cursor: self.config.showCross ? 'crosshair' : 'default' });
       }))
     .append(touch.autoSendCheckbox = dd.ui.checkbox(
       'tpc-auto-send-checkbox', 'Auto-send touches', this.config, 'autoSend'))
     .append(touch.dropletsCheckbox = dd.ui.checkbox(
       'tpc-droplet-checkbox', 'Show touch droplets', this.config, 'showDroplets'));
 
   $controlSettings.find('.tpc-control-last')
     .append(touch.resetButton = dd.ui.button(
       'tpc-reset-button', 'Reset controller settings', this.onPressReset.bind(this)));
 
   $controlSettings.find('.tpc-control-chat')
     .append('<p><label>Current <span class="tpc-chat-server"></span></label></p>')
     .append(chat.chatServerButton = dd.ui.button(
       'tpc-chat-server-button', 'Change chat server', this.onPressChangeChatServer.bind(this)));
 
   $player.append($mouseBox);
   $chatSettings.append($controlSettings);
 
   $mouseBox.on('click', this.onClick.bind(this));
   $mouseBox.on('mousemove', this.onMove.bind(this));
 
   settings.update(true);
 
   this.loaded = true;
 
   this.start();
 
   setTimeout(function() {
     $('.chat-room .loading-mask').remove();
   }, 5000);
 };
 
 Control.prototype.loadable = function() {
   var $ = mywindow.jQuery;
   if (typeof $ !== 'function') { return false; }
 
   var hasPlayer = $(Control.PlayerSelector).length;
   var hasChatSettings = $(Settings.ChatSelector).length;
   return hasPlayer || hasChatSettings;
 };
 
 Control.prototype.onload = function() {
   this.init();
   if (typeof GM_info === 'object') {
     console.log(GM_info.script.name + ' v' + GM_info.script.version + ' loaded!');
   } else {
     console.log('Twitch Plays Control loaded!');
   }
 };
 
 var control = new Control();
 
 setInterval(control.update.bind(control), Control.DefaultConfig.delay);
 
 control.update();
 
 mywindow.TPControl = control;
 
 },{"chat":2,"dd":5,"dd-ui":4,"entity":6,"gm-shims":7,"settings":8,"touch":9,"util2":10,"window":11}],2:[function(require,module,exports){
 var util2 = require('util2');
 var Component = require('component');
 
 var mywindow = require('window');
 
 var Chat = function(def) {
   Component.call(this, def);
 };
 
 util2.inherit(Chat, Component, Chat.prototype);
 
 Chat.InputSelector = '.ember-text-area';
 Chat.ButtonSelector = '.send-chat-button button';
 Chat.HiddenSelector = '.chat-hidden-overlay';
 Chat.LogSelector = '.chat-messages .tse-content';
 Chat.ServerAddress = '199.9.252.26:6667';
 
 Chat.prototype.name = 'chat';
 
 Chat.prototype.start = function() {
 };
 
 Chat.prototype.getChatSession = function() {
   if (this.chatSession) {
     return this.chatSession;
   }
 
   var App = mywindow.App;
   if (App && App.Room) {
     return (this.chatSession = App.Room._getTmiSession().fulfillmentValue);
   }
 };
 
 Chat.prototype.getChatConnection = function() {
   var chatSession = this.getChatSession();
   var connections = chatSession._connections;
   var cluster = connections.prod || connections.event;
   if (cluster) { return cluster; }
   for (var k in connections) {
     return connections[k];
   }
 };
 
 Chat.prototype.getCurrentChatAddress = function() {
   var chatSession = this.getChatSession();
   if (!chatSession) { return; }
   var connection = this.getChatConnection();
   if (!connection) { return; }
   var addr = connection._addrs[connection._currentAddressIndex];
   if (!addr) { return; }
   return addr.host + ':' + addr.port;
 };
 
 Chat.prototype.connectServer = function(address) {
   var addr = address.split(':');
   var chatSession = this.getChatSession();
   var connection = this.getChatConnection();
   if (!connection) {
     window.alert('TPC: Couldn\'t obtain a chat connection to manipulate!');
     return;
   }
 
   connection.close();
   connection._addrs = [{ host: addr[0], port: addr[1] }];
   connection._currentAddressIndex = 0;
   connection._numSocketConnectAttempts = 0;
   connection.open();
 
   var msg = 'connecting to chat server ' + address + '...';
   $(Chat.LogSelector + ' .ember-view:last')
       .before('<div class="chat-line admin"><span class="message">' + msg + '</span></div>');
 };
 
 Chat.prototype.isChatVisible = function() {
   return $(Chat.InputSelector).length && !$(Chat.HiddenSelector).is(':visible');
 };
 
 Chat.prototype.setInput = function(input, broadcast) {
   $(Chat.InputSelector).val(input).focus().change().blur();
   if (this.config.autoSend) {
     $(Chat.ButtonSelector).click();
   }
   if (!this.isChatVisible() && broadcast !== false) {
     localStorage.TPCInput = input;
   }
 };
 
 Chat.prototype.updateInput = function() {
   if (!this.entity.loaded) { return; }
   if (!this.config.enabled) { return; }
 
   if (!this.isChatVisible()) { return; }
 
   var input = localStorage.TPCInput;
   delete localStorage.TPCInput;
   if (typeof input === 'string' && input.length > 0) {
     this.setInput(input, false);
   }
 };
 
 Chat.prototype.updateChatSession = function() {
   if (this.chatSession) { return; }
 
   var TMI = mywindow.TMI;
   if (!TMI) { return; }
 
   if (this.entity.loaded) {
     this.getChatSession();
   }
 };
 
 Chat.prototype.update = function() {
   this.updateChatSession();
   this.updateInput();
 };
 
 Chat.prototype.onPressChangeChatServer = function(e) {
   var defaultAddress = Chat.ServerAddress;
   var currentAddress = this.getCurrentChatAddress();
   var address = window.prompt(
       'Enter chat server address:' +
       (currentAddress ?
         '\nCurrent ' + currentAddress :
         '\nExample ' + defaultAddress),
       defaultAddress) || '';
   address = address.replace(/\s/, '');
   if (address.length === 0) {
     return;
   }
   if (!address.match(':')) {
     address += ':6667';
   }
   this.connectServer(address);
 };
 
 module.exports = Chat;
 
 },{"component":3,"util2":10,"window":11}],3:[function(require,module,exports){
 var Component = function(def) {
   this.state = def || {};
 };
 
 Component.prototype.component = function(name) {
   return this.entity.component(name);
 };
 
 Component.prototype.start = function() {};
 
 Component.prototype.update = function() {};
 
 module.exports = Component;
 
 },{}],4:[function(require,module,exports){
 var dd = require('dd');
 
 dd.ui = dd.ui || {};
 
 dd.ui.checkbox = function(id, label, obj, ref, onChange) {
   var $elem = $('<p><label for="'+id+'"><input id="'+id+'" type="checkbox"> '+label+'</label></p>');
   var $input = $elem.find('input');
   dd.bindGetSet($elem, $input.prop.bind($input, 'checked'));
   $input.on('change', dd.bindElement($elem, obj, ref, onChange));
   return $elem;
 };
 
 dd.ui.slider = function(klass, label, options, obj, ref, onChange) {
   var $elem = $('<p><label>'+label+'</label></p>');
   var $slider = $('<div class="'+klass+'"></div>');
   $slider.slider(options);
   $elem.prepend($slider);
   dd.bindGetSet($elem, $slider.slider.bind($slider, 'value'));
   $slider.slider({ slide: dd.bindElement($elem, obj, ref, onChange) });
   return $elem;
 };
 
 dd.ui.button = function(klass, label, onPress) {
   var $elem = $('<button class="'+klass+'">'+label+'</button>');
   $elem.on('click', onPress);
   return $elem;
 };
 
 module.exports = dd.ui;
 
 },{"dd":5}],5:[function(require,module,exports){
 var dd = {};
 
 dd.last = function(a) {
   return a[a.length - 1];
 };
 
 dd.toKey = function(obj, key) {
   return obj instanceof Array ? parseInt(key) : key;
 };
 
 dd.getByKeys = function(obj, keys, offset) {
   for (var i = 0, ii = keys.length - (offset || 0); i < ii; ++i) {
     obj = obj[dd.toKey(obj, keys[i])];
   }
   return obj;
 };
 
 dd.setByKey = function(obj, key, value) {
   obj[dd.toKey(obj, key)] = value;
 };
 
 dd.set = function(obj, ref, value) {
   var keys = ref.split('.');
   dd.setByKey(dd.getByKeys(obj, keys, 1), dd.last(keys), value);
 };
 
 dd.get = function(obj, ref) {
   return dd.getByKeys(obj, ref.split('.'));
 };
 
 dd.bindGetSet = function($elem, get, set) {
   $elem.$get = get;
   $elem.$set = set || get;
 };
 
 dd.bindElement = function($elem, obj, ref, onChange) {
   $elem.$obj = obj;
   $elem.$ref = ref;
   $elem.$change = function(e) {
     if (e) {
       dd.set(obj, ref, $elem.$get());
     } else {
       $elem.$set(dd.get(obj, ref));
     }
     if (onChange) { onChange(e); }
     if (dd.onChange) { dd.onChange(e); }
   };
   $elem.$change();
   return $elem.$change;
 };
 
 module.exports = dd;
 
 },{}],6:[function(require,module,exports){
 var Entity = function(def) {
   this.state = def || {};
   this._components = [];
   this._componentsByName = {};
 };
 
 Entity.prototype.component = function(name) {
   return this._componentsByName[name];
 };
 
 Entity.prototype.eachComponent = function(callback) {
   this._components.forEach(callback.bind(this));
 };
 
 Entity.prototype.addComponent = function(component) {
   if (component.entity) {
     component.entity.removeComponent(component);
   }
   this._componentsByName[component.name] = component;
   this._components.push(component);
   component.entity = this;
   component.config = this.config;
 };
 
 Entity.prototype.removeComponent = function(component) {
   var index = this._components.indexOf(component);
   if (index === -1) { return; }
   this._components.splice(index, 1);
   delete this._componentsByName[component.name];
   delete component.entity;
   delete component.config;
 };
 
 Entity.prototype.start = function() {
   for (var i = 0, ii = this._components.length; i < ii; ++i) {
     this._components[i].start();
   }
 };
 
 Entity.prototype.update = function(force) {
   for (var i = 0, ii = this._components.length; i < ii; ++i) {
     this._components[i].update(force);
   }
 };
 
 module.exports = Entity;
 
 },{}],7:[function(require,module,exports){
 (function (global){
 
 if (typeof GM_addStyle === 'undefined') {
   global.GM_addStyle = function(style) {
     $('head:first').append($('<style>').text(style));
   };
 }
 
 }).call(this,typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {})
 },{}],8:[function(require,module,exports){
 var util2 = require('util2');
 var Component = require('component');
 
 var Settings = function(def) {
   Component.call(this, def);
 };
 
 util2.inherit(Settings, Component, Settings.prototype);
 
 Settings.ChatSelector = '.js-chat-settings';
 Settings.ButtonSelector = '.settings.button';
 
 Settings.prototype.name = 'settings';
 
 Settings.prototype.start = function() {
 };
 
 Settings.prototype.updateServerLabel = function() {
   var $chatServer = this.$chatSettings.find('.tpc-chat-server');
 
   var labelAddress = $chatServer.text();
   var currentAddress = this.component('chat').getCurrentChatAddress();
   if (currentAddress !== labelAddress) {
     $chatServer.text(currentAddress);
   }
 };
 
 Settings.prototype.updatePosition = function(force) {
   var overflow = this.$chatSettings.css('overflowY') || '';
 
   if (overflow.match(/(auto|scroll)/)) {
     this.$controlSettings.css({ position: 'static', left: 'none', top: 'none' });
     return;
   }
 
   var minWidth = Math.max(200, this.$chatSettings.width());
   var position = { left: 0, top: 0 };
   var offset = this.$chatSettings.offset();
   var isSlim = offset.left > 0 && offset.left < minWidth;
 
   this.$controlSettings.css({
     position: 'absolute',
     minWidth: minWidth,
     left: position.left + (minWidth + 5) * (isSlim ? 1 : -1),
     top: position.top + this.$chatSettings.height() - this.$controlSettings.height()
   });
 };
 
 Settings.prototype.update = function(force) {
   if (!this.entity.loaded) { return; }
 
   if (!this.$chatSettings.length) { return; }
   if (!this.$chatSettings.is(':visible') && force !== true) { return; }
 
   this.updateServerLabel();
   this.updatePosition();
 };
 
 module.exports = Settings;
 
 },{"component":3,"util2":10}],9:[function(require,module,exports){
 var util2 = require('util2');
 var Component = require('component');
 
 var Touch = function(def) {
   Component.call(this, def);
 };
 
 util2.inherit(Touch, Component, Touch.prototype);
 
 Touch.SizeEdge = [false, false];
 
 Touch.prototype.name = 'touch';
 
 Touch.prototype.start = function() {
 };
 
 Touch.prototype.getBorderSize = function() {
   return parseInt(this.$mouseBox.css('borderTopWidth'));
 };
 
 Touch.prototype.getTouchPosition = function(e) {
   var offset = this.$mouseBox.offset();
   var borderSize = this.getBorderSize();
   var x = e.clientX - offset.left - 2 * borderSize;
   var y = e.clientY - offset.top - 2 * borderSize;
 
   var minX = 0 + (Touch.SizeEdge[0] ? 0 : 1);
   var minY = 0 + (Touch.SizeEdge[1] ? 0 : 1);
   var maxX = this.config.screen.size[0] - (Touch.SizeEdge[0] ? 0 : 1);
   var maxY = this.config.screen.size[1] - (Touch.SizeEdge[1] ? 0 : 1);
 
   var touchX = Math.ceil(x / this.scale);
   var touchY = Math.ceil(y / this.scale);
   var valid = (touchX >= minX && touchX <= maxX) &&
               (touchY >= minY && touchY <= maxY);
   return {
     mouse: [x, y],
     position: [touchX, touchY],
     input: touchX + ',' + touchY,
     valid: valid
   };
 };
 
 Touch.prototype.spawnDroplet = function(position) {
   var $drop = $('<div/>').addClass('tpc-droplet');
   var size = 10;
   $drop.css({
     background: 'rgba(255, 255, 255, 0.8)',
     borderRadius: size,
     position: 'absolute',
     left: position[0] - size / 2,
     top: position[1] - size / 2,
     width: size,
     height: size
   });
   this.$mouseBox.append($drop);
   $drop
     .animate({
       left: position[0],
       top: position[1],
       width: 0,
       height: 0
     }, this.config.streamDelay * 1000)
     .queue(function() {
       $drop.remove();
       $drop.dequeue();
     });
 };
 
 Touch.prototype.updateMouseBox = function(force) {
   var playerWidth = this.$player.width();
   var playerHeight = this.$player.height() - this.config.screen.barHeight;
 
   if ((this.playerWidth === playerWidth &&
        this.playerHeight === playerHeight) && force !== true) {
     return;
   }
 
   this.playerWidth = playerWidth;
   this.playerHeight = playerHeight;
 
   var aspect = playerWidth / playerHeight;
 
   var excessWidth = 0;
   if (aspect > this.config.screen.aspect) {
     excessWidth = playerWidth - playerHeight * this.config.screen.aspect;
   }
 
   this.scale = this.config.screen.scale * playerHeight / this.config.screen.size[1];
 
   var borderSize = this.getBorderSize();
   var width = this.scale * this.config.screen.size[0];
   var height = this.scale * this.config.screen.size[1];
 
   this.$mouseBox.css({
     position: 'absolute',
     left: excessWidth / 2 + (playerWidth - width - excessWidth) * this.config.screen.position[0] - borderSize,
     top: (playerHeight - height) * this.config.screen.position[1] - borderSize,
     width: width,
     height: height
   });
 
   if (!this.component('settings').$chatSettings.is(':visible')) {
     this.$mouseBox.stop(true, true).css({ background: 'transparent' });
     return;
   }
 
   this.$mouseBox
     .stop(true, true)
     .animate({ backgroundColor: 'rgba(255, 255, 255, 0.5)' }, 100)
     .delay(1000)
     .animate({ backgroundColor: 'rgba(255, 255, 255, 0)' })
     .animate({ background: 'transparent' }, 0);
 };
 
 Touch.prototype.update = function(force) {
   if (!this.entity.loaded) { return; }
   if (!this.config.enabled) { return; }
 
   this.updateMouseBox(force);
 };
 
 Touch.prototype.onClick = function(e) {
   var touch = this.getTouchPosition(e);
   if (!touch.valid) { return; }
   this.component('chat').setInput(touch.input);
   if (this.config.showDroplets) {
     this.spawnDroplet(touch.mouse);
   }
 };
 
 Touch.prototype.onMove = function(e) {
   if (!this.config.showCoordTooltip) { return; }
   var touch = this.getTouchPosition(e);
   var borderSize = this.getBorderSize();
   this.$coordTooltip
     .text(touch.valid ? touch.input : '')
     .css({
       position: 'absolute',
       left: touch.mouse[0] + borderSize + 15,
       top: touch.mouse[1] + borderSize - this.$coordTooltip.outerHeight() / 2
     });
 };
 
 module.exports = Touch;
 
 },{"component":3,"util2":10}],10:[function(require,module,exports){
 /*
  * util2.js by Meiguro - MIT License
  */
 
 var util2 = (function(){
 
 var util2 = {};
 
 util2.noop = function() {};
 
 util2.copy = function(a, b) {
   b = b || (a instanceof Array ? [] : {});
   for (var k in a) { b[k] = a[k]; }
   return b;
 };
 
 util2.inherit = function(child, parent, proto) {
   child.prototype = Object.create(parent.prototype);
   child.prototype.constructor = child;
   if (proto) {
     util2.copy(proto, child.prototype);
   }
   return child.prototype;
 };
 
 if (typeof module !== 'undefined') {
   module.exports = util2;
 }
 
 return util2;
 
 })();
 
 },{}],11:[function(require,module,exports){
 /* global unsafeWindow */
 module.exports = typeof unsafeWindow !== 'undefined' ? unsafeWindow : window;
 
 },{}]},{},[1])