Initial commit.

2025-10-09 16:46:38 +00:00 · 2022-09-20 23:50:01 +08:00
commit e90a335c56
432 changed files with 101884 additions and 0 deletions
--- a/frontend/assets/plugin_scripts.meta
+++ b/frontend/assets/plugin_scripts.meta
@@ -0,0 +1,5 @@
+{
+  "ver": "1.0.1",
+  "uuid": "a351f972-c36f-48ae-b978-30512b7e8b6b",
+  "subMetas": {}
+}
--- a/frontend/assets/plugin_scripts/NetworkDoctor.js
+++ b/frontend/assets/plugin_scripts/NetworkDoctor.js
@@ -0,0 +1,66 @@
+function NetworkDoctor(serverFps, clientUpsyncFps) {
+  this.serverFps = serverFps;
+  this.clientUpsyncFps = clientUpsyncFps;
+  this.millisPerServerFrame = parseInt(1000 / this.serverFps);
+  this._tooLongSinceLastFrameDiffReceivedThreshold = (this.millisPerServerFrame << 6);
+
+  this.setupFps = function(fps) {
+    this.serverFps = this.clientUpsyncFps = fps;
+    this.millisPerServerFrame = parseInt(1000 / this.serverFps);
+    this._tooLongSinceLastFrameDiffReceivedThreshold = (this.millisPerServerFrame << 6);
+  }
+
+  this._lastFrameDiffRecvTime = null;
+  this._tooLongSinceLastFrameDiffReceived = function() {
+    if (undefined === this._lastFrameDiffRecvTime || null === this._lastFrameDiffRecvTime) return false;
+    return (this._tooLongSinceLastFrameDiffReceivedThreshold <= (Date.now() - this._lastFrameDiffRecvTime));
+  };
+
+  this._consecutiveALittleLongFrameDiffReceivedIntervalCount = 0;
+  this._consecutiveALittleLongFrameDiffReceivedIntervalCountThreshold = 120;
+
+  this.onNewFrameDiffReceived = function(frameDiff) {
+    var now = Date.now();
+    if (undefined !== this._lastFrameDiffRecvTime && null !== this._lastFrameDiffRecvTime) {
+      var intervalFromLastFrameDiff = (now - this._lastFrameDiffRecvTime);
+      if ((this.millisPerServerFrame << 5) < intervalFromLastFrameDiff) {
+        ++this._consecutiveALittleLongFrameDiffReceivedIntervalCount;
+        console.log('Medium delay, intervalFromLastFrameDiff is', intervalFromLastFrameDiff);
+      } else {
+        this._consecutiveALittleLongFrameDiffReceivedIntervalCount = 0;
+      }
+    }
+    this._lastFrameDiffRecvTime = now;
+  };
+
+  this._networkComplaintPrefix = "\nNetwork is not good >_<\n";
+
+  this.generateNetworkComplaint = function(excludeTypeConstantALittleLongFrameDiffReceivedInterval, excludeTypeTooLongSinceLastFrameDiffReceived) {
+    if (this.hasBattleStopped) return null;
+    var shouldComplain = false;
+    var ret = this._networkComplaintPrefix;
+    if (true != excludeTypeConstantALittleLongFrameDiffReceivedInterval && this._consecutiveALittleLongFrameDiffReceivedIntervalCountThreshold <= this._consecutiveALittleLongFrameDiffReceivedIntervalCount) {
+      this._consecutiveALittleLongFrameDiffReceivedIntervalCount = 0;
+      ret += "\nConstantly having a little long recv interval.\n";
+      shouldComplain = true;
+    }
+    if (true != excludeTypeTooLongSinceLastFrameDiffReceived && this._tooLongSinceLastFrameDiffReceived()) {
+      ret += "\nToo long since last received frameDiff.\n";
+      shouldComplain = true;
+    }
+    return (shouldComplain ? ret : null);
+  };
+
+  this.hasBattleStopped = false;
+  this.onBattleStopped = function() {
+    this.hasBattleStopped = true;
+  };
+
+  this.isClientSessionConnected = function() {
+    if (!window.game) return false;
+    if (!window.game.clientSession) return false;
+    return window.game.clientSession.connected; 
+  };
+}
+
+window.NetworkDoctor = NetworkDoctor;
--- a/frontend/assets/plugin_scripts/NetworkDoctor.js.meta
+++ b/frontend/assets/plugin_scripts/NetworkDoctor.js.meta
@@ -0,0 +1,9 @@
+{
+  "ver": "1.0.5",
+  "uuid": "477c07c3-0d50-4d55-96f0-6eaf9f25e2da",
+  "isPlugin": false,
+  "loadPluginInWeb": true,
+  "loadPluginInNative": true,
+  "loadPluginInEditor": false,
+  "subMetas": {}
+}
--- a/frontend/assets/plugin_scripts/NetworkUtils.js
+++ b/frontend/assets/plugin_scripts/NetworkUtils.js
@@ -0,0 +1,585 @@
+'use strict';
+
+function _typeof6(obj) {
+  if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
+    _typeof6 = function _typeof6(obj) {
+      return typeof obj;
+    };
+  } else {
+    _typeof6 = function _typeof6(obj) {
+      return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+    };
+  }
+  return _typeof6(obj);
+}
+
+function _typeof5(obj) {
+  if (typeof Symbol === "function" && _typeof6(Symbol.iterator) === "symbol") {
+    _typeof5 = function _typeof5(obj) {
+      return _typeof6(obj);
+    };
+  } else {
+    _typeof5 = function _typeof5(obj) {
+      return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : _typeof6(obj);
+    };
+  }
+
+  return _typeof5(obj);
+}
+
+function _typeof4(obj) {
+  if (typeof Symbol === "function" && _typeof5(Symbol.iterator) === "symbol") {
+    _typeof4 = function _typeof4(obj) {
+      return _typeof5(obj);
+    };
+  } else {
+    _typeof4 = function _typeof4(obj) {
+      return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : _typeof5(obj);
+    };
+  }
+
+  return _typeof4(obj);
+}
+
+function _typeof3(obj) {
+  if (typeof Symbol === "function" && _typeof4(Symbol.iterator) === "symbol") {
+    _typeof3 = function _typeof3(obj) {
+      return _typeof4(obj);
+    };
+  } else {
+    _typeof3 = function _typeof3(obj) {
+      return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : _typeof4(obj);
+    };
+  }
+
+  return _typeof3(obj);
+}
+
+function _typeof2(obj) {
+  if (typeof Symbol === "function" && _typeof3(Symbol.iterator) === "symbol") {
+    _typeof2 = function _typeof2(obj) {
+      return _typeof3(obj);
+    };
+  } else {
+    _typeof2 = function _typeof2(obj) {
+      return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : _typeof3(obj);
+    };
+  }
+
+  return _typeof2(obj);
+}
+
+function _typeof(obj) {
+  if (typeof Symbol === "function" && _typeof2(Symbol.iterator) === "symbol") {
+    _typeof = function _typeof(obj) {
+      return _typeof2(obj);
+    };
+  } else {
+    _typeof = function _typeof(obj) {
+      return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : _typeof2(obj);
+    };
+  }
+
+  return _typeof(obj);
+}
+
+var NetworkUtils = NetworkUtils || {};
+window.NetworkUtils = NetworkUtils;
+NetworkUtils.ArrayProto = Array.prototype;
+NetworkUtils.ObjProto = Object.prototype;
+NetworkUtils.hasOwn = NetworkUtils.ObjProto.hasOwnProperty;
+NetworkUtils.toString = NetworkUtils.ObjProto.toString;
+NetworkUtils.nativeForEach = NetworkUtils.ArrayProto.forEach;
+NetworkUtils.slice = NetworkUtils.ArrayProto.slice;
+NetworkUtils.nativeKeys = Object.keys;
+NetworkUtils.nativeIsArray = Array.isArray;
+
+NetworkUtils.isFunction = function(o) {
+  return typeof o == "function" || false;
+};
+
+NetworkUtils.isObject = function(o) {
+  var type = typeof o === 'undefined' ? 'undefined' : _typeof(o);
+  return type === 'function' || type === 'object' && !!o;
+};
+
+NetworkUtils.isArray = NetworkUtils.nativeIsArray || function(obj) {
+  return NetworkUtils.toString.call(obj) === '[object Array]';
+};
+
+NetworkUtils.isString = function(o) {
+  return typeof o === 'string';
+};
+
+NetworkUtils.isNotEmptyString = function(s) {
+  return NetworkUtils.isString(s) && s !== '';
+};
+
+NetworkUtils.each = function(o, fn, ctx) {
+  if (o == null) return;
+
+  if (NetworkUtils.nativeForEach && o.forEach === NetworkUtils.nativeForEach) {
+    o.forEach(fn, ctx);
+  } else if (o.length === +o.length) {
+    for (var i = 0, l = o.length; i < l; i++) {
+      if (i in o && fn.call(ctx, o[i], i, o) === {}) return;
+    }
+  } else {
+    for (var key in o) {
+      if (NetworkUtils.hasOwn.call(o, key)) {
+        if (fn.call(ctx, o[key], key, o) === {}) return;
+      }
+    }
+  }
+};
+
+NetworkUtils.numFormat = function(num) {
+  if (num > 9999) {
+    return Math.floor(num / 1000).toString() + 'K';
+  } else {
+    return num.toString();
+  }
+}; //1000=>1,000
+
+
+NetworkUtils.numberFmt = function(num) {
+  if (!/^(\+|-)?(\d+)(\.\d+)?$/.test(num)) {
+    return num;
+  }
+
+  var a = RegExp.$1,
+    b = RegExp.$2,
+    c = RegExp.$3,
+    re = new RegExp();
+  re.compile("(\\d)(\\d{3})(,|$)");
+
+  while (re.test(b)) {
+    b = b.replace(re, "$1,$2$3");
+  }
+
+  return a + "" + b + "" + c;
+}; //1,000=>1000
+
+
+NetworkUtils.fmtNumber = function(str) {
+  if (!NetworkUtils.isNotEmptyString(str)) return 0;
+  return parseInt(str.replace(/,/g, ''), 10);
+};
+
+NetworkUtils.defaults = function(obj) {
+  NetworkUtils.each(NetworkUtils.slice.call(arguments, 1), function(o) {
+    for (var k in o) {
+      if (obj[k] == null)
+        obj[k] = o[k];
+    }
+  });
+  return obj;
+};
+
+NetworkUtils.keys = function(obj) {
+  if (!NetworkUtils.isObject(obj)) return [];
+  if (NetworkUtils.nativeKeys) return NetworkUtils.nativeKeys(obj);
+  var keys = [];
+
+  for (var key in obj) {
+    if (NetworkUtils.hasOwn.call(obj, key)) keys.push(key);
+  }
+
+  return keys;
+};
+
+NetworkUtils.values = function(obj) {
+  var keys = NetworkUtils.keys(obj);
+  var length = keys.length;
+  var values = Array(length);
+
+  for (var i = 0; i < length; i++) {
+    values[i] = obj[keys[i]];
+  }
+
+  return values;
+};
+
+NetworkUtils.noop = function() {};
+
+NetworkUtils.cutstr = function(str, len) {
+  var temp,
+    icount = 0,
+    patrn = /[^\x00-\xff]/,
+    strre = "";
+
+  for (var i = 0; i < str.length; i++) {
+    if (icount < len - 1) {
+      temp = str.substr(i, 1);
+
+      if (patrn.exec(temp) == null) {
+        icount = icount + 1;
+      } else {
+        icount = icount + 2;
+      }
+
+      strre += temp;
+    } else {
+      break;
+    }
+  }
+
+  if (str == strre) {
+    return strre;
+  } else {
+    return strre + "...";
+  }
+};
+
+NetworkUtils.clamp = function(n, min, max) {
+  if (n < min) return min;
+  if (n > max) return max;
+  return n;
+};
+
+NetworkUtils.Progress = {};
+NetworkUtils.Progress.settings = {
+  minimum: 0.1,
+  trickle: true,
+  trickleRate: 0.3,
+  trickleSpeed: 100
+};
+NetworkUtils.Progress.status = null;
+
+NetworkUtils.Progress.set = function(n) {
+  var progress = NetworkUtils.Progress;
+  n = NetworkUtils.clamp(n, progress.settings.minimum, 1);
+  progress.status = n;
+  progress.cb(progress.status);
+  return this;
+};
+
+NetworkUtils.Progress.inc = function(amount) {
+  var progress = NetworkUtils.Progress,
+    n = progress.status;
+
+  if (!n) {
+    return progress.start();
+  } else {
+    amount = (1 - n) * NetworkUtils.clamp(Math.random() * n, 0.1, 0.95);
+    n = NetworkUtils.clamp(n + amount, 0, 0.994);
+    return progress.set(n);
+  }
+};
+
+NetworkUtils.Progress.trickle = function() {
+  var progress = NetworkUtils.Progress;
+  return progress.inc(Math.random() * progress.settings.trickleRate);
+};
+
+NetworkUtils.Progress.start = function(cb) {
+  var progress = NetworkUtils.Progress;
+  progress.cb = cb || NetworkUtils.noop;
+  if (!progress.status) progress.set(0);
+
+  var _timer = function timer() {
+    if (progress.status === 1) {
+      clearTimeout(_timer);
+      _timer = null;
+      return;
+    }
+
+    progress.trickle();
+    work();
+  };
+
+  var work = function work() {
+    setTimeout(_timer, progress.settings.trickleSpeed);
+  };
+
+  if (progress.settings.trickle) work();
+  return this;
+};
+
+NetworkUtils.Progress.done = function() {
+  var progress = NetworkUtils.Progress;
+  return progress.inc(0.3 + 0.5 * Math.random()).set(1);
+};
+
+NetworkUtils.decode = decodeURIComponent;
+NetworkUtils.encode = encodeURIComponent;
+
+NetworkUtils.formData = function(o) {
+  var kvps = [],
+    regEx = /%20/g;
+
+  for (var k in o) {
+    if (!o[k]) continue;
+    kvps.push(NetworkUtils.encode(k).replace(regEx, "+") + "=" + NetworkUtils.encode(o[k].toString()).replace(regEx, "+"));
+  }
+
+  return kvps.join('&');
+};
+
+NetworkUtils.ajax = function(o) {
+  var xhr = cc.loader.getXMLHttpRequest();
+  o = Object.assign({
+    type: "GET",
+    data: null,
+    dataType: 'json',
+    progress: null,
+    contentType: "application/x-www-form-urlencoded"
+  }, o);
+  if (o.progress) NetworkUtils.Progress.start(o.progress);
+
+  xhr.onreadystatechange = function() {
+    if (xhr.readyState == 4) {
+      if (xhr.status < 300) {
+        var res;
+
+        if (o.dataType == 'json') {
+          if (xhr.responseText) {
+            res = window.JSON ? window.JSON.parse(xhr.responseText) : eval(xhr.responseText);
+          }
+        } else {
+          res = xhr.responseText;
+        }
+
+        if (!!res) o.success(res);
+        if (o.progress) NetworkUtils.Progress.done();
+      } else {
+        if (o.error) o.error(xhr, xhr.status, xhr.statusText);
+      }
+    }
+  }; //if("withCredentials" in xhr) xhr.withCredentials = true;
+
+
+  var url = o.url,
+    data = null;
+  var isPost = o.type === "POST" || o.type === "PUT";
+
+  if (o.data) {
+    if (!isPost) {
+      url += "?" + NetworkUtils.formData(o.data);
+      data = null;
+    } else if (isPost && _typeof(o.data) === 'object') {
+      data = NetworkUtils.formData(o.data);
+    } else {
+      data = o.data;
+    }
+  }
+
+  xhr.open(o.type, url, true);
+
+  if (isPost) {
+    xhr.setRequestHeader("Content-Type", o.contentType);
+  }
+
+  xhr.timeout = 3000;
+
+  xhr.ontimeout = function() {
+    // XMLHttpRequest 超时
+    if ('function' === typeof o.timeout) {
+      o.timeout();
+    }
+  };
+  xhr.onerror  = function() {
+    if ('function' === typeof o.error) {
+      o.error();
+    }
+
+  }
+  xhr.send(data);
+  return xhr;
+};
+
+NetworkUtils.get = function(url, data, success, error) {
+  if (NetworkUtils.isFunction(data)) {
+    error = success;
+    success = data;
+    data = {};
+  }
+
+  NetworkUtils.ajax({
+    url: url,
+    type: "GET",
+    data: data,
+    success: success,
+    error: error || NetworkUtils.noop
+  });
+};
+
+NetworkUtils.post = function(url, data, success, error, timeout) {
+  if (NetworkUtils.isFunction(data)) {
+    error = success;
+    success = data;
+    data = {};
+  }
+
+  NetworkUtils.ajax({
+    url: url,
+    type: "POST",
+    data: data,
+    success: success,
+    error: error || NetworkUtils.noop,
+    timeout: timeout
+  });
+};
+
+NetworkUtils.now = Date.now || function() {
+  return new Date().getTime();
+};
+
+NetworkUtils.same = function(s) {
+  return s;
+};
+
+NetworkUtils.parseCookieString = function(text) {
+  var cookies = {};
+
+  if (NetworkUtils.isString(text) && text.length > 0) {
+    var cookieParts = text.split(/;\s/g);
+    var cookieName;
+    var cookieValue;
+    var cookieNameValue;
+
+    for (var i = 0, len = cookieParts.length; i < len; i++) {
+      // Check for normally-formatted cookie (name-value)
+      cookieNameValue = cookieParts[i].match(/([^=]+)=/i);
+
+      if (cookieNameValue instanceof Array) {
+        try {
+          cookieName = NetworkUtils.decode(cookieNameValue[1]);
+          cookieValue = cookieParts[i].substring(cookieNameValue[1].length + 1);
+        } catch (ex) { // Intentionally ignore the cookie -
+          // the encoding is wrong
+        }
+      } else {
+        // Means the cookie does not have an =", so treat it as
+        // a boolean flag
+        cookieName = NetworkUtils.decode(cookieParts[i]);
+        cookieValue = '';
+      }
+
+      if (cookieName) {
+        cookies[cookieName] = cookieValue;
+      }
+    }
+  }
+
+  return cookies;
+};
+
+NetworkUtils.getCookie = function(name) {
+  if (!NetworkUtils.isNotEmptyString(name)) {
+    throw new TypeError('Cookie name must be a non-empty string');
+  }
+
+  var cookies = NetworkUtils.parseCookieString(document.cookie);
+  return cookies[name];
+};
+
+NetworkUtils.setCookie = function(name, value, options) {
+  if (!NetworkUtils.isNotEmptyString(name)) {
+    throw new TypeError('Cookie name must be a non-empty string');
+  }
+
+  options = options || {};
+  var expires = options['expires'];
+  var domain = options['domain'];
+  var path = options['path'];
+
+  if (!options['raw']) {
+    value = NetworkUtils.encode(String(value));
+  }
+
+  var text = name + '=' + value; // expires
+
+  var date = expires;
+
+  if (typeof date === 'number') {
+    date = new Date();
+    date.setDate(date.getDate() + expires);
+  }
+
+  if (date instanceof Date) {
+    text += '; expires=' + date.toUTCString();
+  } // domain
+
+
+  if (NetworkUtils.isNotEmptyString(domain)) {
+    text += '; domain=' + domain;
+  } // path
+
+
+  if (NetworkUtils.isNotEmptyString(path)) {
+    text += '; path=' + path;
+  } // secure
+
+
+  if (options['secure']) {
+    text += '; secure';
+  }
+
+  document.cookie = text;
+  return text;
+};
+
+NetworkUtils.removeCookie = function(name, options) {
+  options = options || {};
+  options['expires'] = new Date(0);
+  return NetworkUtils.setCookie(name, '', options);
+};
+
+NetworkUtils.dragNode = function(node) {
+  var isMoving = false,
+    size = cc.director.getVisibleSize(),
+    touchLoc = void 0,
+    oldPos = void 0,
+    moveToPos = void 0;
+  node.on(cc.Node.EventType.TOUCH_START, function(event) {
+    var touches = event.getTouches();
+    touchLoc = touches[0].getLocation();
+    oldPos = node.position;
+  });
+  node.on(cc.Node.EventType.TOUCH_MOVE, function(event) {
+    var touches = event.getTouches();
+    moveToPos = touches[0].getLocation();
+    isMoving = true;
+  });
+  node.on(cc.Node.EventType.TOUCH_END, function(event) {
+    isMoving = false;
+  });
+  return function() {
+    if (!isMoving) return;
+    var x = oldPos.x + moveToPos.x - touchLoc.x;
+    var xEdge = node.width * node.anchorX / 2;
+
+    if (Math.abs(x) < xEdge) {
+      node.x = x;
+    } else {
+      node.x = x > 0 ? xEdge : -xEdge;
+      isMoving = false;
+    }
+
+    if (node.height > size.height) {
+      var y = oldPos.y + moveToPos.y - touchLoc.y;
+      var yEdge = (node.height - size.height) / 2;
+
+      if (Math.abs(y) < yEdge) {
+        node.y = y;
+      } else {
+        node.y = y > 0 ? yEdge : -yEdge;
+        isMoving = false;
+      }
+    }
+  };
+};
+
+NetworkUtils.getQueryVariable = function(key) {
+  var query = cc.sys.platform == cc.sys.WECHAT_GAME ? '' : window.location.search.substring(1),
+    vars = query.split('&');
+
+  for (var i = 0, l = vars.length; i < l; i++) {
+    var pair = vars[i].split('=');
+
+    if (decodeURIComponent(pair[0]) === key) {
+      return decodeURIComponent(pair[1]);
+    }
+  }
+};
--- a/frontend/assets/plugin_scripts/NetworkUtils.js.meta
+++ b/frontend/assets/plugin_scripts/NetworkUtils.js.meta
@@ -0,0 +1,9 @@
+{
+  "ver": "1.0.5",
+  "uuid": "c116dddb-470e-47de-af9b-560adb7c78fb",
+  "isPlugin": false,
+  "loadPluginInWeb": true,
+  "loadPluginInNative": true,
+  "loadPluginInEditor": false,
+  "subMetas": {}
+}
--- a/frontend/assets/plugin_scripts/auxiliaries.js
+++ b/frontend/assets/plugin_scripts/auxiliaries.js
@@ -0,0 +1,200 @@
+"use strict";
+
+window.getQueryParamDict = function() {
+  // Kindly note that only the first occurrence of duplicated keys will be picked up. 
+  var query = cc.sys.platform == cc.sys.WECHAT_GAME ? '' : window.location.search.substring(1);
+  var kvPairs = query.split('&');
+  var toRet = {};
+  for (var i = 0; i < kvPairs.length; ++i) {
+    var kAndV = kvPairs[i].split('=');
+    if (undefined === kAndV || null === kAndV || 2 != kAndV.length) return;
+    var k = kAndV[0];
+    var v = decodeURIComponent(kAndV[1]);
+    toRet[k] = v;
+  }
+  return toRet;
+}
+
+let IS_USING_WKWECHAT_KERNEL = null;
+window.isUsingWebkitWechatKernel = function() {
+  if (null == IS_USING_WKWECHAT_KERNEL) {
+    // The extraction of `browserType` might take a considerable amount of time in mobile browser kernels.
+    IS_USING_WKWECHAT_KERNEL = (cc.sys.BROWSER_TYPE_WECHAT == cc.sys.browserType);  
+  }
+  return IS_USING_WKWECHAT_KERNEL;
+};
+
+let IS_USING_X5_BLINK_KERNEL = null;
+window.isUsingX5BlinkKernel = function() {
+  if (null == IS_USING_X5_BLINK_KERNEL) {
+    // The extraction of `browserType` might take a considerable amount of time in mobile browser kernels.
+    IS_USING_X5_BLINK_KERNEL = (cc.sys.BROWSER_TYPE_MOBILE_QQ == cc.sys.browserType);  
+  }
+  return IS_USING_X5_BLINK_KERNEL;
+};
+
+let IS_USING_X5_BLINK_KERNEL_OR_WKWECHAT_KERNEL = null;
+window.isUsingX5BlinkKernelOrWebkitWeChatKernel = function() {
+  if (null == IS_USING_X5_BLINK_KERNEL_OR_WKWECHAT_KERNEL) {
+    // The extraction of `browserType` might take a considerable amount of time in mobile browser kernels.
+    IS_USING_X5_BLINK_KERNEL_OR_WKWECHAT_KERNEL = (cc.sys.BROWSER_TYPE_MOBILE_QQ == cc.sys.browserType || cc.sys.BROWSER_TYPE_WECHAT == cc.sys.browserType); 
+  }
+  return IS_USING_X5_BLINK_KERNEL_OR_WKWECHAT_KERNEL;
+};
+
+window.getRandomInt = function(min, max) {
+  min = Math.ceil(min);
+  max = Math.floor(max);
+  return Math.floor(Math.random() * (max - min)) + min;
+}
+
+window.safelyAssignParent = function(proposedChild, proposedParent) {
+  if (proposedChild.parent == proposedParent) return false;
+  proposedChild.parent = proposedParent;
+  return true;
+};
+
+window.get2dRotation = function(aCCNode) {
+  // return aCCNode.rotation; // For cc2.0+ 
+  return aCCNode.angle; // For cc2.1+ 
+};
+
+window.set2dRotation = function(aCCNode, clockwiseAngle) {
+  // aCCNode.rotation = angle; // For cc2.0+ 
+  aCCNode.angle = -clockwiseAngle; // For cc2.1+ 
+};
+
+window.setLocalZOrder = function(aCCNode, zIndex) {
+  aCCNode.zIndex = zIndex; // For cc2.0+ 
+};
+
+window.getLocalZOrder = function(aCCNode) {
+  return aCCNode.zIndex; // For cc2.0+ 
+};
+
+window.safelyAddChild = function(proposedParent, proposedChild) {
+  if (proposedChild.parent == proposedParent) return false;
+  setLocalZOrder(proposedChild, getLocalZOrder(proposedParent) + 1);
+  proposedParent.addChild(proposedChild);
+  return true;
+};
+
+window.setVisible = function(aCCNode) {
+  aCCNode.opacity = 255;
+};
+
+window.setInvisible = function(aCCNode) {
+  aCCNode.opacity = 0;
+};
+
+window.randomProperty = function (obj) {
+  var keys = Object.keys(obj)
+  return obj[keys[ keys.length * Math.random() << 0]];
+};
+
+window.gidSpriteFrameMap = {};
+window.getOrCreateSpriteFrameForGid = function(gid, tiledMapInfo, tilesElListUnderTilesets) {
+  if (null != gidSpriteFrameMap[gid]) return gidSpriteFrameMap[gid];
+  if (false == gidSpriteFrameMap[gid]) return null;
+
+  var tilesets = tiledMapInfo.getTilesets();
+  var targetTileset = null;
+  for (var i = 0; i < tilesets.length; ++i) {
+    // TODO: Optimize by binary search.
+    if (gid < tilesets[i].firstGid) continue;
+    if (i < tilesets.length - 1) {
+      if (gid >= tilesets[i + 1].firstGid) continue;
+    }
+    targetTileset = tilesets[i];
+    break;
+  }
+  if (!targetTileset) return null;
+  var tileIdWithinTileset = (gid - targetTileset.firstGid);
+  var tilesElListUnderCurrentTileset = tilesElListUnderTilesets[targetTileset.name + ".tsx"];
+
+  var targetTileEl = null;
+  for (var tileIdx = 0; tileIdx < tilesElListUnderCurrentTileset.length; ++tileIdx) {
+    var tmpTileEl = tilesElListUnderCurrentTileset[tileIdx];
+    if (tileIdWithinTileset != parseInt(tmpTileEl.id)) continue;
+    targetTileEl = tmpTileEl;
+    break;
+  }
+
+  var tileId = tileIdWithinTileset;
+  var tilesPerRow = (targetTileset.sourceImage.width / targetTileset._tileSize.width);
+  var row = parseInt(tileId / tilesPerRow);
+  var col = (tileId % tilesPerRow);
+  var offset = cc.v2(targetTileset._tileSize.width * col, targetTileset._tileSize.height * row);
+  var origSize = targetTileset._tileSize;
+  var rect = cc.rect(offset.x, offset.y, origSize.width, origSize.height);
+  var sf = new cc.SpriteFrame(targetTileset.sourceImage, rect, false /* rotated */ , cc.v2() /* DON'T use `offset` here or you will have an offsetted image from the `cc.Sprite.node.anchor`. */, origSize);
+  const data = {
+    origSize: targetTileset._tileSize,
+    spriteFrame: sf,
+  }
+  window.gidSpriteFrameMap[gid] = data;
+  return data;
+}
+
+window.gidAnimationClipMap = {};
+window.getOrCreateAnimationClipForGid = function(gid, tiledMapInfo, tilesElListUnderTilesets) {
+  if (null != gidAnimationClipMap[gid]) return gidAnimationClipMap[gid];   
+  if (false == gidAnimationClipMap[gid]) return null;
+
+  var tilesets = tiledMapInfo.getTilesets();
+  var targetTileset = null;
+  for (var i = 0; i < tilesets.length; ++i) {
+    // TODO: Optimize by binary search.
+    if (gid < tilesets[i].firstGid) continue;
+    if (i < tilesets.length - 1) {
+      if (gid >= tilesets[i + 1].firstGid) continue;
+    }
+    targetTileset = tilesets[i];
+    break;
+  }
+  if (!targetTileset) return null;
+  var tileIdWithinTileset = (gid - targetTileset.firstGid); 
+  var tilesElListUnderCurrentTileset = tilesElListUnderTilesets[targetTileset.name + ".tsx"]; 
+
+  var targetTileEl = null;
+  for (var tileIdx = 0; tileIdx < tilesElListUnderCurrentTileset.length; ++tileIdx) {
+    var tmpTileEl = tilesElListUnderCurrentTileset[tileIdx]; 
+    if (tileIdWithinTileset != parseInt(tmpTileEl.id)) continue;
+    targetTileEl = tmpTileEl;
+    break;
+  }
+
+  if (!targetTileEl) return null;
+  var animElList = targetTileEl.getElementsByTagName("animation"); 
+  if (!animElList || 0 >= animElList.length) return null;
+  var animEl = animElList[0]; 
+
+  var uniformDurationSecondsPerFrame = null;
+  var totDurationSeconds = 0; 
+  var sfList = [];
+  var frameElListUnderAnim = animEl.getElementsByTagName("frame"); 
+  var tilesPerRow = (targetTileset.sourceImage.width/targetTileset._tileSize.width);
+
+  for (var k = 0; k < frameElListUnderAnim.length; ++k) {
+    var frameEl = frameElListUnderAnim[k];   
+    var tileId = parseInt(frameEl.attributes.tileid.value);
+    var durationSeconds = frameEl.attributes.duration.value/1000; 
+    if (null == uniformDurationSecondsPerFrame) uniformDurationSecondsPerFrame = durationSeconds;
+    totDurationSeconds += durationSeconds;
+    var row = parseInt(tileId / tilesPerRow);
+    var col = (tileId % tilesPerRow);
+    var offset = cc.v2(targetTileset._tileSize.width*col, targetTileset._tileSize.height*row);
+    var origSize = targetTileset._tileSize;
+    var rect = cc.rect(offset.x, offset.y, origSize.width, origSize.height);
+    var sf = new cc.SpriteFrame(targetTileset.sourceImage, rect, false /* rotated */, cc.v2(), origSize);
+    sfList.push(sf);
+  } 
+  var sampleRate = 1/uniformDurationSecondsPerFrame; // A.k.a. fps.
+  var animClip = cc.AnimationClip.createWithSpriteFrames(sfList, sampleRate);
+  // http://docs.cocos.com/creator/api/en/enums/WrapMode.html.
+  animClip.wrapMode = cc.WrapMode.Loop;
+  return {
+    origSize: targetTileset._tileSize,
+    animationClip: animClip,
+  };
+};
--- a/frontend/assets/plugin_scripts/auxiliaries.js.meta
+++ b/frontend/assets/plugin_scripts/auxiliaries.js.meta
@@ -0,0 +1,9 @@
+{
+  "ver": "1.0.5",
+  "uuid": "c119f5bb-720a-4ac8-960f-6f5eeda0c360",
+  "isPlugin": true,
+  "loadPluginInWeb": true,
+  "loadPluginInNative": true,
+  "loadPluginInEditor": false,
+  "subMetas": {}
+}
--- a/frontend/assets/plugin_scripts/conf.js.template
+++ b/frontend/assets/plugin_scripts/conf.js.template
@@ -0,0 +1,37 @@
+"use strict";
+
+if (CC_DEBUG) {
+  var backendAddress = {
+    PROTOCOL: 'http',
+    HOST: 'localhost',
+    PORT: "9992",
+    WS_PATH_PREFIX: "/tsrht",
+  };
+
+  var wechatAddress = {
+    PROTOCOL: "http",
+    HOST: "119.29.236.44",
+    PORT: "8089",
+    PROXY: "",
+    APPID_LITERAL: "appid=wx5432dc1d6164d4e",
+  };
+} else {
+  var backendAddress = {
+    PROTOCOL: 'https',
+    HOST: 'tsrht.lokcol.com',
+    PORT: "443",
+    WS_PATH_PREFIX: "/tsrht",
+  };
+
+  var wechatAddress = {
+    PROTOCOL: "https",
+    HOST: "open.weixin.qq.com",
+    PORT: "",
+    PROXY: "",
+    APPID_LITERAL: "appid=wxe7063ab415266544",
+  };
+}
+
+window.language = "zh";
+window.backendAddress = backendAddress;
+window.wechatAddress  = wechatAddress;
--- a/frontend/assets/plugin_scripts/conf.js.template.meta
+++ b/frontend/assets/plugin_scripts/conf.js.template.meta
@@ -0,0 +1,5 @@
+{
+  "ver": "1.0.1",
+  "uuid": "1712c9ec-6940-4356-a87d-37887608f224",
+  "subMetas": {}
+}
--- a/frontend/assets/plugin_scripts/constants.js
+++ b/frontend/assets/plugin_scripts/constants.js
@@ -0,0 +1,170 @@
+"use strict";
+
+
+var _ROUTE_PATH;
+
+function _defineProperty(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+
+  return obj;
+}
+
+var constants = {
+  BGM: {
+    DIR_PATH: "resources/musicEffect/",
+    FILE_NAME: {
+      TREASURE_PICKEDUP: "TreasurePicked",
+      CRASHED_BY_TRAP_BULLET: "CrashedByTrapBullet",
+      HIGH_SCORE_TREASURE_PICKED:"HighScoreTreasurePicked",
+      COUNT_DOWN_10SEC_TO_END:"countDown10SecToEnd",
+      BGM: "BGM" 
+    }
+  },
+  PLAYER_NAME: {
+    1: "Merdan",
+    2: "Monroe",
+  },
+  SOCKET_EVENT: {
+    CONTROL: "control",
+    SYNC: "sync",
+    LOGIN: "login",
+    CREATE: "create"
+  },
+  WECHAT: {
+    AUTHORIZE_PATH: "/connect/oauth2/authorize",
+    REDIRECT_RUI_KEY: "redirect_uri=",
+    RESPONSE_TYPE: "response_type=code",
+    SCOPE: "scope=snsapi_userinfo",
+    FIN: "#wechat_redirect"
+  },
+  ROUTE_PATH: (_ROUTE_PATH = {
+    PLAYER: "/player",
+    JSCONFIG: "/jsconfig",
+    API: "/api",
+    VERSION: "/v1",
+    SMS_CAPTCHA: "/SmsCaptcha",
+    INT_AUTH_TOKEN: "/IntAuthToken",
+    LOGIN: "/login",
+    LOGOUT: "/logout",
+    GET: "/get",
+    TUTORIAL: "/tutorial",
+    REPORT: "/report",
+    LIST: "/list",
+    READ: "/read",
+    PROFILE: "/profile",
+    WECHAT: "/wechat",
+    WECHATGAME: "/wechatGame",
+    FETCH: "/fetch",
+  }, _defineProperty(_ROUTE_PATH, "LOGIN", "/login"), _defineProperty(_ROUTE_PATH, "RET_CODE", "/retCode"), _defineProperty(_ROUTE_PATH, "REGEX", "/regex"), _defineProperty(_ROUTE_PATH, "SMS_CAPTCHA", "/SmsCaptcha"), _defineProperty(_ROUTE_PATH, "GET", "/get"), _ROUTE_PATH),
+  REQUEST_QUERY: {
+    ROOM_ID: "roomId",
+    TOKEN: "/token"
+  },
+  GAME_SYNC: {
+    SERVER_UPSYNC: 30,
+    CLIENT_UPSYNC: 30
+  },
+  RET_CODE: {
+    /**
+    * NOTE: The "RET_CODE"s from 1000-1015 are reserved for the websocket "WebsocketStdCloseCode"s.
+    *
+    * References
+    * - https://tools.ietf.org/html/rfc6455#section-7.4
+    * - https://godoc.org/github.com/gorilla/websocket#pkg-constants.
+    */
+    "__comment__": "基础",
+    "OK": 9000,
+    "UNKNOWN_ERROR": 9001,
+    "INVALID_REQUEST_PARAM": 9002,
+    "IS_TEST_ACC": 9003,
+    "MYSQL_ERROR": 9004,
+    "NONEXISTENT_ACT": 9005,
+    "LACK_OF_DIAMOND": 9006,
+    "LACK_OF_GOLD": 9007,
+    "LACK_OF_ENERGY": 9008,
+    "NONEXISTENT_ACT_HANDLER": 9009,
+    "LOCALLY_NO_AVAILABLE_ROOM": 9010,
+    "LOCALLY_NO_SPECIFIED_ROOM": 9011,
+    "PLAYER_NOT_ADDABLE_TO_ROOM": 9012,
+    "PLAYER_NOT_READDABLE_TO_ROOM": 9013,
+    "PLAYER_NOT_FOUND": 9014,
+    "PLAYER_CHEATING": 9015,
+  
+
+    "__comment__": "SMS",
+    "SMS_CAPTCHA_REQUESTED_TOO_FREQUENTLY": 5001,
+    "SMS_CAPTCHA_NOT_MATCH": 5002,
+    "INVALID_TOKEN": 2001,
+
+    "DUPLICATED": 2002,
+    "INCORRECT_HANDLE": 2004,
+    "NONEXISTENT_HANDLE": 2005,
+    "INCORRECT_PASSWORD": 2006,
+    "INCORRECT_CAPTCHA": 2007,
+    "INVALID_EMAIL_LITERAL": 2008,
+    "NO_ASSOCIATED_EMAIL": 2009,
+    "SEND_EMAIL_TIMEOUT": 2010,
+    "INCORRECT_PHONE_COUNTRY_CODE": 2011,
+    "NEW_HANDLE_CONFLICT": 2013,
+    "FAILED_TO_UPDATE": 2014,
+    "FAILED_TO_DELETE": 2015,
+    "FAILED_TO_CREATE": 2016,
+    "INCORRECT_PHONE_NUMBER": 2018,
+    "PASSWORD_RESET_CODE_GENERATION_PER_EMAIL_TOO_FREQUENTLY": 4000,
+    "TRADE_CREATION_TOO_FREQUENTLY": 4002,
+    "MAP_NOT_UNLOCKED": 4003,
+
+    "NOT_IMPLEMENTED_YET": 65535
+  },
+  ALERT: {
+    TIP_NODE: 'captchaTips',
+    TIP_LABEL: {
+      INCORRECT_PHONE_COUNTRY_CODE: '国家号不正确',
+      CAPTCHA_ERR: '验证码不正确',
+      PHONE_ERR: '手机号格式不正确',
+      TOKEN_EXPIRED: 'token已过期!',
+      SMS_CAPTCHA_FREEQUENT_REQUIRE: '请求过于频繁',
+      SMS_CAPTCHA_NOT_MATCH: '验证码不正确',
+      TEST_USER: '该账号为测试账号',
+      INCORRECT_PHONE_NUMBER: '手机号不正确',
+      LOG_OUT: '您已在其他地方登陆',
+      GAME_OVER: '游戏结束,您的得分是',
+      WECHAT_LOGIN_FAILS: "微信登录失败",
+    },
+    CONFIRM_BUTTON_LABEL: {
+      RESTART: '重新开始'
+    }
+  },
+  PLAYER: '玩家',
+  ONLINE: '在线',
+  NOT_ONLINE: '',
+  SPEED: {
+    NORMAL: 100,
+    PAUSE: 0
+  },
+  COUNTDOWN_LABEL: {
+    BASE: '倒计时 ',
+    MINUTE: '00',
+    SECOND: '30'
+  },
+  SCORE_LABEL: {
+    BASE: '分数 ',
+    PLUS_SCORE: 5,
+    MINUS_SECOND: 5,
+    INIT_SCORE: 0
+  },
+  TUTORIAL_STAGE: {
+    NOT_YET_STARTED: 0,
+    ENDED: 1,
+  },
+};
+window.constants = constants;
--- a/frontend/assets/plugin_scripts/constants.js.meta
+++ b/frontend/assets/plugin_scripts/constants.js.meta
@@ -0,0 +1,9 @@
+{
+  "ver": "1.0.5",
+  "uuid": "31ca9500-50c9-44f9-8d33-f9a969e53195",
+  "isPlugin": false,
+  "loadPluginInWeb": true,
+  "loadPluginInNative": true,
+  "loadPluginInEditor": false,
+  "subMetas": {}
+}
--- a/frontend/assets/plugin_scripts/protobuf.js
+++ b/frontend/assets/plugin_scripts/protobuf.js
--- a/frontend/assets/plugin_scripts/protobuf.js.meta
+++ b/frontend/assets/plugin_scripts/protobuf.js.meta
@@ -0,0 +1,9 @@
+{
+  "ver": "1.0.5",
+  "uuid": "bd514df4-095e-4088-9060-d99397a29a4f",
+  "isPlugin": true,
+  "loadPluginInWeb": true,
+  "loadPluginInNative": true,
+  "loadPluginInEditor": false,
+  "subMetas": {}
+}
--- a/frontend/assets/resources.meta
+++ b/frontend/assets/resources.meta
@@ -0,0 +1,5 @@
+{
+  "ver": "1.0.1",
+  "uuid": "0bcc8702-42bd-4b5f-b576-6a95eabfe996",
+  "subMetas": {}
+}
--- a/frontend/assets/resources/animation.meta
+++ b/frontend/assets/resources/animation.meta
@@ -0,0 +1,5 @@
+{
+  "ver": "1.0.1",
+  "uuid": "3b59087c-771e-40f1-b126-2f5ec4bcde3d",
+  "subMetas": {}
+}
--- a/frontend/assets/resources/animation/BluePacman.meta
+++ b/frontend/assets/resources/animation/BluePacman.meta
@@ -0,0 +1,7 @@
+{
+  "ver": "1.0.1",
+  "uuid": "0e243c83-a137-4880-9bfe-9e1b57adc453",
+  "isSubpackage": false,
+  "subpackageName": "",
+  "subMetas": {}
+}
--- a/frontend/assets/resources/animation/BluePacman/Bottom.anim
+++ b/frontend/assets/resources/animation/BluePacman/Bottom.anim
@@ -0,0 +1,31 @@
+{
+  "__type__": "cc.AnimationClip",
+  "_name": "Bottom",
+  "_objFlags": 0,
+  "_native": "",
+  "_duration": 0.25,
+  "sample": 12,
+  "speed": 1,
+  "wrapMode": "2",
+  "curveData": {
+    "comps": {
+      "cc.Sprite": {
+        "spriteFrame": [
+          {
+            "frame": 0,
+            "value": {
+              "__uuid__": "783f1240-d608-40be-8108-3013ab53cfe6"
+            }
+          },
+          {
+            "frame": 0.16666666666666666,
+            "value": {
+              "__uuid__": "393e649b-addb-4f91-b687-438433026c8d"
+            }
+          }
+        ]
+      }
+    }
+  },
+  "events": []
+}
--- a/frontend/assets/resources/animation/BluePacman/Bottom.anim.meta
+++ b/frontend/assets/resources/animation/BluePacman/Bottom.anim.meta
@@ -0,0 +1,5 @@
+{
+  "ver": "2.1.0",
+  "uuid": "115ea7bb-d47f-4d3c-a52a-f46584346c3f",
+  "subMetas": {}
+}
--- a/frontend/assets/resources/animation/BluePacman/BottomLeft.anim
+++ b/frontend/assets/resources/animation/BluePacman/BottomLeft.anim
@@ -0,0 +1,31 @@
+{
+  "__type__": "cc.AnimationClip",
+  "_name": "BottomLeft",
+  "_objFlags": 0,
+  "_native": "",
+  "_duration": 0.25,
+  "sample": 12,
+  "speed": 1,
+  "wrapMode": "2",
+  "curveData": {
+    "comps": {
+      "cc.Sprite": {
+        "spriteFrame": [
+          {
+            "frame": 0,
+            "value": {
+              "__uuid__": "748c55f0-e761-40f6-b13b-e416b3d8a55c"
+            }
+          },
+          {
+            "frame": 0.16666666666666666,
+            "value": {
+              "__uuid__": "6164bac7-9882-43ce-b3d0-9d062d6d0b49"
+            }
+          }
+        ]
+      }
+    }
+  },
+  "events": []
+}
--- a/frontend/assets/resources/animation/BluePacman/BottomLeft.anim.meta
+++ b/frontend/assets/resources/animation/BluePacman/BottomLeft.anim.meta
@@ -0,0 +1,5 @@
+{
+  "ver": "2.1.0",
+  "uuid": "a1bf7c7c-b9f7-4b65-86e3-f86a9e798fb6",
+  "subMetas": {}
+}
--- a/frontend/assets/resources/animation/BluePacman/BottomRight.anim
+++ b/frontend/assets/resources/animation/BluePacman/BottomRight.anim
@@ -0,0 +1,31 @@
+{
+  "__type__": "cc.AnimationClip",
+  "_name": "BottomRight",
+  "_objFlags": 0,
+  "_native": "",
+  "_duration": 0.25,
+  "sample": 12,
+  "speed": 1,
+  "wrapMode": "2",
+  "curveData": {
+    "comps": {
+      "cc.Sprite": {
+        "spriteFrame": [
+          {
+            "frame": 0,
+            "value": {
+              "__uuid__": "34cf9fbb-8def-4faf-a56e-123b4c45706c"
+            }
+          },
+          {
+            "frame": 0.16666666666666666,
+            "value": {
+              "__uuid__": "b6709dd6-6ba7-4222-af38-de79ac80ce8b"
+            }
+          }
+        ]
+      }
+    }
+  },
+  "events": []
+}
--- a/frontend/assets/resources/animation/BluePacman/BottomRight.anim.meta
+++ b/frontend/assets/resources/animation/BluePacman/BottomRight.anim.meta
@@ -0,0 +1,5 @@
+{
+  "ver": "2.1.0",
+  "uuid": "d5af527a-9f0c-4398-b2dd-84426be7bd32",
+  "subMetas": {}
+}
--- a/frontend/assets/resources/animation/BluePacman/Left.anim
+++ b/frontend/assets/resources/animation/BluePacman/Left.anim
@@ -0,0 +1,31 @@
+{
+  "__type__": "cc.AnimationClip",
+  "_name": "Left",
+  "_objFlags": 0,
+  "_native": "",
+  "_duration": 0.25,
+  "sample": 12,
+  "speed": 1,
+  "wrapMode": "2",
+  "curveData": {
+    "comps": {
+      "cc.Sprite": {
+        "spriteFrame": [
+          {
+            "frame": 0,
+            "value": {
+              "__uuid__": "02cd24e3-1c4a-46d7-85af-9034c9445ba7"
+            }
+          },
+          {
+            "frame": 0.16666666666666666,
+            "value": {
+              "__uuid__": "1f121837-a493-4a41-90e5-74ea560930ad"
+            }
+          }
+        ]
+      }
+    }
+  },
+  "events": []
+}
--- a/frontend/assets/resources/animation/BluePacman/Left.anim.meta
+++ b/frontend/assets/resources/animation/BluePacman/Left.anim.meta
@@ -0,0 +1,5 @@
+{
+  "ver": "2.1.0",
+  "uuid": "b60618d7-569d-4f13-bdeb-f20341fbadb6",
+  "subMetas": {}
+}
--- a/frontend/assets/resources/animation/BluePacman/Right.anim
+++ b/frontend/assets/resources/animation/BluePacman/Right.anim
@@ -0,0 +1,31 @@
+{
+  "__type__": "cc.AnimationClip",
+  "_name": "Right",
+  "_objFlags": 0,
+  "_native": "",
+  "_duration": 0.25,
+  "sample": 12,
+  "speed": 1,
+  "wrapMode": "2",
+  "curveData": {
+    "comps": {
+      "cc.Sprite": {
+        "spriteFrame": [
+          {
+            "frame": 0,
+            "value": {
+              "__uuid__": "a6ec6a1c-dde5-459d-84f9-7b2b8a163e7b"
+            }
+          },
+          {
+            "frame": 0.16666666666666666,
+            "value": {
+              "__uuid__": "b5d11244-f30a-4b0d-b67b-23648d253d44"
+            }
+          }
+        ]
+      }
+    }
+  },
+  "events": []
+}
--- a/frontend/assets/resources/animation/BluePacman/Right.anim.meta
+++ b/frontend/assets/resources/animation/BluePacman/Right.anim.meta
@@ -0,0 +1,5 @@
+{
+  "ver": "2.1.0",
+  "uuid": "0b3fb38e-9110-4191-9b72-6b64a224d049",
+  "subMetas": {}
+}
--- a/frontend/assets/resources/animation/BluePacman/Top.anim
+++ b/frontend/assets/resources/animation/BluePacman/Top.anim
@@ -0,0 +1,31 @@
+{
+  "__type__": "cc.AnimationClip",
+  "_name": "Top",
+  "_objFlags": 0,
+  "_native": "",
+  "_duration": 0.25,
+  "sample": 12,
+  "speed": 1,
+  "wrapMode": "2",
+  "curveData": {
+    "comps": {
+      "cc.Sprite": {
+        "spriteFrame": [
+          {
+            "frame": 0,
+            "value": {
+              "__uuid__": "8967d249-e9cf-4e44-85e8-6b9377129d9e"
+            }
+          },
+          {
+            "frame": 0.16666666666666666,
+            "value": {
+              "__uuid__": "492a57fb-6a5c-423a-bcfe-0695a7828881"
+            }
+          }
+        ]
+      }
+    }
+  },
+  "events": []
+}
--- a/frontend/assets/resources/animation/BluePacman/Top.anim.meta
+++ b/frontend/assets/resources/animation/BluePacman/Top.anim.meta
@@ -0,0 +1,5 @@
+{
+  "ver": "2.1.0",
+  "uuid": "1bc6de53-800b-4da3-ab8e-4a45e3aa4230",
+  "subMetas": {}
+}
--- a/frontend/assets/resources/animation/BluePacman/TopLeft.anim
+++ b/frontend/assets/resources/animation/BluePacman/TopLeft.anim
@@ -0,0 +1,31 @@
+{
+  "__type__": "cc.AnimationClip",
+  "_name": "TopLeft",
+  "_objFlags": 0,
+  "_native": "",
+  "_duration": 0.25,
+  "sample": 12,
+  "speed": 1,
+  "wrapMode": "2",
+  "curveData": {
+    "comps": {
+      "cc.Sprite": {
+        "spriteFrame": [
+          {
+            "frame": 0,
+            "value": {
+              "__uuid__": "96187689-85df-46e8-b4db-410eae03c135"
+            }
+          },
+          {
+            "frame": 0.16666666666666666,
+            "value": {
+              "__uuid__": "6b002583-7688-43d3-b3fa-102ae0046628"
+            }
+          }
+        ]
+      }
+    }
+  },
+  "events": []
+}
--- a/frontend/assets/resources/animation/BluePacman/TopLeft.anim.meta
+++ b/frontend/assets/resources/animation/BluePacman/TopLeft.anim.meta
@@ -0,0 +1,5 @@
+{
+  "ver": "2.1.0",
+  "uuid": "ee0d670c-893e-4e4d-96dd-5571db18ee97",
+  "subMetas": {}
+}
--- a/frontend/assets/resources/animation/BluePacman/TopRight.anim
+++ b/frontend/assets/resources/animation/BluePacman/TopRight.anim
@@ -0,0 +1,31 @@
+{
+  "__type__": "cc.AnimationClip",
+  "_name": "TopRight",
+  "_objFlags": 0,
+  "_native": "",
+  "_duration": 0.25,
+  "sample": 12,
+  "speed": 1,
+  "wrapMode": "2",
+  "curveData": {
+    "comps": {
+      "cc.Sprite": {
+        "spriteFrame": [
+          {
+            "frame": 0,
+            "value": {
+              "__uuid__": "ba89046f-8b70-4edb-9f61-534dff476325"
+            }
+          },
+          {
+            "frame": 0.16666666666666666,
+            "value": {
+              "__uuid__": "bc1ef316-d6ad-4538-b223-a0fed8094609"
+            }
+          }
+        ]
+      }
+    }
+  },
+  "events": []
+}
--- a/frontend/assets/resources/animation/BluePacman/TopRight.anim.meta
+++ b/frontend/assets/resources/animation/BluePacman/TopRight.anim.meta
@@ -0,0 +1,5 @@
+{
+  "ver": "2.1.0",
+  "uuid": "596df84a-2e4e-4f1d-967c-a82649f564a8",
+  "subMetas": {}
+}
--- a/frontend/assets/resources/animation/BluePacman/attackedLeft.anim
+++ b/frontend/assets/resources/animation/BluePacman/attackedLeft.anim
@@ -0,0 +1,43 @@
+{
+  "__type__": "cc.AnimationClip",
+  "_name": "attackedLeft",
+  "_objFlags": 0,
+  "_native": "",
+  "_duration": 0.3333333333333333,
+  "sample": 12,
+  "speed": 1,
+  "wrapMode": "2",
+  "curveData": {
+    "comps": {
+      "cc.Sprite": {
+        "spriteFrame": [
+          {
+            "frame": 0,
+            "value": {
+              "__uuid__": "02cd24e3-1c4a-46d7-85af-9034c9445ba7"
+            }
+          },
+          {
+            "frame": 0.08333333333333333,
+            "value": {
+              "__uuid__": "8c522ad3-ee82-41a7-892e-05c05442e2e3"
+            }
+          },
+          {
+            "frame": 0.16666666666666666,
+            "value": {
+              "__uuid__": "1f121837-a493-4a41-90e5-74ea560930ad"
+            }
+          },
+          {
+            "frame": 0.25,
+            "value": {
+              "__uuid__": "1c0ec5ec-51cb-467d-b597-8e69ce580cfd"
+            }
+          }
+        ]
+      }
+    }
+  },
+  "events": []
+}
--- a/frontend/assets/resources/animation/BluePacman/attackedLeft.anim.meta
+++ b/frontend/assets/resources/animation/BluePacman/attackedLeft.anim.meta
@@ -0,0 +1,5 @@
+{
+  "ver": "2.1.0",
+  "uuid": "8acc4e9f-3c47-4b66-9a9d-d012709680f6",
+  "subMetas": {}
+}
--- a/frontend/assets/resources/animation/BluePacman/attackedRight.anim
+++ b/frontend/assets/resources/animation/BluePacman/attackedRight.anim
@@ -0,0 +1,43 @@
+{
+  "__type__": "cc.AnimationClip",
+  "_name": "attackedRight",
+  "_objFlags": 0,
+  "_native": "",
+  "_duration": 0.3333333333333333,
+  "sample": 12,
+  "speed": 1,
+  "wrapMode": "2",
+  "curveData": {
+    "comps": {
+      "cc.Sprite": {
+        "spriteFrame": [
+          {
+            "frame": 0,
+            "value": {
+              "__uuid__": "a6ec6a1c-dde5-459d-84f9-7b2b8a163e7b"
+            }
+          },
+          {
+            "frame": 0.08333333333333333,
+            "value": {
+              "__uuid__": "d5ec0aaf-d4a9-4b2e-b9c1-bdc54b355b73"
+            }
+          },
+          {
+            "frame": 0.16666666666666666,
+            "value": {
+              "__uuid__": "b5d11244-f30a-4b0d-b67b-23648d253d44"
+            }
+          },
+          {
+            "frame": 0.25,
+            "value": {
+              "__uuid__": "360dfc7d-4ed1-4fb9-8d2f-7533d05a4830"
+            }
+          }
+        ]
+      }
+    }
+  },
+  "events": []
+}
--- a/frontend/assets/resources/animation/BluePacman/attackedRight.anim.meta
+++ b/frontend/assets/resources/animation/BluePacman/attackedRight.anim.meta
@@ -0,0 +1,5 @@
+{
+  "ver": "2.1.0",
+  "uuid": "c7cda0cd-dbce-4722-abd2-aeca28263a21",
+  "subMetas": {}
+}
--- a/frontend/assets/resources/animation/FrameAnimTextures.meta
+++ b/frontend/assets/resources/animation/FrameAnimTextures.meta
@@ -0,0 +1,7 @@
+{
+  "ver": "1.0.1",
+  "uuid": "02291e64-1c6c-4d1e-a7df-5c618395cb42",
+  "isSubpackage": false,
+  "subpackageName": "",
+  "subMetas": {}
+}
--- a/frontend/assets/resources/animation/FrameAnimTextures/Bullets.meta
+++ b/frontend/assets/resources/animation/FrameAnimTextures/Bullets.meta
@@ -0,0 +1,7 @@
+{
+  "ver": "1.0.1",
+  "uuid": "4f910135-713c-4263-8ae8-7ca4800bf003",
+  "isSubpackage": false,
+  "subpackageName": "",
+  "subMetas": {}
+}
--- a/frontend/assets/resources/animation/FrameAnimTextures/Bullets/bullet.plist
+++ b/frontend/assets/resources/animation/FrameAnimTextures/Bullets/bullet.plist
@@ -0,0 +1,56 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple Computer//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+    <dict>
+        <key>frames</key>
+        <dict>
+            <key>bullet_00@2x.png</key>
+            <dict>
+                <key>aliases</key>
+                <array/>
+                <key>spriteOffset</key>
+                <string>{0,0}</string>
+                <key>spriteSize</key>
+                <string>{492,283}</string>
+                <key>spriteSourceSize</key>
+                <string>{492,283}</string>
+                <key>textureRect</key>
+                <string>{{1,1},{492,283}}</string>
+                <key>textureRotated</key>
+                <false/>
+            </dict>
+            <key>bullet_01@2x.png</key>
+            <dict>
+                <key>aliases</key>
+                <array/>
+                <key>spriteOffset</key>
+                <string>{0,0}</string>
+                <key>spriteSize</key>
+                <string>{492,283}</string>
+                <key>spriteSourceSize</key>
+                <string>{492,283}</string>
+                <key>textureRect</key>
+                <string>{{495,1},{492,283}}</string>
+                <key>textureRotated</key>
+                <false/>
+            </dict>
+        </dict>
+        <key>metadata</key>
+        <dict>
+            <key>format</key>
+            <integer>3</integer>
+            <key>pixelFormat</key>
+            <string>RGBA8888</string>
+            <key>premultiplyAlpha</key>
+            <false/>
+            <key>realTextureFileName</key>
+            <string>bullet.png</string>
+            <key>size</key>
+            <string>{988,285}</string>
+            <key>smartupdate</key>
+            <string>$TexturePacker:SmartUpdate:139e91e37896fc18f399db23b949f6ef:3eb3da2ae451e804babdfbc241dea716:c583b50ea4ff931494970feffd84ac43$</string>
+            <key>textureFileName</key>
+            <string>billet.png</string>
+        </dict>
+    </dict>
+</plist>
--- a/frontend/assets/resources/animation/FrameAnimTextures/Bullets/bullet.plist.meta
+++ b/frontend/assets/resources/animation/FrameAnimTextures/Bullets/bullet.plist.meta
@@ -0,0 +1,56 @@
+{
+  "ver": "1.2.4",
+  "uuid": "266c6cef-32d6-4545-b3e6-c2b75a895578",
+  "rawTextureUuid": "a37f1c6a-9a6b-49fa-8a2d-2fc5a3b93094",
+  "size": {
+    "width": 988,
+    "height": 285
+  },
+  "type": "Texture Packer",
+  "subMetas": {
+    "bullet_00@2x.png": {
+      "ver": "1.0.4",
+      "uuid": "2f525bb2-80d1-4508-bdc3-d03c11587ce4",
+      "rawTextureUuid": "a37f1c6a-9a6b-49fa-8a2d-2fc5a3b93094",
+      "trimType": "auto",
+      "trimThreshold": 1,
+      "rotated": false,
+      "offsetX": 0,
+      "offsetY": 0,
+      "trimX": 1,
+      "trimY": 1,
+      "width": 492,
+      "height": 283,
+      "rawWidth": 492,
+      "rawHeight": 283,
+      "borderTop": 0,
+      "borderBottom": 0,
+      "borderLeft": 0,
+      "borderRight": 0,
+      "spriteType": "normal",
+      "subMetas": {}
+    },
+    "bullet_01@2x.png": {
+      "ver": "1.0.4",
+      "uuid": "2c2c7c0c-5e91-4407-aa01-40383450386f",
+      "rawTextureUuid": "a37f1c6a-9a6b-49fa-8a2d-2fc5a3b93094",
+      "trimType": "auto",
+      "trimThreshold": 1,
+      "rotated": false,
+      "offsetX": 0,
+      "offsetY": 0,
+      "trimX": 495,
+      "trimY": 1,
+      "width": 492,
+      "height": 283,
+      "rawWidth": 492,
+      "rawHeight": 283,
+      "borderTop": 0,
+      "borderBottom": 0,
+      "borderLeft": 0,
+      "borderRight": 0,
+      "spriteType": "normal",
+      "subMetas": {}
+    }
+  }
+}
--- a/frontend/assets/resources/animation/FrameAnimTextures/Bullets/bullet.png
+++ b/frontend/assets/resources/animation/FrameAnimTextures/Bullets/bullet.png
--- a/frontend/assets/resources/animation/FrameAnimTextures/Bullets/bullet.png.meta
+++ b/frontend/assets/resources/animation/FrameAnimTextures/Bullets/bullet.png.meta
@@ -0,0 +1,34 @@
+{
+  "ver": "2.3.3",
+  "uuid": "a37f1c6a-9a6b-49fa-8a2d-2fc5a3b93094",
+  "type": "sprite",
+  "wrapMode": "clamp",
+  "filterMode": "bilinear",
+  "premultiplyAlpha": false,
+  "genMipmaps": false,
+  "packable": true,
+  "platformSettings": {},
+  "subMetas": {
+    "bullet": {
+      "ver": "1.0.4",
+      "uuid": "e4de047d-dd9b-4da3-a375-0e70e8215258",
+      "rawTextureUuid": "a37f1c6a-9a6b-49fa-8a2d-2fc5a3b93094",
+      "trimType": "auto",
+      "trimThreshold": 1,
+      "rotated": false,
+      "offsetX": 0,
+      "offsetY": 0,
+      "trimX": 0,
+      "trimY": 0,
+      "width": 988,
+      "height": 285,
+      "rawWidth": 988,
+      "rawHeight": 285,
+      "borderTop": 0,
+      "borderBottom": 0,
+      "borderLeft": 0,
+      "borderRight": 0,
+      "subMetas": {}
+    }
+  }
+}
--- a/frontend/assets/resources/animation/FrameAnimTextures/MagnifyinGlassAnimation.meta
+++ b/frontend/assets/resources/animation/FrameAnimTextures/MagnifyinGlassAnimation.meta
@@ -0,0 +1,7 @@
+{
+  "ver": "1.0.1",
+  "uuid": "a91e9bf4-f213-47a9-989c-aa147bde9067",
+  "isSubpackage": false,
+  "subpackageName": "",
+  "subMetas": {}
+}
--- a/frontend/assets/resources/animation/FrameAnimTextures/MagnifyinGlassAnimation/MagnifyinGlass.plist
+++ b/frontend/assets/resources/animation/FrameAnimTextures/MagnifyinGlassAnimation/MagnifyinGlass.plist
@@ -0,0 +1,116 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple Computer//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+    <dict>
+        <key>frames</key>
+        <dict>
+            <key>MagnifyinGlass01.png</key>
+            <dict>
+                <key>aliases</key>
+                <array/>
+                <key>spriteOffset</key>
+                <string>{0,0}</string>
+                <key>spriteSize</key>
+                <string>{200,200}</string>
+                <key>spriteSourceSize</key>
+                <string>{200,200}</string>
+                <key>textureRect</key>
+                <string>{{1,1},{200,200}}</string>
+                <key>textureRotated</key>
+                <false/>
+            </dict>
+            <key>MagnifyinGlass02.png</key>
+            <dict>
+                <key>aliases</key>
+                <array/>
+                <key>spriteOffset</key>
+                <string>{0,0}</string>
+                <key>spriteSize</key>
+                <string>{200,200}</string>
+                <key>spriteSourceSize</key>
+                <string>{200,200}</string>
+                <key>textureRect</key>
+                <string>{{203,1},{200,200}}</string>
+                <key>textureRotated</key>
+                <false/>
+            </dict>
+            <key>MagnifyinGlass03.png</key>
+            <dict>
+                <key>aliases</key>
+                <array/>
+                <key>spriteOffset</key>
+                <string>{0,0}</string>
+                <key>spriteSize</key>
+                <string>{200,200}</string>
+                <key>spriteSourceSize</key>
+                <string>{200,200}</string>
+                <key>textureRect</key>
+                <string>{{1,203},{200,200}}</string>
+                <key>textureRotated</key>
+                <false/>
+            </dict>
+            <key>MagnifyinGlass04.png</key>
+            <dict>
+                <key>aliases</key>
+                <array/>
+                <key>spriteOffset</key>
+                <string>{0,0}</string>
+                <key>spriteSize</key>
+                <string>{200,200}</string>
+                <key>spriteSourceSize</key>
+                <string>{200,200}</string>
+                <key>textureRect</key>
+                <string>{{203,203},{200,200}}</string>
+                <key>textureRotated</key>
+                <false/>
+            </dict>
+            <key>MagnifyinGlass05.png</key>
+            <dict>
+                <key>aliases</key>
+                <array/>
+                <key>spriteOffset</key>
+                <string>{0,0}</string>
+                <key>spriteSize</key>
+                <string>{200,200}</string>
+                <key>spriteSourceSize</key>
+                <string>{200,200}</string>
+                <key>textureRect</key>
+                <string>{{1,405},{200,200}}</string>
+                <key>textureRotated</key>
+                <false/>
+            </dict>
+            <key>MagnifyinGlass06.png</key>
+            <dict>
+                <key>aliases</key>
+                <array/>
+                <key>spriteOffset</key>
+                <string>{0,0}</string>
+                <key>spriteSize</key>
+                <string>{200,200}</string>
+                <key>spriteSourceSize</key>
+                <string>{200,200}</string>
+                <key>textureRect</key>
+                <string>{{203,405},{200,200}}</string>
+                <key>textureRotated</key>
+                <false/>
+            </dict>
+        </dict>
+        <key>metadata</key>
+        <dict>
+            <key>format</key>
+            <integer>3</integer>
+            <key>pixelFormat</key>
+            <string>RGBA8888</string>
+            <key>premultiplyAlpha</key>
+            <false/>
+            <key>realTextureFileName</key>
+            <string>MagnifyinGlass.png</string>
+            <key>size</key>
+            <string>{404,606}</string>
+            <key>smartupdate</key>
+            <string>$TexturePacker:SmartUpdate:edf2155a27f952fba88a6a73690ef5b6:98f418339738539cb621f0dcd91a80bc:9ec715c3c60d7bf4010bb55cc49c6b09$</string>
+            <key>textureFileName</key>
+            <string>MagnifyinGlass.png</string>
+        </dict>
+    </dict>
+</plist>
--- a/frontend/assets/resources/animation/FrameAnimTextures/MagnifyinGlassAnimation/MagnifyinGlass.plist.meta
+++ b/frontend/assets/resources/animation/FrameAnimTextures/MagnifyinGlassAnimation/MagnifyinGlass.plist.meta
@@ -0,0 +1,144 @@
+{
+  "ver": "1.2.4",
+  "uuid": "06710517-f4f7-46d9-873f-c7599242f7be",
+  "rawTextureUuid": "b6746e1a-5020-430f-90f8-e710eb2bd516",
+  "size": {
+    "width": 404,
+    "height": 606
+  },
+  "type": "Texture Packer",
+  "subMetas": {
+    "MagnifyinGlass01.png": {
+      "ver": "1.0.4",
+      "uuid": "7b86de0f-ea49-42c3-bdd0-db8de330e9aa",
+      "rawTextureUuid": "b6746e1a-5020-430f-90f8-e710eb2bd516",
+      "trimType": "auto",
+      "trimThreshold": 1,
+      "rotated": false,
+      "offsetX": 0,
+      "offsetY": 0,
+      "trimX": 1,
+      "trimY": 1,
+      "width": 200,
+      "height": 200,
+      "rawWidth": 200,
+      "rawHeight": 200,
+      "borderTop": 0,
+      "borderBottom": 0,
+      "borderLeft": 0,
+      "borderRight": 0,
+      "spriteType": "normal",
+      "subMetas": {}
+    },
+    "MagnifyinGlass02.png": {
+      "ver": "1.0.4",
+      "uuid": "819073c0-7a15-4679-957b-65a226d8fce4",
+      "rawTextureUuid": "b6746e1a-5020-430f-90f8-e710eb2bd516",
+      "trimType": "auto",
+      "trimThreshold": 1,
+      "rotated": false,
+      "offsetX": 0,
+      "offsetY": 0,
+      "trimX": 203,
+      "trimY": 1,
+      "width": 200,
+      "height": 200,
+      "rawWidth": 200,
+      "rawHeight": 200,
+      "borderTop": 0,
+      "borderBottom": 0,
+      "borderLeft": 0,
+      "borderRight": 0,
+      "spriteType": "normal",
+      "subMetas": {}
+    },
+    "MagnifyinGlass03.png": {
+      "ver": "1.0.4",
+      "uuid": "6ff26f1f-30d1-4e49-b76c-d9bc61eb6ce0",
+      "rawTextureUuid": "b6746e1a-5020-430f-90f8-e710eb2bd516",
+      "trimType": "auto",
+      "trimThreshold": 1,
+      "rotated": false,
+      "offsetX": 0,
+      "offsetY": 0,
+      "trimX": 1,
+      "trimY": 203,
+      "width": 200,
+      "height": 200,
+      "rawWidth": 200,
+      "rawHeight": 200,
+      "borderTop": 0,
+      "borderBottom": 0,
+      "borderLeft": 0,
+      "borderRight": 0,
+      "spriteType": "normal",
+      "subMetas": {}
+    },
+    "MagnifyinGlass04.png": {
+      "ver": "1.0.4",
+      "uuid": "44c52db6-d112-4829-96f2-6fd57a8a0d7f",
+      "rawTextureUuid": "b6746e1a-5020-430f-90f8-e710eb2bd516",
+      "trimType": "auto",
+      "trimThreshold": 1,
+      "rotated": false,
+      "offsetX": 0,
+      "offsetY": 0,
+      "trimX": 203,
+      "trimY": 203,
+      "width": 200,
+      "height": 200,
+      "rawWidth": 200,
+      "rawHeight": 200,
+      "borderTop": 0,
+      "borderBottom": 0,
+      "borderLeft": 0,
+      "borderRight": 0,
+      "spriteType": "normal",
+      "subMetas": {}
+    },
+    "MagnifyinGlass05.png": {
+      "ver": "1.0.4",
+      "uuid": "efd42f06-82ad-4b1b-9134-6f35c26bf10f",
+      "rawTextureUuid": "b6746e1a-5020-430f-90f8-e710eb2bd516",
+      "trimType": "auto",
+      "trimThreshold": 1,
+      "rotated": false,
+      "offsetX": 0,
+      "offsetY": 0,
+      "trimX": 1,
+      "trimY": 405,
+      "width": 200,
+      "height": 200,
+      "rawWidth": 200,
+      "rawHeight": 200,
+      "borderTop": 0,
+      "borderBottom": 0,
+      "borderLeft": 0,
+      "borderRight": 0,
+      "spriteType": "normal",
+      "subMetas": {}
+    },
+    "MagnifyinGlass06.png": {
+      "ver": "1.0.4",
+      "uuid": "19094751-ab4e-40b6-9216-dd7887d80c86",
+      "rawTextureUuid": "b6746e1a-5020-430f-90f8-e710eb2bd516",
+      "trimType": "auto",
+      "trimThreshold": 1,
+      "rotated": false,
+      "offsetX": 0,
+      "offsetY": 0,
+      "trimX": 203,
+      "trimY": 405,
+      "width": 200,
+      "height": 200,
+      "rawWidth": 200,
+      "rawHeight": 200,
+      "borderTop": 0,
+      "borderBottom": 0,
+      "borderLeft": 0,
+      "borderRight": 0,
+      "spriteType": "normal",
+      "subMetas": {}
+    }
+  }
+}
--- a/frontend/assets/resources/animation/FrameAnimTextures/MagnifyinGlassAnimation/MagnifyinGlass.png
+++ b/frontend/assets/resources/animation/FrameAnimTextures/MagnifyinGlassAnimation/MagnifyinGlass.png
--- a/frontend/assets/resources/animation/FrameAnimTextures/MagnifyinGlassAnimation/MagnifyinGlass.png.meta
+++ b/frontend/assets/resources/animation/FrameAnimTextures/MagnifyinGlassAnimation/MagnifyinGlass.png.meta
@@ -0,0 +1,34 @@
+{
+  "ver": "2.3.3",
+  "uuid": "b6746e1a-5020-430f-90f8-e710eb2bd516",
+  "type": "sprite",
+  "wrapMode": "clamp",
+  "filterMode": "bilinear",
+  "premultiplyAlpha": false,
+  "genMipmaps": false,
+  "packable": true,
+  "platformSettings": {},
+  "subMetas": {
+    "MagnifyinGlass": {
+      "ver": "1.0.4",
+      "uuid": "27fff013-7382-47e4-9b96-4700ce22e91d",
+      "rawTextureUuid": "b6746e1a-5020-430f-90f8-e710eb2bd516",
+      "trimType": "auto",
+      "trimThreshold": 1,
+      "rotated": false,
+      "offsetX": 3.5,
+      "offsetY": -11,
+      "trimX": 38,
+      "trimY": 34,
+      "width": 335,
+      "height": 560,
+      "rawWidth": 404,
+      "rawHeight": 606,
+      "borderTop": 0,
+      "borderBottom": 0,
+      "borderLeft": 0,
+      "borderRight": 0,
+      "subMetas": {}
+    }
+  }
+}
--- a/frontend/assets/resources/animation/FrameAnimTextures/bulldozer-blue-transparent.plist
+++ b/frontend/assets/resources/animation/FrameAnimTextures/bulldozer-blue-transparent.plist
@@ -0,0 +1,266 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple Computer//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+    <dict>
+        <key>frames</key>
+        <dict>
+            <key>BlueEyePacman-Bottom-01.png</key>
+            <dict>
+                <key>aliases</key>
+                <array/>
+                <key>spriteOffset</key>
+                <string>{0,0}</string>
+                <key>spriteSize</key>
+                <string>{500,500}</string>
+                <key>spriteSourceSize</key>
+                <string>{500,500}</string>
+                <key>textureRect</key>
+                <string>{{1,1},{500,500}}</string>
+                <key>textureRotated</key>
+                <false/>
+            </dict>
+            <key>BlueEyePacman-Bottom-02.png</key>
+            <dict>
+                <key>aliases</key>
+                <array/>
+                <key>spriteOffset</key>
+                <string>{0,0}</string>
+                <key>spriteSize</key>
+                <string>{500,500}</string>
+                <key>spriteSourceSize</key>
+                <string>{500,500}</string>
+                <key>textureRect</key>
+                <string>{{1,503},{500,500}}</string>
+                <key>textureRotated</key>
+                <false/>
+            </dict>
+            <key>BlueEyePacman-BottomLeft-01.png</key>
+            <dict>
+                <key>aliases</key>
+                <array/>
+                <key>spriteOffset</key>
+                <string>{0,0}</string>
+                <key>spriteSize</key>
+                <string>{500,500}</string>
+                <key>spriteSourceSize</key>
+                <string>{500,500}</string>
+                <key>textureRect</key>
+                <string>{{1,1005},{500,500}}</string>
+                <key>textureRotated</key>
+                <false/>
+            </dict>
+            <key>BlueEyePacman-BottomLeft-02.png</key>
+            <dict>
+                <key>aliases</key>
+                <array/>
+                <key>spriteOffset</key>
+                <string>{0,0}</string>
+                <key>spriteSize</key>
+                <string>{500,500}</string>
+                <key>spriteSourceSize</key>
+                <string>{500,500}</string>
+                <key>textureRect</key>
+                <string>{{1,1507},{500,500}}</string>
+                <key>textureRotated</key>
+                <false/>
+            </dict>
+            <key>BlueEyePacman-BottomRight-01.png</key>
+            <dict>
+                <key>aliases</key>
+                <array/>
+                <key>spriteOffset</key>
+                <string>{0,0}</string>
+                <key>spriteSize</key>
+                <string>{500,500}</string>
+                <key>spriteSourceSize</key>
+                <string>{500,500}</string>
+                <key>textureRect</key>
+                <string>{{503,1},{500,500}}</string>
+                <key>textureRotated</key>
+                <false/>
+            </dict>
+            <key>BlueEyePacman-BottomRight-02.png</key>
+            <dict>
+                <key>aliases</key>
+                <array/>
+                <key>spriteOffset</key>
+                <string>{0,0}</string>
+                <key>spriteSize</key>
+                <string>{500,500}</string>
+                <key>spriteSourceSize</key>
+                <string>{500,500}</string>
+                <key>textureRect</key>
+                <string>{{1005,1},{500,500}}</string>
+                <key>textureRotated</key>
+                <false/>
+            </dict>
+            <key>BlueEyePacman-Left-01.png</key>
+            <dict>
+                <key>aliases</key>
+                <array/>
+                <key>spriteOffset</key>
+                <string>{0,0}</string>
+                <key>spriteSize</key>
+                <string>{500,500}</string>
+                <key>spriteSourceSize</key>
+                <string>{500,500}</string>
+                <key>textureRect</key>
+                <string>{{1507,1},{500,500}}</string>
+                <key>textureRotated</key>
+                <false/>
+            </dict>
+            <key>BlueEyePacman-Left-02.png</key>
+            <dict>
+                <key>aliases</key>
+                <array/>
+                <key>spriteOffset</key>
+                <string>{0,0}</string>
+                <key>spriteSize</key>
+                <string>{500,500}</string>
+                <key>spriteSourceSize</key>
+                <string>{500,500}</string>
+                <key>textureRect</key>
+                <string>{{503,503},{500,500}}</string>
+                <key>textureRotated</key>
+                <false/>
+            </dict>
+            <key>BlueEyePacman-Right-01.png</key>
+            <dict>
+                <key>aliases</key>
+                <array/>
+                <key>spriteOffset</key>
+                <string>{0,0}</string>
+                <key>spriteSize</key>
+                <string>{500,500}</string>
+                <key>spriteSourceSize</key>
+                <string>{500,500}</string>
+                <key>textureRect</key>
+                <string>{{503,1005},{500,500}}</string>
+                <key>textureRotated</key>
+                <false/>
+            </dict>
+            <key>BlueEyePacman-Right-02.png</key>
+            <dict>
+                <key>aliases</key>
+                <array/>
+                <key>spriteOffset</key>
+                <string>{0,0}</string>
+                <key>spriteSize</key>
+                <string>{500,500}</string>
+                <key>spriteSourceSize</key>
+                <string>{500,500}</string>
+                <key>textureRect</key>
+                <string>{{503,1507},{500,500}}</string>
+                <key>textureRotated</key>
+                <false/>
+            </dict>
+            <key>BlueEyePacman-Top-01.png</key>
+            <dict>
+                <key>aliases</key>
+                <array/>
+                <key>spriteOffset</key>
+                <string>{0,0}</string>
+                <key>spriteSize</key>
+                <string>{500,500}</string>
+                <key>spriteSourceSize</key>
+                <string>{500,500}</string>
+                <key>textureRect</key>
+                <string>{{1005,503},{500,500}}</string>
+                <key>textureRotated</key>
+                <false/>
+            </dict>
+            <key>BlueEyePacman-Top-02.png</key>
+            <dict>
+                <key>aliases</key>
+                <array/>
+                <key>spriteOffset</key>
+                <string>{0,0}</string>
+                <key>spriteSize</key>
+                <string>{500,500}</string>
+                <key>spriteSourceSize</key>
+                <string>{500,500}</string>
+                <key>textureRect</key>
+                <string>{{1507,503},{500,500}}</string>
+                <key>textureRotated</key>
+                <false/>
+            </dict>
+            <key>BlueEyePacman-TopLeft-01.png</key>
+            <dict>
+                <key>aliases</key>
+                <array/>
+                <key>spriteOffset</key>
+                <string>{0,0}</string>
+                <key>spriteSize</key>
+                <string>{500,500}</string>
+                <key>spriteSourceSize</key>
+                <string>{500,500}</string>
+                <key>textureRect</key>
+                <string>{{1005,1005},{500,500}}</string>
+                <key>textureRotated</key>
+                <false/>
+            </dict>
+            <key>BlueEyePacman-TopLeft-02.png</key>
+            <dict>
+                <key>aliases</key>
+                <array/>
+                <key>spriteOffset</key>
+                <string>{0,0}</string>
+                <key>spriteSize</key>
+                <string>{500,500}</string>
+                <key>spriteSourceSize</key>
+                <string>{500,500}</string>
+                <key>textureRect</key>
+                <string>{{1005,1507},{500,500}}</string>
+                <key>textureRotated</key>
+                <false/>
+            </dict>
+            <key>BlueEyePacman-TopRight-01.png</key>
+            <dict>
+                <key>aliases</key>
+                <array/>
+                <key>spriteOffset</key>
+                <string>{0,0}</string>
+                <key>spriteSize</key>
+                <string>{500,500}</string>
+                <key>spriteSourceSize</key>
+                <string>{500,500}</string>
+                <key>textureRect</key>
+                <string>{{1507,1005},{500,500}}</string>
+                <key>textureRotated</key>
+                <false/>
+            </dict>
+            <key>BlueEyePacman-TopRight-02.png</key>
+            <dict>
+                <key>aliases</key>
+                <array/>
+                <key>spriteOffset</key>
+                <string>{0,0}</string>
+                <key>spriteSize</key>
+                <string>{500,500}</string>
+                <key>spriteSourceSize</key>
+                <string>{500,500}</string>
+                <key>textureRect</key>
+                <string>{{1507,1507},{500,500}}</string>
+                <key>textureRotated</key>
+                <false/>
+            </dict>
+        </dict>
+        <key>metadata</key>
+        <dict>
+            <key>format</key>
+            <integer>3</integer>
+            <key>pixelFormat</key>
+            <string>RGBA8888</string>
+            <key>premultiplyAlpha</key>
+            <false/>
+            <key>realTextureFileName</key>
+            <string>bulldozer-blue-transparent.png</string>
+            <key>size</key>
+            <string>{2008,2008}</string>
+            <key>smartupdate</key>
+            <string>$TexturePacker:SmartUpdate:b97cacd69ffb6f4dbe8b4351048601a2:fb0cecc51d52d2e22c2f2a4a68f5cf58:996337891ef72ef6069c01602a72bead$</string>
+            <key>textureFileName</key>
+            <string>bulldozer-blue.png</string>
+        </dict>
+    </dict>
+</plist>
--- a/frontend/assets/resources/animation/FrameAnimTextures/bulldozer-blue-transparent.plist.meta
+++ b/frontend/assets/resources/animation/FrameAnimTextures/bulldozer-blue-transparent.plist.meta
@@ -0,0 +1,364 @@
+{
+  "ver": "1.2.4",
+  "uuid": "96b5268e-af3d-4670-bf30-6dc5da52745a",
+  "rawTextureUuid": "71ac3711-4cb2-4980-b108-d2f8f9a7f431",
+  "size": {
+    "width": 2008,
+    "height": 2008
+  },
+  "type": "Texture Packer",
+  "subMetas": {
+    "BlueEyePacman-Bottom-01.png": {
+      "ver": "1.0.4",
+      "uuid": "8b8deebe-e6ce-436b-9433-63d96bf9de23",
+      "rawTextureUuid": "71ac3711-4cb2-4980-b108-d2f8f9a7f431",
+      "trimType": "auto",
+      "trimThreshold": 1,
+      "rotated": false,
+      "offsetX": 0,
+      "offsetY": 0,
+      "trimX": 1,
+      "trimY": 1,
+      "width": 500,
+      "height": 500,
+      "rawWidth": 500,
+      "rawHeight": 500,
+      "borderTop": 0,
+      "borderBottom": 0,
+      "borderLeft": 0,
+      "borderRight": 0,
+      "spriteType": "normal",
+      "subMetas": {}
+    },
+    "BlueEyePacman-Bottom-02.png": {
+      "ver": "1.0.4",
+      "uuid": "c734e8cd-7894-4f5c-b02d-965942268d0b",
+      "rawTextureUuid": "71ac3711-4cb2-4980-b108-d2f8f9a7f431",
+      "trimType": "auto",
+      "trimThreshold": 1,
+      "rotated": false,
+      "offsetX": 0,
+      "offsetY": 0,
+      "trimX": 1,
+      "trimY": 503,
+      "width": 500,
+      "height": 500,
+      "rawWidth": 500,
+      "rawHeight": 500,
+      "borderTop": 0,
+      "borderBottom": 0,
+      "borderLeft": 0,
+      "borderRight": 0,
+      "spriteType": "normal",
+      "subMetas": {}
+    },
+    "BlueEyePacman-BottomLeft-01.png": {
+      "ver": "1.0.4",
+      "uuid": "b7a96496-6e51-4e16-984e-6a0086f81965",
+      "rawTextureUuid": "71ac3711-4cb2-4980-b108-d2f8f9a7f431",
+      "trimType": "auto",
+      "trimThreshold": 1,
+      "rotated": false,
+      "offsetX": 0,
+      "offsetY": 0,
+      "trimX": 1,
+      "trimY": 1005,
+      "width": 500,
+      "height": 500,
+      "rawWidth": 500,
+      "rawHeight": 500,
+      "borderTop": 0,
+      "borderBottom": 0,
+      "borderLeft": 0,
+      "borderRight": 0,
+      "spriteType": "normal",
+      "subMetas": {}
+    },
+    "BlueEyePacman-BottomLeft-02.png": {
+      "ver": "1.0.4",
+      "uuid": "f39589b8-529d-4b5a-a2d2-3d081f4e3d04",
+      "rawTextureUuid": "71ac3711-4cb2-4980-b108-d2f8f9a7f431",
+      "trimType": "auto",
+      "trimThreshold": 1,
+      "rotated": false,
+      "offsetX": 0,
+      "offsetY": 0,
+      "trimX": 1,
+      "trimY": 1507,
+      "width": 500,
+      "height": 500,
+      "rawWidth": 500,
+      "rawHeight": 500,
+      "borderTop": 0,
+      "borderBottom": 0,
+      "borderLeft": 0,
+      "borderRight": 0,
+      "spriteType": "normal",
+      "subMetas": {}
+    },
+    "BlueEyePacman-BottomRight-01.png": {
+      "ver": "1.0.4",
+      "uuid": "7cdbd8e0-bfd7-4409-9dbb-2ef02209e844",
+      "rawTextureUuid": "71ac3711-4cb2-4980-b108-d2f8f9a7f431",
+      "trimType": "auto",
+      "trimThreshold": 1,
+      "rotated": false,
+      "offsetX": 0,
+      "offsetY": 0,
+      "trimX": 503,
+      "trimY": 1,
+      "width": 500,
+      "height": 500,
+      "rawWidth": 500,
+      "rawHeight": 500,
+      "borderTop": 0,
+      "borderBottom": 0,
+      "borderLeft": 0,
+      "borderRight": 0,
+      "spriteType": "normal",
+      "subMetas": {}
+    },
+    "BlueEyePacman-BottomRight-02.png": {
+      "ver": "1.0.4",
+      "uuid": "10307148-9719-45fe-9af2-3442f09b9681",
+      "rawTextureUuid": "71ac3711-4cb2-4980-b108-d2f8f9a7f431",
+      "trimType": "auto",
+      "trimThreshold": 1,
+      "rotated": false,
+      "offsetX": 0,
+      "offsetY": 0,
+      "trimX": 1005,
+      "trimY": 1,
+      "width": 500,
+      "height": 500,
+      "rawWidth": 500,
+      "rawHeight": 500,
+      "borderTop": 0,
+      "borderBottom": 0,
+      "borderLeft": 0,
+      "borderRight": 0,
+      "spriteType": "normal",
+      "subMetas": {}
+    },
+    "BlueEyePacman-Left-01.png": {
+      "ver": "1.0.4",
+      "uuid": "8c522ad3-ee82-41a7-892e-05c05442e2e3",
+      "rawTextureUuid": "71ac3711-4cb2-4980-b108-d2f8f9a7f431",
+      "trimType": "auto",
+      "trimThreshold": 1,
+      "rotated": false,
+      "offsetX": 0,
+      "offsetY": 0,
+      "trimX": 1507,
+      "trimY": 1,
+      "width": 500,
+      "height": 500,
+      "rawWidth": 500,
+      "rawHeight": 500,
+      "borderTop": 0,
+      "borderBottom": 0,
+      "borderLeft": 0,
+      "borderRight": 0,
+      "spriteType": "normal",
+      "subMetas": {}
+    },
+    "BlueEyePacman-Left-02.png": {
+      "ver": "1.0.4",
+      "uuid": "1c0ec5ec-51cb-467d-b597-8e69ce580cfd",
+      "rawTextureUuid": "71ac3711-4cb2-4980-b108-d2f8f9a7f431",
+      "trimType": "auto",
+      "trimThreshold": 1,
+      "rotated": false,
+      "offsetX": 0,
+      "offsetY": 0,
+      "trimX": 503,
+      "trimY": 503,
+      "width": 500,
+      "height": 500,
+      "rawWidth": 500,
+      "rawHeight": 500,
+      "borderTop": 0,
+      "borderBottom": 0,
+      "borderLeft": 0,
+      "borderRight": 0,
+      "spriteType": "normal",
+      "subMetas": {}
+    },
+    "BlueEyePacman-Right-01.png": {
+      "ver": "1.0.4",
+      "uuid": "d5ec0aaf-d4a9-4b2e-b9c1-bdc54b355b73",
+      "rawTextureUuid": "71ac3711-4cb2-4980-b108-d2f8f9a7f431",
+      "trimType": "auto",
+      "trimThreshold": 1,
+      "rotated": false,
+      "offsetX": 0,
+      "offsetY": 0,
+      "trimX": 503,
+      "trimY": 1005,
+      "width": 500,
+      "height": 500,
+      "rawWidth": 500,
+      "rawHeight": 500,
+      "borderTop": 0,
+      "borderBottom": 0,
+      "borderLeft": 0,
+      "borderRight": 0,
+      "spriteType": "normal",
+      "subMetas": {}
+    },
+    "BlueEyePacman-Right-02.png": {
+      "ver": "1.0.4",
+      "uuid": "360dfc7d-4ed1-4fb9-8d2f-7533d05a4830",
+      "rawTextureUuid": "71ac3711-4cb2-4980-b108-d2f8f9a7f431",
+      "trimType": "auto",
+      "trimThreshold": 1,
+      "rotated": false,
+      "offsetX": 0,
+      "offsetY": 0,
+      "trimX": 503,
+      "trimY": 1507,
+      "width": 500,
+      "height": 500,
+      "rawWidth": 500,
+      "rawHeight": 500,
+      "borderTop": 0,
+      "borderBottom": 0,
+      "borderLeft": 0,
+      "borderRight": 0,
+      "spriteType": "normal",
+      "subMetas": {}
+    },
+    "BlueEyePacman-Top-01.png": {
+      "ver": "1.0.4",
+      "uuid": "768726a2-22af-415f-86fc-5c7e4717a53b",
+      "rawTextureUuid": "71ac3711-4cb2-4980-b108-d2f8f9a7f431",
+      "trimType": "auto",
+      "trimThreshold": 1,
+      "rotated": false,
+      "offsetX": 0,
+      "offsetY": 0,
+      "trimX": 1005,
+      "trimY": 503,
+      "width": 500,
+      "height": 500,
+      "rawWidth": 500,
+      "rawHeight": 500,
+      "borderTop": 0,
+      "borderBottom": 0,
+      "borderLeft": 0,
+      "borderRight": 0,
+      "spriteType": "normal",
+      "subMetas": {}
+    },
+    "BlueEyePacman-Top-02.png": {
+      "ver": "1.0.4",
+      "uuid": "d8d8e753-f4a4-4d26-ba2d-966c6b4d9e70",
+      "rawTextureUuid": "71ac3711-4cb2-4980-b108-d2f8f9a7f431",
+      "trimType": "auto",
+      "trimThreshold": 1,
+      "rotated": false,
+      "offsetX": 0,
+      "offsetY": 0,
+      "trimX": 1507,
+      "trimY": 503,
+      "width": 500,
+      "height": 500,
+      "rawWidth": 500,
+      "rawHeight": 500,
+      "borderTop": 0,
+      "borderBottom": 0,
+      "borderLeft": 0,
+      "borderRight": 0,
+      "spriteType": "normal",
+      "subMetas": {}
+    },
+    "BlueEyePacman-TopLeft-01.png": {
+      "ver": "1.0.4",
+      "uuid": "5e9ab8a4-903c-4675-8e1e-df7780d8896f",
+      "rawTextureUuid": "71ac3711-4cb2-4980-b108-d2f8f9a7f431",
+      "trimType": "auto",
+      "trimThreshold": 1,
+      "rotated": false,
+      "offsetX": 0,
+      "offsetY": 0,
+      "trimX": 1005,
+      "trimY": 1005,
+      "width": 500,
+      "height": 500,
+      "rawWidth": 500,
+      "rawHeight": 500,
+      "borderTop": 0,
+      "borderBottom": 0,
+      "borderLeft": 0,
+      "borderRight": 0,
+      "spriteType": "normal",
+      "subMetas": {}
+    },
+    "BlueEyePacman-TopLeft-02.png": {
+      "ver": "1.0.4",
+      "uuid": "6120dd6b-4704-4c0d-932d-dc912cb68ecc",
+      "rawTextureUuid": "71ac3711-4cb2-4980-b108-d2f8f9a7f431",
+      "trimType": "auto",
+      "trimThreshold": 1,
+      "rotated": false,
+      "offsetX": 0,
+      "offsetY": 0,
+      "trimX": 1005,
+      "trimY": 1507,
+      "width": 500,
+      "height": 500,
+      "rawWidth": 500,
+      "rawHeight": 500,
+      "borderTop": 0,
+      "borderBottom": 0,
+      "borderLeft": 0,
+      "borderRight": 0,
+      "spriteType": "normal",
+      "subMetas": {}
+    },
+    "BlueEyePacman-TopRight-01.png": {
+      "ver": "1.0.4",
+      "uuid": "4590fa14-a9de-49ef-bde4-692233f52b5a",
+      "rawTextureUuid": "71ac3711-4cb2-4980-b108-d2f8f9a7f431",
+      "trimType": "auto",
+      "trimThreshold": 1,
+      "rotated": false,
+      "offsetX": 0,
+      "offsetY": 0,
+      "trimX": 1507,
+      "trimY": 1005,
+      "width": 500,
+      "height": 500,
+      "rawWidth": 500,
+      "rawHeight": 500,
+      "borderTop": 0,
+      "borderBottom": 0,
+      "borderLeft": 0,
+      "borderRight": 0,
+      "spriteType": "normal",
+      "subMetas": {}
+    },
+    "BlueEyePacman-TopRight-02.png": {
+      "ver": "1.0.4",
+      "uuid": "3a55af77-cbf2-4678-a6ad-3bd277c5e07e",
+      "rawTextureUuid": "71ac3711-4cb2-4980-b108-d2f8f9a7f431",
+      "trimType": "auto",
+      "trimThreshold": 1,
+      "rotated": false,
+      "offsetX": 0,
+      "offsetY": 0,
+      "trimX": 1507,
+      "trimY": 1507,
+      "width": 500,
+      "height": 500,
+      "rawWidth": 500,
+      "rawHeight": 500,
+      "borderTop": 0,
+      "borderBottom": 0,
+      "borderLeft": 0,
+      "borderRight": 0,
+      "spriteType": "normal",
+      "subMetas": {}
+    }
+  }
+}
--- a/frontend/assets/resources/animation/FrameAnimTextures/bulldozer-blue-transparent.png
+++ b/frontend/assets/resources/animation/FrameAnimTextures/bulldozer-blue-transparent.png
--- a/frontend/assets/resources/animation/FrameAnimTextures/bulldozer-blue-transparent.png.meta
+++ b/frontend/assets/resources/animation/FrameAnimTextures/bulldozer-blue-transparent.png.meta
@@ -0,0 +1,34 @@
+{
+  "ver": "2.3.3",
+  "uuid": "71ac3711-4cb2-4980-b108-d2f8f9a7f431",
+  "type": "sprite",
+  "wrapMode": "clamp",
+  "filterMode": "bilinear",
+  "premultiplyAlpha": false,
+  "genMipmaps": false,
+  "packable": true,
+  "platformSettings": {},
+  "subMetas": {
+    "bulldozer-blue-transparent": {
+      "ver": "1.0.4",
+      "uuid": "ad066269-5b70-4d25-8b6d-b96ea030f6b6",
+      "rawTextureUuid": "71ac3711-4cb2-4980-b108-d2f8f9a7f431",
+      "trimType": "auto",
+      "trimThreshold": 1,
+      "rotated": false,
+      "offsetX": 0,
+      "offsetY": -46,
+      "trimX": 0,
+      "trimY": 92,
+      "width": 2008,
+      "height": 1916,
+      "rawWidth": 2008,
+      "rawHeight": 2008,
+      "borderTop": 0,
+      "borderBottom": 0,
+      "borderLeft": 0,
+      "borderRight": 0,
+      "subMetas": {}
+    }
+  }
+}
--- a/frontend/assets/resources/animation/FrameAnimTextures/bulldozer-blue.plist
+++ b/frontend/assets/resources/animation/FrameAnimTextures/bulldozer-blue.plist
@@ -0,0 +1,266 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple Computer//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+    <dict>
+        <key>frames</key>
+        <dict>
+            <key>BlueEyePacman-Bottom-01.png</key>
+            <dict>
+                <key>aliases</key>
+                <array/>
+                <key>spriteOffset</key>
+                <string>{0,0}</string>
+                <key>spriteSize</key>
+                <string>{500,500}</string>
+                <key>spriteSourceSize</key>
+                <string>{500,500}</string>
+                <key>textureRect</key>
+                <string>{{1,1},{500,500}}</string>
+                <key>textureRotated</key>
+                <false/>
+            </dict>
+            <key>BlueEyePacman-Bottom-02.png</key>
+            <dict>
+                <key>aliases</key>
+                <array/>
+                <key>spriteOffset</key>
+                <string>{0,0}</string>
+                <key>spriteSize</key>
+                <string>{500,500}</string>
+                <key>spriteSourceSize</key>
+                <string>{500,500}</string>
+                <key>textureRect</key>
+                <string>{{1,503},{500,500}}</string>
+                <key>textureRotated</key>
+                <false/>
+            </dict>
+            <key>BlueEyePacman-BottomLeft-01.png</key>
+            <dict>
+                <key>aliases</key>
+                <array/>
+                <key>spriteOffset</key>
+                <string>{0,0}</string>
+                <key>spriteSize</key>
+                <string>{500,500}</string>
+                <key>spriteSourceSize</key>
+                <string>{500,500}</string>
+                <key>textureRect</key>
+                <string>{{1,1005},{500,500}}</string>
+                <key>textureRotated</key>
+                <false/>
+            </dict>
+            <key>BlueEyePacman-BottomLeft-02.png</key>
+            <dict>
+                <key>aliases</key>
+                <array/>
+                <key>spriteOffset</key>
+                <string>{0,0}</string>
+                <key>spriteSize</key>
+                <string>{500,500}</string>
+                <key>spriteSourceSize</key>
+                <string>{500,500}</string>
+                <key>textureRect</key>
+                <string>{{1,1507},{500,500}}</string>
+                <key>textureRotated</key>
+                <false/>
+            </dict>
+            <key>BlueEyePacman-BottomRight-01.png</key>
+            <dict>
+                <key>aliases</key>
+                <array/>
+                <key>spriteOffset</key>
+                <string>{0,0}</string>
+                <key>spriteSize</key>
+                <string>{500,500}</string>
+                <key>spriteSourceSize</key>
+                <string>{500,500}</string>
+                <key>textureRect</key>
+                <string>{{503,1},{500,500}}</string>
+                <key>textureRotated</key>
+                <false/>
+            </dict>
+            <key>BlueEyePacman-BottomRight-02.png</key>
+            <dict>
+                <key>aliases</key>
+                <array/>
+                <key>spriteOffset</key>
+                <string>{0,0}</string>
+                <key>spriteSize</key>
+                <string>{500,500}</string>
+                <key>spriteSourceSize</key>
+                <string>{500,500}</string>
+                <key>textureRect</key>
+                <string>{{1005,1},{500,500}}</string>
+                <key>textureRotated</key>
+                <false/>
+            </dict>
+            <key>BlueEyePacman-Left-01.png</key>
+            <dict>
+                <key>aliases</key>
+                <array/>
+                <key>spriteOffset</key>
+                <string>{0,0}</string>
+                <key>spriteSize</key>
+                <string>{500,500}</string>
+                <key>spriteSourceSize</key>
+                <string>{500,500}</string>
+                <key>textureRect</key>
+                <string>{{1507,1},{500,500}}</string>
+                <key>textureRotated</key>
+                <false/>
+            </dict>
+            <key>BlueEyePacman-Left-02.png</key>
+            <dict>
+                <key>aliases</key>
+                <array/>
+                <key>spriteOffset</key>
+                <string>{0,0}</string>
+                <key>spriteSize</key>
+                <string>{500,500}</string>
+                <key>spriteSourceSize</key>
+                <string>{500,500}</string>
+                <key>textureRect</key>
+                <string>{{503,503},{500,500}}</string>
+                <key>textureRotated</key>
+                <false/>
+            </dict>
+            <key>BlueEyePacman-Right-01.png</key>
+            <dict>
+                <key>aliases</key>
+                <array/>
+                <key>spriteOffset</key>
+                <string>{0,0}</string>
+                <key>spriteSize</key>
+                <string>{500,500}</string>
+                <key>spriteSourceSize</key>
+                <string>{500,500}</string>
+                <key>textureRect</key>
+                <string>{{503,1005},{500,500}}</string>
+                <key>textureRotated</key>
+                <false/>
+            </dict>
+            <key>BlueEyePacman-Right-02.png</key>
+            <dict>
+                <key>aliases</key>
+                <array/>
+                <key>spriteOffset</key>
+                <string>{0,0}</string>
+                <key>spriteSize</key>
+                <string>{500,500}</string>
+                <key>spriteSourceSize</key>
+                <string>{500,500}</string>
+                <key>textureRect</key>
+                <string>{{503,1507},{500,500}}</string>
+                <key>textureRotated</key>
+                <false/>
+            </dict>
+            <key>BlueEyePacman-Top-01.png</key>
+            <dict>
+                <key>aliases</key>
+                <array/>
+                <key>spriteOffset</key>
+                <string>{0,0}</string>
+                <key>spriteSize</key>
+                <string>{500,500}</string>
+                <key>spriteSourceSize</key>
+                <string>{500,500}</string>
+                <key>textureRect</key>
+                <string>{{1005,503},{500,500}}</string>
+                <key>textureRotated</key>
+                <false/>
+            </dict>
+            <key>BlueEyePacman-Top-02.png</key>
+            <dict>
+                <key>aliases</key>
+                <array/>
+                <key>spriteOffset</key>
+                <string>{0,0}</string>
+                <key>spriteSize</key>
+                <string>{500,500}</string>
+                <key>spriteSourceSize</key>
+                <string>{500,500}</string>
+                <key>textureRect</key>
+                <string>{{1507,503},{500,500}}</string>
+                <key>textureRotated</key>
+                <false/>
+            </dict>
+            <key>BlueEyePacman-TopLeft-01.png</key>
+            <dict>
+                <key>aliases</key>
+                <array/>
+                <key>spriteOffset</key>
+                <string>{0,0}</string>
+                <key>spriteSize</key>
+                <string>{500,500}</string>
+                <key>spriteSourceSize</key>
+                <string>{500,500}</string>
+                <key>textureRect</key>
+                <string>{{1005,1005},{500,500}}</string>
+                <key>textureRotated</key>
+                <false/>
+            </dict>
+            <key>BlueEyePacman-TopLeft-02.png</key>
+            <dict>
+                <key>aliases</key>
+                <array/>
+                <key>spriteOffset</key>
+                <string>{0,0}</string>
+                <key>spriteSize</key>
+                <string>{500,500}</string>
+                <key>spriteSourceSize</key>
+                <string>{500,500}</string>
+                <key>textureRect</key>
+                <string>{{1005,1507},{500,500}}</string>
+                <key>textureRotated</key>
+                <false/>
+            </dict>
+            <key>BlueEyePacman-TopRight-01.png</key>
+            <dict>
+                <key>aliases</key>
+                <array/>
+                <key>spriteOffset</key>
+                <string>{0,0}</string>
+                <key>spriteSize</key>
+                <string>{500,500}</string>
+                <key>spriteSourceSize</key>
+                <string>{500,500}</string>
+                <key>textureRect</key>
+                <string>{{1507,1005},{500,500}}</string>
+                <key>textureRotated</key>
+                <false/>
+            </dict>
+            <key>BlueEyePacman-TopRight-02.png</key>
+            <dict>
+                <key>aliases</key>
+                <array/>
+                <key>spriteOffset</key>
+                <string>{0,0}</string>
+                <key>spriteSize</key>
+                <string>{500,500}</string>
+                <key>spriteSourceSize</key>
+                <string>{500,500}</string>
+                <key>textureRect</key>
+                <string>{{1507,1507},{500,500}}</string>
+                <key>textureRotated</key>
+                <false/>
+            </dict>
+        </dict>
+        <key>metadata</key>
+        <dict>
+            <key>format</key>
+            <integer>3</integer>
+            <key>pixelFormat</key>
+            <string>RGBA8888</string>
+            <key>premultiplyAlpha</key>
+            <false/>
+            <key>realTextureFileName</key>
+            <string>bulldozer-blue.png</string>
+            <key>size</key>
+            <string>{2008,2008}</string>
+            <key>smartupdate</key>
+            <string>$TexturePacker:SmartUpdate:b97cacd69ffb6f4dbe8b4351048601a2:fb0cecc51d52d2e22c2f2a4a68f5cf58:996337891ef72ef6069c01602a72bead$</string>
+            <key>textureFileName</key>
+            <string>bulldozer-blue.png</string>
+        </dict>
+    </dict>
+</plist>
--- a/frontend/assets/resources/animation/FrameAnimTextures/bulldozer-blue.plist.meta
+++ b/frontend/assets/resources/animation/FrameAnimTextures/bulldozer-blue.plist.meta
@@ -0,0 +1,364 @@
+{
+  "ver": "1.2.4",
+  "uuid": "23fb8ada-95d1-4be0-8396-7f065d164dd3",
+  "rawTextureUuid": "ed1dbabe-cadf-460f-8a22-6c05654cd81d",
+  "size": {
+    "width": 2008,
+    "height": 2008
+  },
+  "type": "Texture Packer",
+  "subMetas": {
+    "BlueEyePacman-Bottom-01.png": {
+      "ver": "1.0.4",
+      "uuid": "783f1240-d608-40be-8108-3013ab53cfe6",
+      "rawTextureUuid": "ed1dbabe-cadf-460f-8a22-6c05654cd81d",
+      "trimType": "auto",
+      "trimThreshold": 1,
+      "rotated": false,
+      "offsetX": 0,
+      "offsetY": 0,
+      "trimX": 1,
+      "trimY": 1,
+      "width": 500,
+      "height": 500,
+      "rawWidth": 500,
+      "rawHeight": 500,
+      "borderTop": 0,
+      "borderBottom": 0,
+      "borderLeft": 0,
+      "borderRight": 0,
+      "spriteType": "normal",
+      "subMetas": {}
+    },
+    "BlueEyePacman-Bottom-02.png": {
+      "ver": "1.0.4",
+      "uuid": "393e649b-addb-4f91-b687-438433026c8d",
+      "rawTextureUuid": "ed1dbabe-cadf-460f-8a22-6c05654cd81d",
+      "trimType": "auto",
+      "trimThreshold": 1,
+      "rotated": false,
+      "offsetX": 0,
+      "offsetY": 0,
+      "trimX": 1,
+      "trimY": 503,
+      "width": 500,
+      "height": 500,
+      "rawWidth": 500,
+      "rawHeight": 500,
+      "borderTop": 0,
+      "borderBottom": 0,
+      "borderLeft": 0,
+      "borderRight": 0,
+      "spriteType": "normal",
+      "subMetas": {}
+    },
+    "BlueEyePacman-BottomLeft-01.png": {
+      "ver": "1.0.4",
+      "uuid": "748c55f0-e761-40f6-b13b-e416b3d8a55c",
+      "rawTextureUuid": "ed1dbabe-cadf-460f-8a22-6c05654cd81d",
+      "trimType": "auto",
+      "trimThreshold": 1,
+      "rotated": false,
+      "offsetX": 0,
+      "offsetY": 0,
+      "trimX": 1,
+      "trimY": 1005,
+      "width": 500,
+      "height": 500,
+      "rawWidth": 500,
+      "rawHeight": 500,
+      "borderTop": 0,
+      "borderBottom": 0,
+      "borderLeft": 0,
+      "borderRight": 0,
+      "spriteType": "normal",
+      "subMetas": {}
+    },
+    "BlueEyePacman-BottomLeft-02.png": {
+      "ver": "1.0.4",
+      "uuid": "6164bac7-9882-43ce-b3d0-9d062d6d0b49",
+      "rawTextureUuid": "ed1dbabe-cadf-460f-8a22-6c05654cd81d",
+      "trimType": "auto",
+      "trimThreshold": 1,
+      "rotated": false,
+      "offsetX": 0,
+      "offsetY": 0,
+      "trimX": 1,
+      "trimY": 1507,
+      "width": 500,
+      "height": 500,
+      "rawWidth": 500,
+      "rawHeight": 500,
+      "borderTop": 0,
+      "borderBottom": 0,
+      "borderLeft": 0,
+      "borderRight": 0,
+      "spriteType": "normal",
+      "subMetas": {}
+    },
+    "BlueEyePacman-BottomRight-01.png": {
+      "ver": "1.0.4",
+      "uuid": "34cf9fbb-8def-4faf-a56e-123b4c45706c",
+      "rawTextureUuid": "ed1dbabe-cadf-460f-8a22-6c05654cd81d",
+      "trimType": "auto",
+      "trimThreshold": 1,
+      "rotated": false,
+      "offsetX": 0,
+      "offsetY": 0,
+      "trimX": 503,
+      "trimY": 1,
+      "width": 500,
+      "height": 500,
+      "rawWidth": 500,
+      "rawHeight": 500,
+      "borderTop": 0,
+      "borderBottom": 0,
+      "borderLeft": 0,
+      "borderRight": 0,
+      "spriteType": "normal",
+      "subMetas": {}
+    },
+    "BlueEyePacman-BottomRight-02.png": {
+      "ver": "1.0.4",
+      "uuid": "b6709dd6-6ba7-4222-af38-de79ac80ce8b",
+      "rawTextureUuid": "ed1dbabe-cadf-460f-8a22-6c05654cd81d",
+      "trimType": "auto",
+      "trimThreshold": 1,
+      "rotated": false,
+      "offsetX": 0,
+      "offsetY": 0,
+      "trimX": 1005,
+      "trimY": 1,
+      "width": 500,
+      "height": 500,
+      "rawWidth": 500,
+      "rawHeight": 500,
+      "borderTop": 0,
+      "borderBottom": 0,
+      "borderLeft": 0,
+      "borderRight": 0,
+      "spriteType": "normal",
+      "subMetas": {}
+    },
+    "BlueEyePacman-Left-01.png": {
+      "ver": "1.0.4",
+      "uuid": "02cd24e3-1c4a-46d7-85af-9034c9445ba7",
+      "rawTextureUuid": "ed1dbabe-cadf-460f-8a22-6c05654cd81d",
+      "trimType": "auto",
+      "trimThreshold": 1,
+      "rotated": false,
+      "offsetX": 0,
+      "offsetY": 0,
+      "trimX": 1507,
+      "trimY": 1,
+      "width": 500,
+      "height": 500,
+      "rawWidth": 500,
+      "rawHeight": 500,
+      "borderTop": 0,
+      "borderBottom": 0,
+      "borderLeft": 0,
+      "borderRight": 0,
+      "spriteType": "normal",
+      "subMetas": {}
+    },
+    "BlueEyePacman-Left-02.png": {
+      "ver": "1.0.4",
+      "uuid": "1f121837-a493-4a41-90e5-74ea560930ad",
+      "rawTextureUuid": "ed1dbabe-cadf-460f-8a22-6c05654cd81d",
+      "trimType": "auto",
+      "trimThreshold": 1,
+      "rotated": false,
+      "offsetX": 0,
+      "offsetY": 0,
+      "trimX": 503,
+      "trimY": 503,
+      "width": 500,
+      "height": 500,
+      "rawWidth": 500,
+      "rawHeight": 500,
+      "borderTop": 0,
+      "borderBottom": 0,
+      "borderLeft": 0,
+      "borderRight": 0,
+      "spriteType": "normal",
+      "subMetas": {}
+    },
+    "BlueEyePacman-Right-01.png": {
+      "ver": "1.0.4",
+      "uuid": "a6ec6a1c-dde5-459d-84f9-7b2b8a163e7b",
+      "rawTextureUuid": "ed1dbabe-cadf-460f-8a22-6c05654cd81d",
+      "trimType": "auto",
+      "trimThreshold": 1,
+      "rotated": false,
+      "offsetX": 0,
+      "offsetY": 0,
+      "trimX": 503,
+      "trimY": 1005,
+      "width": 500,
+      "height": 500,
+      "rawWidth": 500,
+      "rawHeight": 500,
+      "borderTop": 0,
+      "borderBottom": 0,
+      "borderLeft": 0,
+      "borderRight": 0,
+      "spriteType": "normal",
+      "subMetas": {}
+    },
+    "BlueEyePacman-Right-02.png": {
+      "ver": "1.0.4",
+      "uuid": "b5d11244-f30a-4b0d-b67b-23648d253d44",
+      "rawTextureUuid": "ed1dbabe-cadf-460f-8a22-6c05654cd81d",
+      "trimType": "auto",
+      "trimThreshold": 1,
+      "rotated": false,
+      "offsetX": 0,
+      "offsetY": 0,
+      "trimX": 503,
+      "trimY": 1507,
+      "width": 500,
+      "height": 500,
+      "rawWidth": 500,
+      "rawHeight": 500,
+      "borderTop": 0,
+      "borderBottom": 0,
+      "borderLeft": 0,
+      "borderRight": 0,
+      "spriteType": "normal",
+      "subMetas": {}
+    },
+    "BlueEyePacman-Top-01.png": {
+      "ver": "1.0.4",
+      "uuid": "8967d249-e9cf-4e44-85e8-6b9377129d9e",
+      "rawTextureUuid": "ed1dbabe-cadf-460f-8a22-6c05654cd81d",
+      "trimType": "auto",
+      "trimThreshold": 1,
+      "rotated": false,
+      "offsetX": 0,
+      "offsetY": 0,
+      "trimX": 1005,
+      "trimY": 503,
+      "width": 500,
+      "height": 500,
+      "rawWidth": 500,
+      "rawHeight": 500,
+      "borderTop": 0,
+      "borderBottom": 0,
+      "borderLeft": 0,
+      "borderRight": 0,
+      "spriteType": "normal",
+      "subMetas": {}
+    },
+    "BlueEyePacman-Top-02.png": {
+      "ver": "1.0.4",
+      "uuid": "492a57fb-6a5c-423a-bcfe-0695a7828881",
+      "rawTextureUuid": "ed1dbabe-cadf-460f-8a22-6c05654cd81d",
+      "trimType": "auto",
+      "trimThreshold": 1,
+      "rotated": false,
+      "offsetX": 0,
+      "offsetY": 0,
+      "trimX": 1507,
+      "trimY": 503,
+      "width": 500,
+      "height": 500,
+      "rawWidth": 500,
+      "rawHeight": 500,
+      "borderTop": 0,
+      "borderBottom": 0,
+      "borderLeft": 0,
+      "borderRight": 0,
+      "spriteType": "normal",
+      "subMetas": {}
+    },
+    "BlueEyePacman-TopLeft-01.png": {
+      "ver": "1.0.4",
+      "uuid": "96187689-85df-46e8-b4db-410eae03c135",
+      "rawTextureUuid": "ed1dbabe-cadf-460f-8a22-6c05654cd81d",
+      "trimType": "auto",
+      "trimThreshold": 1,
+      "rotated": false,
+      "offsetX": 0,
+      "offsetY": 0,
+      "trimX": 1005,
+      "trimY": 1005,
+      "width": 500,
+      "height": 500,
+      "rawWidth": 500,
+      "rawHeight": 500,
+      "borderTop": 0,
+      "borderBottom": 0,
+      "borderLeft": 0,
+      "borderRight": 0,
+      "spriteType": "normal",
+      "subMetas": {}
+    },
+    "BlueEyePacman-TopLeft-02.png": {
+      "ver": "1.0.4",
+      "uuid": "6b002583-7688-43d3-b3fa-102ae0046628",
+      "rawTextureUuid": "ed1dbabe-cadf-460f-8a22-6c05654cd81d",
+      "trimType": "auto",
+      "trimThreshold": 1,
+      "rotated": false,
+      "offsetX": 0,
+      "offsetY": 0,
+      "trimX": 1005,
+      "trimY": 1507,
+      "width": 500,
+      "height": 500,
+      "rawWidth": 500,
+      "rawHeight": 500,
+      "borderTop": 0,
+      "borderBottom": 0,
+      "borderLeft": 0,
+      "borderRight": 0,
+      "spriteType": "normal",
+      "subMetas": {}
+    },
+    "BlueEyePacman-TopRight-01.png": {
+      "ver": "1.0.4",
+      "uuid": "ba89046f-8b70-4edb-9f61-534dff476325",
+      "rawTextureUuid": "ed1dbabe-cadf-460f-8a22-6c05654cd81d",
+      "trimType": "auto",
+      "trimThreshold": 1,
+      "rotated": false,
+      "offsetX": 0,
+      "offsetY": 0,
+      "trimX": 1507,
+      "trimY": 1005,
+      "width": 500,
+      "height": 500,
+      "rawWidth": 500,
+      "rawHeight": 500,
+      "borderTop": 0,
+      "borderBottom": 0,
+      "borderLeft": 0,
+      "borderRight": 0,
+      "spriteType": "normal",
+      "subMetas": {}
+    },
+    "BlueEyePacman-TopRight-02.png": {
+      "ver": "1.0.4",
+      "uuid": "bc1ef316-d6ad-4538-b223-a0fed8094609",
+      "rawTextureUuid": "ed1dbabe-cadf-460f-8a22-6c05654cd81d",
+      "trimType": "auto",
+      "trimThreshold": 1,
+      "rotated": false,
+      "offsetX": 0,
+      "offsetY": 0,
+      "trimX": 1507,
+      "trimY": 1507,
+      "width": 500,
+      "height": 500,
+      "rawWidth": 500,
+      "rawHeight": 500,
+      "borderTop": 0,
+      "borderBottom": 0,
+      "borderLeft": 0,
+      "borderRight": 0,
+      "spriteType": "normal",
+      "subMetas": {}
+    }
+  }
+}
--- a/frontend/assets/resources/animation/FrameAnimTextures/bulldozer-blue.png
+++ b/frontend/assets/resources/animation/FrameAnimTextures/bulldozer-blue.png
--- a/frontend/assets/resources/animation/FrameAnimTextures/bulldozer-blue.png.meta
+++ b/frontend/assets/resources/animation/FrameAnimTextures/bulldozer-blue.png.meta
@@ -0,0 +1,34 @@
+{
+  "ver": "2.3.3",
+  "uuid": "ed1dbabe-cadf-460f-8a22-6c05654cd81d",
+  "type": "sprite",
+  "wrapMode": "clamp",
+  "filterMode": "bilinear",
+  "premultiplyAlpha": false,
+  "genMipmaps": false,
+  "packable": true,
+  "platformSettings": {},
+  "subMetas": {
+    "bulldozer-blue": {
+      "ver": "1.0.4",
+      "uuid": "f01ba52a-d33b-4456-bb1a-53d3afc70507",
+      "rawTextureUuid": "ed1dbabe-cadf-460f-8a22-6c05654cd81d",
+      "trimType": "auto",
+      "trimThreshold": 1,
+      "rotated": false,
+      "offsetX": 0,
+      "offsetY": -46,
+      "trimX": 0,
+      "trimY": 92,
+      "width": 2008,
+      "height": 1916,
+      "rawWidth": 2008,
+      "rawHeight": 2008,
+      "borderTop": 0,
+      "borderBottom": 0,
+      "borderLeft": 0,
+      "borderRight": 0,
+      "subMetas": {}
+    }
+  }
+}
--- a/frontend/assets/resources/animation/FrameAnimTextures/bulldozer-red-transparent.plist
+++ b/frontend/assets/resources/animation/FrameAnimTextures/bulldozer-red-transparent.plist
@@ -0,0 +1,266 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple Computer//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+    <dict>
+        <key>frames</key>
+        <dict>
+            <key>RedEyePacman-Bottom-01.png</key>
+            <dict>
+                <key>aliases</key>
+                <array/>
+                <key>spriteOffset</key>
+                <string>{0,0}</string>
+                <key>spriteSize</key>
+                <string>{500,500}</string>
+                <key>spriteSourceSize</key>
+                <string>{500,500}</string>
+                <key>textureRect</key>
+                <string>{{1,1},{500,500}}</string>
+                <key>textureRotated</key>
+                <false/>
+            </dict>
+            <key>RedEyePacman-Bottom-02.png</key>
+            <dict>
+                <key>aliases</key>
+                <array/>
+                <key>spriteOffset</key>
+                <string>{0,0}</string>
+                <key>spriteSize</key>
+                <string>{500,500}</string>
+                <key>spriteSourceSize</key>
+                <string>{500,500}</string>
+                <key>textureRect</key>
+                <string>{{1,503},{500,500}}</string>
+                <key>textureRotated</key>
+                <false/>
+            </dict>
+            <key>RedEyePacman-BottomLeft-01.png</key>
+            <dict>
+                <key>aliases</key>
+                <array/>
+                <key>spriteOffset</key>
+                <string>{0,0}</string>
+                <key>spriteSize</key>
+                <string>{500,500}</string>
+                <key>spriteSourceSize</key>
+                <string>{500,500}</string>
+                <key>textureRect</key>
+                <string>{{1,1005},{500,500}}</string>
+                <key>textureRotated</key>
+                <false/>
+            </dict>
+            <key>RedEyePacman-BottomLeft-02.png</key>
+            <dict>
+                <key>aliases</key>
+                <array/>
+                <key>spriteOffset</key>
+                <string>{0,0}</string>
+                <key>spriteSize</key>
+                <string>{500,500}</string>
+                <key>spriteSourceSize</key>
+                <string>{500,500}</string>
+                <key>textureRect</key>
+                <string>{{1,1507},{500,500}}</string>
+                <key>textureRotated</key>
+                <false/>
+            </dict>
+            <key>RedEyePacman-BottomRight-01.png</key>
+            <dict>
+                <key>aliases</key>
+                <array/>
+                <key>spriteOffset</key>
+                <string>{0,0}</string>
+                <key>spriteSize</key>
+                <string>{500,500}</string>
+                <key>spriteSourceSize</key>
+                <string>{500,500}</string>
+                <key>textureRect</key>
+                <string>{{503,1},{500,500}}</string>
+                <key>textureRotated</key>
+                <false/>
+            </dict>
+            <key>RedEyePacman-BottomRight-02.png</key>
+            <dict>
+                <key>aliases</key>
+                <array/>
+                <key>spriteOffset</key>
+                <string>{0,0}</string>
+                <key>spriteSize</key>
+                <string>{500,500}</string>
+                <key>spriteSourceSize</key>
+                <string>{500,500}</string>
+                <key>textureRect</key>
+                <string>{{1005,1},{500,500}}</string>
+                <key>textureRotated</key>
+                <false/>
+            </dict>
+            <key>RedEyePacman-Left-01.png</key>
+            <dict>
+                <key>aliases</key>
+                <array/>
+                <key>spriteOffset</key>
+                <string>{0,0}</string>
+                <key>spriteSize</key>
+                <string>{500,500}</string>
+                <key>spriteSourceSize</key>
+                <string>{500,500}</string>
+                <key>textureRect</key>
+                <string>{{1507,1},{500,500}}</string>
+                <key>textureRotated</key>
+                <false/>
+            </dict>
+            <key>RedEyePacman-Left-02.png</key>
+            <dict>
+                <key>aliases</key>
+                <array/>
+                <key>spriteOffset</key>
+                <string>{0,0}</string>
+                <key>spriteSize</key>
+                <string>{500,500}</string>
+                <key>spriteSourceSize</key>
+                <string>{500,500}</string>
+                <key>textureRect</key>
+                <string>{{503,503},{500,500}}</string>
+                <key>textureRotated</key>
+                <false/>
+            </dict>
+            <key>RedEyePacman-Right-01.png</key>
+            <dict>
+                <key>aliases</key>
+                <array/>
+                <key>spriteOffset</key>
+                <string>{0,0}</string>
+                <key>spriteSize</key>
+                <string>{500,500}</string>
+                <key>spriteSourceSize</key>
+                <string>{500,500}</string>
+                <key>textureRect</key>
+                <string>{{503,1005},{500,500}}</string>
+                <key>textureRotated</key>
+                <false/>
+            </dict>
+            <key>RedEyePacman-Right-02.png</key>
+            <dict>
+                <key>aliases</key>
+                <array/>
+                <key>spriteOffset</key>
+                <string>{0,0}</string>
+                <key>spriteSize</key>
+                <string>{500,500}</string>
+                <key>spriteSourceSize</key>
+                <string>{500,500}</string>
+                <key>textureRect</key>
+                <string>{{503,1507},{500,500}}</string>
+                <key>textureRotated</key>
+                <false/>
+            </dict>
+            <key>RedEyePacman-Top-01.png</key>
+            <dict>
+                <key>aliases</key>
+                <array/>
+                <key>spriteOffset</key>
+                <string>{0,0}</string>
+                <key>spriteSize</key>
+                <string>{500,500}</string>
+                <key>spriteSourceSize</key>
+                <string>{500,500}</string>
+                <key>textureRect</key>
+                <string>{{1005,503},{500,500}}</string>
+                <key>textureRotated</key>
+                <false/>
+            </dict>
+            <key>RedEyePacman-Top-02.png</key>
+            <dict>
+                <key>aliases</key>
+                <array/>
+                <key>spriteOffset</key>
+                <string>{0,0}</string>
+                <key>spriteSize</key>
+                <string>{500,500}</string>
+                <key>spriteSourceSize</key>
+                <string>{500,500}</string>
+                <key>textureRect</key>
+                <string>{{1507,503},{500,500}}</string>
+                <key>textureRotated</key>
+                <false/>
+            </dict>
+            <key>RedEyePacman-TopLeft-01.png</key>
+            <dict>
+                <key>aliases</key>
+                <array/>
+                <key>spriteOffset</key>
+                <string>{0,0}</string>
+                <key>spriteSize</key>
+                <string>{500,500}</string>
+                <key>spriteSourceSize</key>
+                <string>{500,500}</string>
+                <key>textureRect</key>
+                <string>{{1005,1005},{500,500}}</string>
+                <key>textureRotated</key>
+                <false/>
+            </dict>
+            <key>RedEyePacman-TopLeft-02.png</key>
+            <dict>
+                <key>aliases</key>
+                <array/>
+                <key>spriteOffset</key>
+                <string>{0,0}</string>
+                <key>spriteSize</key>
+                <string>{500,500}</string>
+                <key>spriteSourceSize</key>
+                <string>{500,500}</string>
+                <key>textureRect</key>
+                <string>{{1005,1507},{500,500}}</string>
+                <key>textureRotated</key>
+                <false/>
+            </dict>
+            <key>RedEyePacman-TopRight-01.png</key>
+            <dict>
+                <key>aliases</key>
+                <array/>
+                <key>spriteOffset</key>
+                <string>{0,0}</string>
+                <key>spriteSize</key>
+                <string>{500,500}</string>
+                <key>spriteSourceSize</key>
+                <string>{500,500}</string>
+                <key>textureRect</key>
+                <string>{{1507,1005},{500,500}}</string>
+                <key>textureRotated</key>
+                <false/>
+            </dict>
+            <key>RedEyePacman-TopRight-02.png</key>
+            <dict>
+                <key>aliases</key>
+                <array/>
+                <key>spriteOffset</key>
+                <string>{0,0}</string>
+                <key>spriteSize</key>
+                <string>{500,500}</string>
+                <key>spriteSourceSize</key>
+                <string>{500,500}</string>
+                <key>textureRect</key>
+                <string>{{1507,1507},{500,500}}</string>
+                <key>textureRotated</key>
+                <false/>
+            </dict>
+        </dict>
+        <key>metadata</key>
+        <dict>
+            <key>format</key>
+            <integer>3</integer>
+            <key>pixelFormat</key>
+            <string>RGBA8888</string>
+            <key>premultiplyAlpha</key>
+            <false/>
+            <key>realTextureFileName</key>
+            <string>bulldozer-red-transparent.png</string>
+            <key>size</key>
+            <string>{2008,2008}</string>
+            <key>smartupdate</key>
+            <string>$TexturePacker:SmartUpdate:ddae6e75d84e0e816aa71938232564e7:2b1e30f28ea7a78dbb5c4c64f9192c8a:56afd1d5083c6201ac85a795f2357b44$</string>
+            <key>textureFileName</key>
+            <string>bulldozer-red.png</string>
+        </dict>
+    </dict>
+</plist>
--- a/frontend/assets/resources/animation/FrameAnimTextures/bulldozer-red-transparent.plist.meta
+++ b/frontend/assets/resources/animation/FrameAnimTextures/bulldozer-red-transparent.plist.meta
@@ -0,0 +1,364 @@
+{
+  "ver": "1.2.4",
+  "uuid": "b8d4ce3d-6648-44c5-bab9-0681b6d1e15a",
+  "rawTextureUuid": "0e2f98ed-755a-4e34-8aa7-f94b8c15cb9a",
+  "size": {
+    "width": 2008,
+    "height": 2008
+  },
+  "type": "Texture Packer",
+  "subMetas": {
+    "RedEyePacman-Bottom-01.png": {
+      "ver": "1.0.4",
+      "uuid": "d5291a19-3cf9-4736-8e06-a6cec12db1a2",
+      "rawTextureUuid": "0e2f98ed-755a-4e34-8aa7-f94b8c15cb9a",
+      "trimType": "auto",
+      "trimThreshold": 1,
+      "rotated": false,
+      "offsetX": 0,
+      "offsetY": 0,
+      "trimX": 1,
+      "trimY": 1,
+      "width": 500,
+      "height": 500,
+      "rawWidth": 500,
+      "rawHeight": 500,
+      "borderTop": 0,
+      "borderBottom": 0,
+      "borderLeft": 0,
+      "borderRight": 0,
+      "spriteType": "normal",
+      "subMetas": {}
+    },
+    "RedEyePacman-Bottom-02.png": {
+      "ver": "1.0.4",
+      "uuid": "342f1b55-6695-41e3-8560-cb44faabe3a2",
+      "rawTextureUuid": "0e2f98ed-755a-4e34-8aa7-f94b8c15cb9a",
+      "trimType": "auto",
+      "trimThreshold": 1,
+      "rotated": false,
+      "offsetX": 0,
+      "offsetY": 0,
+      "trimX": 1,
+      "trimY": 503,
+      "width": 500,
+      "height": 500,
+      "rawWidth": 500,
+      "rawHeight": 500,
+      "borderTop": 0,
+      "borderBottom": 0,
+      "borderLeft": 0,
+      "borderRight": 0,
+      "spriteType": "normal",
+      "subMetas": {}
+    },
+    "RedEyePacman-BottomLeft-01.png": {
+      "ver": "1.0.4",
+      "uuid": "e4ded4e0-0c35-470e-832c-016b26b1ec14",
+      "rawTextureUuid": "0e2f98ed-755a-4e34-8aa7-f94b8c15cb9a",
+      "trimType": "auto",
+      "trimThreshold": 1,
+      "rotated": false,
+      "offsetX": 0,
+      "offsetY": 0,
+      "trimX": 1,
+      "trimY": 1005,
+      "width": 500,
+      "height": 500,
+      "rawWidth": 500,
+      "rawHeight": 500,
+      "borderTop": 0,
+      "borderBottom": 0,
+      "borderLeft": 0,
+      "borderRight": 0,
+      "spriteType": "normal",
+      "subMetas": {}
+    },
+    "RedEyePacman-BottomLeft-02.png": {
+      "ver": "1.0.4",
+      "uuid": "2f220c2d-3fab-4541-814b-fda4ef4b068b",
+      "rawTextureUuid": "0e2f98ed-755a-4e34-8aa7-f94b8c15cb9a",
+      "trimType": "auto",
+      "trimThreshold": 1,
+      "rotated": false,
+      "offsetX": 0,
+      "offsetY": 0,
+      "trimX": 1,
+      "trimY": 1507,
+      "width": 500,
+      "height": 500,
+      "rawWidth": 500,
+      "rawHeight": 500,
+      "borderTop": 0,
+      "borderBottom": 0,
+      "borderLeft": 0,
+      "borderRight": 0,
+      "spriteType": "normal",
+      "subMetas": {}
+    },
+    "RedEyePacman-BottomRight-01.png": {
+      "ver": "1.0.4",
+      "uuid": "4604873c-537a-4e3b-bb85-72793c563e83",
+      "rawTextureUuid": "0e2f98ed-755a-4e34-8aa7-f94b8c15cb9a",
+      "trimType": "auto",
+      "trimThreshold": 1,
+      "rotated": false,
+      "offsetX": 0,
+      "offsetY": 0,
+      "trimX": 503,
+      "trimY": 1,
+      "width": 500,
+      "height": 500,
+      "rawWidth": 500,
+      "rawHeight": 500,
+      "borderTop": 0,
+      "borderBottom": 0,
+      "borderLeft": 0,
+      "borderRight": 0,
+      "spriteType": "normal",
+      "subMetas": {}
+    },
+    "RedEyePacman-BottomRight-02.png": {
+      "ver": "1.0.4",
+      "uuid": "7c5d0c24-0150-4ec7-a136-271ad9b2d94c",
+      "rawTextureUuid": "0e2f98ed-755a-4e34-8aa7-f94b8c15cb9a",
+      "trimType": "auto",
+      "trimThreshold": 1,
+      "rotated": false,
+      "offsetX": 0,
+      "offsetY": 0,
+      "trimX": 1005,
+      "trimY": 1,
+      "width": 500,
+      "height": 500,
+      "rawWidth": 500,
+      "rawHeight": 500,
+      "borderTop": 0,
+      "borderBottom": 0,
+      "borderLeft": 0,
+      "borderRight": 0,
+      "spriteType": "normal",
+      "subMetas": {}
+    },
+    "RedEyePacman-Left-01.png": {
+      "ver": "1.0.4",
+      "uuid": "987c7dc0-e81f-4891-979d-0998794e6889",
+      "rawTextureUuid": "0e2f98ed-755a-4e34-8aa7-f94b8c15cb9a",
+      "trimType": "auto",
+      "trimThreshold": 1,
+      "rotated": false,
+      "offsetX": 0,
+      "offsetY": 0,
+      "trimX": 1507,
+      "trimY": 1,
+      "width": 500,
+      "height": 500,
+      "rawWidth": 500,
+      "rawHeight": 500,
+      "borderTop": 0,
+      "borderBottom": 0,
+      "borderLeft": 0,
+      "borderRight": 0,
+      "spriteType": "normal",
+      "subMetas": {}
+    },
+    "RedEyePacman-Left-02.png": {
+      "ver": "1.0.4",
+      "uuid": "9205c378-c50c-4303-af32-dbf9422375cf",
+      "rawTextureUuid": "0e2f98ed-755a-4e34-8aa7-f94b8c15cb9a",
+      "trimType": "auto",
+      "trimThreshold": 1,
+      "rotated": false,
+      "offsetX": 0,
+      "offsetY": 0,
+      "trimX": 503,
+      "trimY": 503,
+      "width": 500,
+      "height": 500,
+      "rawWidth": 500,
+      "rawHeight": 500,
+      "borderTop": 0,
+      "borderBottom": 0,
+      "borderLeft": 0,
+      "borderRight": 0,
+      "spriteType": "normal",
+      "subMetas": {}
+    },
+    "RedEyePacman-Right-01.png": {
+      "ver": "1.0.4",
+      "uuid": "8f3cf81e-1251-4013-b684-13f2830c7425",
+      "rawTextureUuid": "0e2f98ed-755a-4e34-8aa7-f94b8c15cb9a",
+      "trimType": "auto",
+      "trimThreshold": 1,
+      "rotated": false,
+      "offsetX": 0,
+      "offsetY": 0,
+      "trimX": 503,
+      "trimY": 1005,
+      "width": 500,
+      "height": 500,
+      "rawWidth": 500,
+      "rawHeight": 500,
+      "borderTop": 0,
+      "borderBottom": 0,
+      "borderLeft": 0,
+      "borderRight": 0,
+      "spriteType": "normal",
+      "subMetas": {}
+    },
+    "RedEyePacman-Right-02.png": {
+      "ver": "1.0.4",
+      "uuid": "69f1bd37-6628-4fd1-b0f2-08073d1edb29",
+      "rawTextureUuid": "0e2f98ed-755a-4e34-8aa7-f94b8c15cb9a",
+      "trimType": "auto",
+      "trimThreshold": 1,
+      "rotated": false,
+      "offsetX": 0,
+      "offsetY": 0,
+      "trimX": 503,
+      "trimY": 1507,
+      "width": 500,
+      "height": 500,
+      "rawWidth": 500,
+      "rawHeight": 500,
+      "borderTop": 0,
+      "borderBottom": 0,
+      "borderLeft": 0,
+      "borderRight": 0,
+      "spriteType": "normal",
+      "subMetas": {}
+    },
+    "RedEyePacman-Top-01.png": {
+      "ver": "1.0.4",
+      "uuid": "0aa4ac87-8a86-4b64-956f-51fe0f3da1c8",
+      "rawTextureUuid": "0e2f98ed-755a-4e34-8aa7-f94b8c15cb9a",
+      "trimType": "auto",
+      "trimThreshold": 1,
+      "rotated": false,
+      "offsetX": 0,
+      "offsetY": 0,
+      "trimX": 1005,
+      "trimY": 503,
+      "width": 500,
+      "height": 500,
+      "rawWidth": 500,
+      "rawHeight": 500,
+      "borderTop": 0,
+      "borderBottom": 0,
+      "borderLeft": 0,
+      "borderRight": 0,
+      "spriteType": "normal",
+      "subMetas": {}
+    },
+    "RedEyePacman-Top-02.png": {
+      "ver": "1.0.4",
+      "uuid": "ffebf0b4-cad8-4a5d-963a-28fc09bd72e3",
+      "rawTextureUuid": "0e2f98ed-755a-4e34-8aa7-f94b8c15cb9a",
+      "trimType": "auto",
+      "trimThreshold": 1,
+      "rotated": false,
+      "offsetX": 0,
+      "offsetY": 0,
+      "trimX": 1507,
+      "trimY": 503,
+      "width": 500,
+      "height": 500,
+      "rawWidth": 500,
+      "rawHeight": 500,
+      "borderTop": 0,
+      "borderBottom": 0,
+      "borderLeft": 0,
+      "borderRight": 0,
+      "spriteType": "normal",
+      "subMetas": {}
+    },
+    "RedEyePacman-TopLeft-01.png": {
+      "ver": "1.0.4",
+      "uuid": "a95c7e00-8c98-42c4-a0b1-1c64cc08234f",
+      "rawTextureUuid": "0e2f98ed-755a-4e34-8aa7-f94b8c15cb9a",
+      "trimType": "auto",
+      "trimThreshold": 1,
+      "rotated": false,
+      "offsetX": 0,
+      "offsetY": 0,
+      "trimX": 1005,
+      "trimY": 1005,
+      "width": 500,
+      "height": 500,
+      "rawWidth": 500,
+      "rawHeight": 500,
+      "borderTop": 0,
+      "borderBottom": 0,
+      "borderLeft": 0,
+      "borderRight": 0,
+      "spriteType": "normal",
+      "subMetas": {}
+    },
+    "RedEyePacman-TopLeft-02.png": {
+      "ver": "1.0.4",
+      "uuid": "c468547a-7a79-46b6-8c49-e21608e09f21",
+      "rawTextureUuid": "0e2f98ed-755a-4e34-8aa7-f94b8c15cb9a",
+      "trimType": "auto",
+      "trimThreshold": 1,
+      "rotated": false,
+      "offsetX": 0,
+      "offsetY": 0,
+      "trimX": 1005,
+      "trimY": 1507,
+      "width": 500,
+      "height": 500,
+      "rawWidth": 500,
+      "rawHeight": 500,
+      "borderTop": 0,
+      "borderBottom": 0,
+      "borderLeft": 0,
+      "borderRight": 0,
+      "spriteType": "normal",
+      "subMetas": {}
+    },
+    "RedEyePacman-TopRight-01.png": {
+      "ver": "1.0.4",
+      "uuid": "de77fb04-1be6-4b45-a45d-c00003a27541",
+      "rawTextureUuid": "0e2f98ed-755a-4e34-8aa7-f94b8c15cb9a",
+      "trimType": "auto",
+      "trimThreshold": 1,
+      "rotated": false,
+      "offsetX": 0,
+      "offsetY": 0,
+      "trimX": 1507,
+      "trimY": 1005,
+      "width": 500,
+      "height": 500,
+      "rawWidth": 500,
+      "rawHeight": 500,
+      "borderTop": 0,
+      "borderBottom": 0,
+      "borderLeft": 0,
+      "borderRight": 0,
+      "spriteType": "normal",
+      "subMetas": {}
+    },
+    "RedEyePacman-TopRight-02.png": {
+      "ver": "1.0.4",
+      "uuid": "360b2e8a-80e3-44b1-aeb2-276daea77f7f",
+      "rawTextureUuid": "0e2f98ed-755a-4e34-8aa7-f94b8c15cb9a",
+      "trimType": "auto",
+      "trimThreshold": 1,
+      "rotated": false,
+      "offsetX": 0,
+      "offsetY": 0,
+      "trimX": 1507,
+      "trimY": 1507,
+      "width": 500,
+      "height": 500,
+      "rawWidth": 500,
+      "rawHeight": 500,
+      "borderTop": 0,
+      "borderBottom": 0,
+      "borderLeft": 0,
+      "borderRight": 0,
+      "spriteType": "normal",
+      "subMetas": {}
+    }
+  }
+}
--- a/frontend/assets/resources/animation/FrameAnimTextures/bulldozer-red-transparent.png
+++ b/frontend/assets/resources/animation/FrameAnimTextures/bulldozer-red-transparent.png
--- a/frontend/assets/resources/animation/FrameAnimTextures/bulldozer-red-transparent.png.meta
+++ b/frontend/assets/resources/animation/FrameAnimTextures/bulldozer-red-transparent.png.meta
@@ -0,0 +1,34 @@
+{
+  "ver": "2.3.3",
+  "uuid": "0e2f98ed-755a-4e34-8aa7-f94b8c15cb9a",
+  "type": "sprite",
+  "wrapMode": "clamp",
+  "filterMode": "bilinear",
+  "premultiplyAlpha": false,
+  "genMipmaps": false,
+  "packable": true,
+  "platformSettings": {},
+  "subMetas": {
+    "bulldozer-red-transparent": {
+      "ver": "1.0.4",
+      "uuid": "26147aca-b8d7-4064-bec3-80bf8fa98dfe",
+      "rawTextureUuid": "0e2f98ed-755a-4e34-8aa7-f94b8c15cb9a",
+      "trimType": "auto",
+      "trimThreshold": 1,
+      "rotated": false,
+      "offsetX": 0,
+      "offsetY": -45.5,
+      "trimX": 0,
+      "trimY": 91,
+      "width": 2008,
+      "height": 1917,
+      "rawWidth": 2008,
+      "rawHeight": 2008,
+      "borderTop": 0,
+      "borderBottom": 0,
+      "borderLeft": 0,
+      "borderRight": 0,
+      "subMetas": {}
+    }
+  }
+}
--- a/frontend/assets/resources/animation/FrameAnimTextures/bulldozer-red.plist
+++ b/frontend/assets/resources/animation/FrameAnimTextures/bulldozer-red.plist
@@ -0,0 +1,266 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple Computer//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+    <dict>
+        <key>frames</key>
+        <dict>
+            <key>RedEyePacman-Bottom-01.png</key>
+            <dict>
+                <key>aliases</key>
+                <array/>
+                <key>spriteOffset</key>
+                <string>{0,0}</string>
+                <key>spriteSize</key>
+                <string>{500,500}</string>
+                <key>spriteSourceSize</key>
+                <string>{500,500}</string>
+                <key>textureRect</key>
+                <string>{{1,1},{500,500}}</string>
+                <key>textureRotated</key>
+                <false/>
+            </dict>
+            <key>RedEyePacman-Bottom-02.png</key>
+            <dict>
+                <key>aliases</key>
+                <array/>
+                <key>spriteOffset</key>
+                <string>{0,0}</string>
+                <key>spriteSize</key>
+                <string>{500,500}</string>
+                <key>spriteSourceSize</key>
+                <string>{500,500}</string>
+                <key>textureRect</key>
+                <string>{{1,503},{500,500}}</string>
+                <key>textureRotated</key>
+                <false/>
+            </dict>
+            <key>RedEyePacman-BottomLeft-01.png</key>
+            <dict>
+                <key>aliases</key>
+                <array/>
+                <key>spriteOffset</key>
+                <string>{0,0}</string>
+                <key>spriteSize</key>
+                <string>{500,500}</string>
+                <key>spriteSourceSize</key>
+                <string>{500,500}</string>
+                <key>textureRect</key>
+                <string>{{1,1005},{500,500}}</string>
+                <key>textureRotated</key>
+                <false/>
+            </dict>
+            <key>RedEyePacman-BottomLeft-02.png</key>
+            <dict>
+                <key>aliases</key>
+                <array/>
+                <key>spriteOffset</key>
+                <string>{0,0}</string>
+                <key>spriteSize</key>
+                <string>{500,500}</string>
+                <key>spriteSourceSize</key>
+                <string>{500,500}</string>
+                <key>textureRect</key>
+                <string>{{1,1507},{500,500}}</string>
+                <key>textureRotated</key>
+                <false/>
+            </dict>
+            <key>RedEyePacman-BottomRight-01.png</key>
+            <dict>
+                <key>aliases</key>
+                <array/>
+                <key>spriteOffset</key>
+                <string>{0,0}</string>
+                <key>spriteSize</key>
+                <string>{500,500}</string>
+                <key>spriteSourceSize</key>
+                <string>{500,500}</string>
+                <key>textureRect</key>
+                <string>{{503,1},{500,500}}</string>
+                <key>textureRotated</key>
+                <false/>
+            </dict>
+            <key>RedEyePacman-BottomRight-02.png</key>
+            <dict>
+                <key>aliases</key>
+                <array/>
+                <key>spriteOffset</key>
+                <string>{0,0}</string>
+                <key>spriteSize</key>
+                <string>{500,500}</string>
+                <key>spriteSourceSize</key>
+                <string>{500,500}</string>
+                <key>textureRect</key>
+                <string>{{1005,1},{500,500}}</string>
+                <key>textureRotated</key>
+                <false/>
+            </dict>
+            <key>RedEyePacman-Left-01.png</key>
+            <dict>
+                <key>aliases</key>
+                <array/>
+                <key>spriteOffset</key>
+                <string>{0,0}</string>
+                <key>spriteSize</key>
+                <string>{500,500}</string>
+                <key>spriteSourceSize</key>
+                <string>{500,500}</string>
+                <key>textureRect</key>
+                <string>{{1507,1},{500,500}}</string>
+                <key>textureRotated</key>
+                <false/>
+            </dict>
+            <key>RedEyePacman-Left-02.png</key>
+            <dict>
+                <key>aliases</key>
+                <array/>
+                <key>spriteOffset</key>
+                <string>{0,0}</string>
+                <key>spriteSize</key>
+                <string>{500,500}</string>
+                <key>spriteSourceSize</key>
+                <string>{500,500}</string>
+                <key>textureRect</key>
+                <string>{{503,503},{500,500}}</string>
+                <key>textureRotated</key>
+                <false/>
+            </dict>
+            <key>RedEyePacman-Right-01.png</key>
+            <dict>
+                <key>aliases</key>
+                <array/>
+                <key>spriteOffset</key>
+                <string>{0,0}</string>
+                <key>spriteSize</key>
+                <string>{500,500}</string>
+                <key>spriteSourceSize</key>
+                <string>{500,500}</string>
+                <key>textureRect</key>
+                <string>{{503,1005},{500,500}}</string>
+                <key>textureRotated</key>
+                <false/>
+            </dict>
+            <key>RedEyePacman-Right-02.png</key>
+            <dict>
+                <key>aliases</key>
+                <array/>
+                <key>spriteOffset</key>
+                <string>{0,0}</string>
+                <key>spriteSize</key>
+                <string>{500,500}</string>
+                <key>spriteSourceSize</key>
+                <string>{500,500}</string>
+                <key>textureRect</key>
+                <string>{{503,1507},{500,500}}</string>
+                <key>textureRotated</key>
+                <false/>
+            </dict>
+            <key>RedEyePacman-Top-01.png</key>
+            <dict>
+                <key>aliases</key>
+                <array/>
+                <key>spriteOffset</key>
+                <string>{0,0}</string>
+                <key>spriteSize</key>
+                <string>{500,500}</string>
+                <key>spriteSourceSize</key>
+                <string>{500,500}</string>
+                <key>textureRect</key>
+                <string>{{1005,503},{500,500}}</string>
+                <key>textureRotated</key>
+                <false/>
+            </dict>
+            <key>RedEyePacman-Top-02.png</key>
+            <dict>
+                <key>aliases</key>
+                <array/>
+                <key>spriteOffset</key>
+                <string>{0,0}</string>
+                <key>spriteSize</key>
+                <string>{500,500}</string>
+                <key>spriteSourceSize</key>
+                <string>{500,500}</string>
+                <key>textureRect</key>
+                <string>{{1507,503},{500,500}}</string>
+                <key>textureRotated</key>
+                <false/>
+            </dict>
+            <key>RedEyePacman-TopLeft-01.png</key>
+            <dict>
+                <key>aliases</key>
+                <array/>
+                <key>spriteOffset</key>
+                <string>{0,0}</string>
+                <key>spriteSize</key>
+                <string>{500,500}</string>
+                <key>spriteSourceSize</key>
+                <string>{500,500}</string>
+                <key>textureRect</key>
+                <string>{{1005,1005},{500,500}}</string>
+                <key>textureRotated</key>
+                <false/>
+            </dict>
+            <key>RedEyePacman-TopLeft-02.png</key>
+            <dict>
+                <key>aliases</key>
+                <array/>
+                <key>spriteOffset</key>
+                <string>{0,0}</string>
+                <key>spriteSize</key>
+                <string>{500,500}</string>
+                <key>spriteSourceSize</key>
+                <string>{500,500}</string>
+                <key>textureRect</key>
+                <string>{{1005,1507},{500,500}}</string>
+                <key>textureRotated</key>
+                <false/>
+            </dict>
+            <key>RedEyePacman-TopRight-01.png</key>
+            <dict>
+                <key>aliases</key>
+                <array/>
+                <key>spriteOffset</key>
+                <string>{0,0}</string>
+                <key>spriteSize</key>
+                <string>{500,500}</string>
+                <key>spriteSourceSize</key>
+                <string>{500,500}</string>
+                <key>textureRect</key>
+                <string>{{1507,1005},{500,500}}</string>
+                <key>textureRotated</key>
+                <false/>
+            </dict>
+            <key>RedEyePacman-TopRight-02.png</key>
+            <dict>
+                <key>aliases</key>
+                <array/>
+                <key>spriteOffset</key>
+                <string>{0,0}</string>
+                <key>spriteSize</key>
+                <string>{500,500}</string>
+                <key>spriteSourceSize</key>
+                <string>{500,500}</string>
+                <key>textureRect</key>
+                <string>{{1507,1507},{500,500}}</string>
+                <key>textureRotated</key>
+                <false/>
+            </dict>
+        </dict>
+        <key>metadata</key>
+        <dict>
+            <key>format</key>
+            <integer>3</integer>
+            <key>pixelFormat</key>
+            <string>RGBA8888</string>
+            <key>premultiplyAlpha</key>
+            <false/>
+            <key>realTextureFileName</key>
+            <string>bulldozer-red.png</string>
+            <key>size</key>
+            <string>{2008,2008}</string>
+            <key>smartupdate</key>
+            <string>$TexturePacker:SmartUpdate:ddae6e75d84e0e816aa71938232564e7:2b1e30f28ea7a78dbb5c4c64f9192c8a:56afd1d5083c6201ac85a795f2357b44$</string>
+            <key>textureFileName</key>
+            <string>bulldozer-red.png</string>
+        </dict>
+    </dict>
+</plist>
--- a/frontend/assets/resources/animation/FrameAnimTextures/bulldozer-red.plist.meta
+++ b/frontend/assets/resources/animation/FrameAnimTextures/bulldozer-red.plist.meta
@@ -0,0 +1,364 @@
+{
+  "ver": "1.2.4",
+  "uuid": "2c488eae-3a87-45d5-841e-e50780f91023",
+  "rawTextureUuid": "69e8c316-dbc5-4e11-a720-bc86db323a70",
+  "size": {
+    "width": 2008,
+    "height": 2008
+  },
+  "type": "Texture Packer",
+  "subMetas": {
+    "RedEyePacman-Bottom-01.png": {
+      "ver": "1.0.4",
+      "uuid": "c79694bc-ff6f-416b-9047-b82f41fe791a",
+      "rawTextureUuid": "69e8c316-dbc5-4e11-a720-bc86db323a70",
+      "trimType": "auto",
+      "trimThreshold": 1,
+      "rotated": false,
+      "offsetX": 0,
+      "offsetY": 0,
+      "trimX": 1,
+      "trimY": 1,
+      "width": 500,
+      "height": 500,
+      "rawWidth": 500,
+      "rawHeight": 500,
+      "borderTop": 0,
+      "borderBottom": 0,
+      "borderLeft": 0,
+      "borderRight": 0,
+      "spriteType": "normal",
+      "subMetas": {}
+    },
+    "RedEyePacman-Bottom-02.png": {
+      "ver": "1.0.4",
+      "uuid": "609c77a2-bdfe-4967-8de6-646532302c97",
+      "rawTextureUuid": "69e8c316-dbc5-4e11-a720-bc86db323a70",
+      "trimType": "auto",
+      "trimThreshold": 1,
+      "rotated": false,
+      "offsetX": 0,
+      "offsetY": 0,
+      "trimX": 1,
+      "trimY": 503,
+      "width": 500,
+      "height": 500,
+      "rawWidth": 500,
+      "rawHeight": 500,
+      "borderTop": 0,
+      "borderBottom": 0,
+      "borderLeft": 0,
+      "borderRight": 0,
+      "spriteType": "normal",
+      "subMetas": {}
+    },
+    "RedEyePacman-BottomLeft-01.png": {
+      "ver": "1.0.4",
+      "uuid": "07b6d385-3f51-48c1-8165-38756b3d84fa",
+      "rawTextureUuid": "69e8c316-dbc5-4e11-a720-bc86db323a70",
+      "trimType": "auto",
+      "trimThreshold": 1,
+      "rotated": false,
+      "offsetX": 0,
+      "offsetY": 0,
+      "trimX": 1,
+      "trimY": 1005,
+      "width": 500,
+      "height": 500,
+      "rawWidth": 500,
+      "rawHeight": 500,
+      "borderTop": 0,
+      "borderBottom": 0,
+      "borderLeft": 0,
+      "borderRight": 0,
+      "spriteType": "normal",
+      "subMetas": {}
+    },
+    "RedEyePacman-BottomLeft-02.png": {
+      "ver": "1.0.4",
+      "uuid": "c627bf3b-0e97-4423-aeea-54c7511894d6",
+      "rawTextureUuid": "69e8c316-dbc5-4e11-a720-bc86db323a70",
+      "trimType": "auto",
+      "trimThreshold": 1,
+      "rotated": false,
+      "offsetX": 0,
+      "offsetY": 0,
+      "trimX": 1,
+      "trimY": 1507,
+      "width": 500,
+      "height": 500,
+      "rawWidth": 500,
+      "rawHeight": 500,
+      "borderTop": 0,
+      "borderBottom": 0,
+      "borderLeft": 0,
+      "borderRight": 0,
+      "spriteType": "normal",
+      "subMetas": {}
+    },
+    "RedEyePacman-BottomRight-01.png": {
+      "ver": "1.0.4",
+      "uuid": "d0327836-1910-4c6a-9291-c8bb044c54f5",
+      "rawTextureUuid": "69e8c316-dbc5-4e11-a720-bc86db323a70",
+      "trimType": "auto",
+      "trimThreshold": 1,
+      "rotated": false,
+      "offsetX": 0,
+      "offsetY": 0,
+      "trimX": 503,
+      "trimY": 1,
+      "width": 500,
+      "height": 500,
+      "rawWidth": 500,
+      "rawHeight": 500,
+      "borderTop": 0,
+      "borderBottom": 0,
+      "borderLeft": 0,
+      "borderRight": 0,
+      "spriteType": "normal",
+      "subMetas": {}
+    },
+    "RedEyePacman-BottomRight-02.png": {
+      "ver": "1.0.4",
+      "uuid": "1d3e614a-bb2a-4b1d-87ca-0cddd6e03fff",
+      "rawTextureUuid": "69e8c316-dbc5-4e11-a720-bc86db323a70",
+      "trimType": "auto",
+      "trimThreshold": 1,
+      "rotated": false,
+      "offsetX": 0,
+      "offsetY": 0,
+      "trimX": 1005,
+      "trimY": 1,
+      "width": 500,
+      "height": 500,
+      "rawWidth": 500,
+      "rawHeight": 500,
+      "borderTop": 0,
+      "borderBottom": 0,
+      "borderLeft": 0,
+      "borderRight": 0,
+      "spriteType": "normal",
+      "subMetas": {}
+    },
+    "RedEyePacman-Left-01.png": {
+      "ver": "1.0.4",
+      "uuid": "c9528117-c878-41aa-ad5d-641fefcaa89f",
+      "rawTextureUuid": "69e8c316-dbc5-4e11-a720-bc86db323a70",
+      "trimType": "auto",
+      "trimThreshold": 1,
+      "rotated": false,
+      "offsetX": 0,
+      "offsetY": 0,
+      "trimX": 1507,
+      "trimY": 1,
+      "width": 500,
+      "height": 500,
+      "rawWidth": 500,
+      "rawHeight": 500,
+      "borderTop": 0,
+      "borderBottom": 0,
+      "borderLeft": 0,
+      "borderRight": 0,
+      "spriteType": "normal",
+      "subMetas": {}
+    },
+    "RedEyePacman-Left-02.png": {
+      "ver": "1.0.4",
+      "uuid": "c0e5d042-8bc1-449b-9a2d-7844129c5188",
+      "rawTextureUuid": "69e8c316-dbc5-4e11-a720-bc86db323a70",
+      "trimType": "auto",
+      "trimThreshold": 1,
+      "rotated": false,
+      "offsetX": 0,
+      "offsetY": 0,
+      "trimX": 503,
+      "trimY": 503,
+      "width": 500,
+      "height": 500,
+      "rawWidth": 500,
+      "rawHeight": 500,
+      "borderTop": 0,
+      "borderBottom": 0,
+      "borderLeft": 0,
+      "borderRight": 0,
+      "spriteType": "normal",
+      "subMetas": {}
+    },
+    "RedEyePacman-Right-01.png": {
+      "ver": "1.0.4",
+      "uuid": "1054cf4c-69a5-4834-8966-03bc613d4483",
+      "rawTextureUuid": "69e8c316-dbc5-4e11-a720-bc86db323a70",
+      "trimType": "auto",
+      "trimThreshold": 1,
+      "rotated": false,
+      "offsetX": 0,
+      "offsetY": 0,
+      "trimX": 503,
+      "trimY": 1005,
+      "width": 500,
+      "height": 500,
+      "rawWidth": 500,
+      "rawHeight": 500,
+      "borderTop": 0,
+      "borderBottom": 0,
+      "borderLeft": 0,
+      "borderRight": 0,
+      "spriteType": "normal",
+      "subMetas": {}
+    },
+    "RedEyePacman-Right-02.png": {
+      "ver": "1.0.4",
+      "uuid": "b88522bd-8b6b-44a1-9c84-5518ae7f5c2c",
+      "rawTextureUuid": "69e8c316-dbc5-4e11-a720-bc86db323a70",
+      "trimType": "auto",
+      "trimThreshold": 1,
+      "rotated": false,
+      "offsetX": 0,
+      "offsetY": 0,
+      "trimX": 503,
+      "trimY": 1507,
+      "width": 500,
+      "height": 500,
+      "rawWidth": 500,
+      "rawHeight": 500,
+      "borderTop": 0,
+      "borderBottom": 0,
+      "borderLeft": 0,
+      "borderRight": 0,
+      "spriteType": "normal",
+      "subMetas": {}
+    },
+    "RedEyePacman-Top-01.png": {
+      "ver": "1.0.4",
+      "uuid": "9702ca76-66c8-4ea9-a976-45f86e15830a",
+      "rawTextureUuid": "69e8c316-dbc5-4e11-a720-bc86db323a70",
+      "trimType": "auto",
+      "trimThreshold": 1,
+      "rotated": false,
+      "offsetX": 0,
+      "offsetY": 0,
+      "trimX": 1005,
+      "trimY": 503,
+      "width": 500,
+      "height": 500,
+      "rawWidth": 500,
+      "rawHeight": 500,
+      "borderTop": 0,
+      "borderBottom": 0,
+      "borderLeft": 0,
+      "borderRight": 0,
+      "spriteType": "normal",
+      "subMetas": {}
+    },
+    "RedEyePacman-Top-02.png": {
+      "ver": "1.0.4",
+      "uuid": "6390f1c3-b4cc-41df-acfb-645e8f90fb36",
+      "rawTextureUuid": "69e8c316-dbc5-4e11-a720-bc86db323a70",
+      "trimType": "auto",
+      "trimThreshold": 1,
+      "rotated": false,
+      "offsetX": 0,
+      "offsetY": 0,
+      "trimX": 1507,
+      "trimY": 503,
+      "width": 500,
+      "height": 500,
+      "rawWidth": 500,
+      "rawHeight": 500,
+      "borderTop": 0,
+      "borderBottom": 0,
+      "borderLeft": 0,
+      "borderRight": 0,
+      "spriteType": "normal",
+      "subMetas": {}
+    },
+    "RedEyePacman-TopLeft-01.png": {
+      "ver": "1.0.4",
+      "uuid": "a669112a-f263-443d-9757-60d0372e0fe8",
+      "rawTextureUuid": "69e8c316-dbc5-4e11-a720-bc86db323a70",
+      "trimType": "auto",
+      "trimThreshold": 1,
+      "rotated": false,
+      "offsetX": 0,
+      "offsetY": 0,
+      "trimX": 1005,
+      "trimY": 1005,
+      "width": 500,
+      "height": 500,
+      "rawWidth": 500,
+      "rawHeight": 500,
+      "borderTop": 0,
+      "borderBottom": 0,
+      "borderLeft": 0,
+      "borderRight": 0,
+      "spriteType": "normal",
+      "subMetas": {}
+    },
+    "RedEyePacman-TopLeft-02.png": {
+      "ver": "1.0.4",
+      "uuid": "3ed70f56-3b60-4bda-9d2a-8d4b5ecb12f9",
+      "rawTextureUuid": "69e8c316-dbc5-4e11-a720-bc86db323a70",
+      "trimType": "auto",
+      "trimThreshold": 1,
+      "rotated": false,
+      "offsetX": 0,
+      "offsetY": 0,
+      "trimX": 1005,
+      "trimY": 1507,
+      "width": 500,
+      "height": 500,
+      "rawWidth": 500,
+      "rawHeight": 500,
+      "borderTop": 0,
+      "borderBottom": 0,
+      "borderLeft": 0,
+      "borderRight": 0,
+      "spriteType": "normal",
+      "subMetas": {}
+    },
+    "RedEyePacman-TopRight-01.png": {
+      "ver": "1.0.4",
+      "uuid": "3d84f335-85c4-4dd0-a5d3-38f4da1e1611",
+      "rawTextureUuid": "69e8c316-dbc5-4e11-a720-bc86db323a70",
+      "trimType": "auto",
+      "trimThreshold": 1,
+      "rotated": false,
+      "offsetX": 0,
+      "offsetY": 0,
+      "trimX": 1507,
+      "trimY": 1005,
+      "width": 500,
+      "height": 500,
+      "rawWidth": 500,
+      "rawHeight": 500,
+      "borderTop": 0,
+      "borderBottom": 0,
+      "borderLeft": 0,
+      "borderRight": 0,
+      "spriteType": "normal",
+      "subMetas": {}
+    },
+    "RedEyePacman-TopRight-02.png": {
+      "ver": "1.0.4",
+      "uuid": "6d36877f-dc27-4ebc-9407-14fbcf2314df",
+      "rawTextureUuid": "69e8c316-dbc5-4e11-a720-bc86db323a70",
+      "trimType": "auto",
+      "trimThreshold": 1,
+      "rotated": false,
+      "offsetX": 0,
+      "offsetY": 0,
+      "trimX": 1507,
+      "trimY": 1507,
+      "width": 500,
+      "height": 500,
+      "rawWidth": 500,
+      "rawHeight": 500,
+      "borderTop": 0,
+      "borderBottom": 0,
+      "borderLeft": 0,
+      "borderRight": 0,
+      "spriteType": "normal",
+      "subMetas": {}
+    }
+  }
+}
--- a/frontend/assets/resources/animation/FrameAnimTextures/bulldozer-red.png
+++ b/frontend/assets/resources/animation/FrameAnimTextures/bulldozer-red.png
--- a/frontend/assets/resources/animation/FrameAnimTextures/bulldozer-red.png.meta
+++ b/frontend/assets/resources/animation/FrameAnimTextures/bulldozer-red.png.meta
@@ -0,0 +1,34 @@
+{
+  "ver": "2.3.3",
+  "uuid": "69e8c316-dbc5-4e11-a720-bc86db323a70",
+  "type": "sprite",
+  "wrapMode": "clamp",
+  "filterMode": "bilinear",
+  "premultiplyAlpha": false,
+  "genMipmaps": false,
+  "packable": true,
+  "platformSettings": {},
+  "subMetas": {
+    "bulldozer-red": {
+      "ver": "1.0.4",
+      "uuid": "1ad07a4b-1001-4d16-a77b-17e4e5ef51bd",
+      "rawTextureUuid": "69e8c316-dbc5-4e11-a720-bc86db323a70",
+      "trimType": "auto",
+      "trimThreshold": 1,
+      "rotated": false,
+      "offsetX": 0,
+      "offsetY": -45.5,
+      "trimX": 0,
+      "trimY": 91,
+      "width": 2008,
+      "height": 1917,
+      "rawWidth": 2008,
+      "rawHeight": 2008,
+      "borderTop": 0,
+      "borderBottom": 0,
+      "borderLeft": 0,
+      "borderRight": 0,
+      "subMetas": {}
+    }
+  }
+}
--- a/frontend/assets/resources/animation/RedPacman.meta
+++ b/frontend/assets/resources/animation/RedPacman.meta
@@ -0,0 +1,7 @@
+{
+  "ver": "1.0.1",
+  "uuid": "135f388e-7e75-4ece-b267-4e07835cba74",
+  "isSubpackage": false,
+  "subpackageName": "",
+  "subMetas": {}
+}
--- a/frontend/assets/resources/animation/RedPacman/Bottom.anim
+++ b/frontend/assets/resources/animation/RedPacman/Bottom.anim
@@ -0,0 +1,31 @@
+{
+  "__type__": "cc.AnimationClip",
+  "_name": "Bottom",
+  "_objFlags": 0,
+  "_native": "",
+  "_duration": 0.25,
+  "sample": 12,
+  "speed": 1,
+  "wrapMode": "2",
+  "curveData": {
+    "comps": {
+      "cc.Sprite": {
+        "spriteFrame": [
+          {
+            "frame": 0,
+            "value": {
+              "__uuid__": "c79694bc-ff6f-416b-9047-b82f41fe791a"
+            }
+          },
+          {
+            "frame": 0.16666666666666666,
+            "value": {
+              "__uuid__": "609c77a2-bdfe-4967-8de6-646532302c97"
+            }
+          }
+        ]
+      }
+    }
+  },
+  "events": []
+}
--- a/frontend/assets/resources/animation/RedPacman/Bottom.anim.meta
+++ b/frontend/assets/resources/animation/RedPacman/Bottom.anim.meta
@@ -0,0 +1,5 @@
+{
+  "ver": "2.1.0",
+  "uuid": "28194c48-ae3b-4197-8263-0d474ae8b9bc",
+  "subMetas": {}
+}
--- a/frontend/assets/resources/animation/RedPacman/BottomLeft.anim
+++ b/frontend/assets/resources/animation/RedPacman/BottomLeft.anim
@@ -0,0 +1,31 @@
+{
+  "__type__": "cc.AnimationClip",
+  "_name": "BottomLeft",
+  "_objFlags": 0,
+  "_native": "",
+  "_duration": 0.25,
+  "sample": 12,
+  "speed": 1,
+  "wrapMode": "2",
+  "curveData": {
+    "comps": {
+      "cc.Sprite": {
+        "spriteFrame": [
+          {
+            "frame": 0,
+            "value": {
+              "__uuid__": "07b6d385-3f51-48c1-8165-38756b3d84fa"
+            }
+          },
+          {
+            "frame": 0.16666666666666666,
+            "value": {
+              "__uuid__": "c627bf3b-0e97-4423-aeea-54c7511894d6"
+            }
+          }
+        ]
+      }
+    }
+  },
+  "events": []
+}
--- a/frontend/assets/resources/animation/RedPacman/BottomLeft.anim.meta
+++ b/frontend/assets/resources/animation/RedPacman/BottomLeft.anim.meta
@@ -0,0 +1,5 @@
+{
+  "ver": "2.1.0",
+  "uuid": "e1c45a36-2022-4b18-a2db-b5e2e0a120ed",
+  "subMetas": {}
+}
--- a/frontend/assets/resources/animation/RedPacman/BottomRight.anim
+++ b/frontend/assets/resources/animation/RedPacman/BottomRight.anim
@@ -0,0 +1,31 @@
+{
+  "__type__": "cc.AnimationClip",
+  "_name": "BottomRight",
+  "_objFlags": 0,
+  "_native": "",
+  "_duration": 0.25,
+  "sample": 12,
+  "speed": 1,
+  "wrapMode": "2",
+  "curveData": {
+    "comps": {
+      "cc.Sprite": {
+        "spriteFrame": [
+          {
+            "frame": 0,
+            "value": {
+              "__uuid__": "d0327836-1910-4c6a-9291-c8bb044c54f5"
+            }
+          },
+          {
+            "frame": 0.16666666666666666,
+            "value": {
+              "__uuid__": "1d3e614a-bb2a-4b1d-87ca-0cddd6e03fff"
+            }
+          }
+        ]
+      }
+    }
+  },
+  "events": []
+}
--- a/frontend/assets/resources/animation/RedPacman/BottomRight.anim.meta
+++ b/frontend/assets/resources/animation/RedPacman/BottomRight.anim.meta
@@ -0,0 +1,5 @@
+{
+  "ver": "2.1.0",
+  "uuid": "126dff26-0ace-439d-89b5-b888aa52d159",
+  "subMetas": {}
+}
--- a/frontend/assets/resources/animation/RedPacman/Left.anim
+++ b/frontend/assets/resources/animation/RedPacman/Left.anim
@@ -0,0 +1,31 @@
+{
+  "__type__": "cc.AnimationClip",
+  "_name": "Left",
+  "_objFlags": 0,
+  "_native": "",
+  "_duration": 0.25,
+  "sample": 12,
+  "speed": 1,
+  "wrapMode": "2",
+  "curveData": {
+    "comps": {
+      "cc.Sprite": {
+        "spriteFrame": [
+          {
+            "frame": 0,
+            "value": {
+              "__uuid__": "c9528117-c878-41aa-ad5d-641fefcaa89f"
+            }
+          },
+          {
+            "frame": 0.16666666666666666,
+            "value": {
+              "__uuid__": "c0e5d042-8bc1-449b-9a2d-7844129c5188"
+            }
+          }
+        ]
+      }
+    }
+  },
+  "events": []
+}
--- a/frontend/assets/resources/animation/RedPacman/Left.anim.meta
+++ b/frontend/assets/resources/animation/RedPacman/Left.anim.meta
@@ -0,0 +1,5 @@
+{
+  "ver": "2.1.0",
+  "uuid": "95c2d541-8f99-446a-a7e0-094130ce6d41",
+  "subMetas": {}
+}
--- a/frontend/assets/resources/animation/RedPacman/Right.anim
+++ b/frontend/assets/resources/animation/RedPacman/Right.anim
@@ -0,0 +1,31 @@
+{
+  "__type__": "cc.AnimationClip",
+  "_name": "Right",
+  "_objFlags": 0,
+  "_native": "",
+  "_duration": 0.25,
+  "sample": 12,
+  "speed": 1,
+  "wrapMode": "2",
+  "curveData": {
+    "comps": {
+      "cc.Sprite": {
+        "spriteFrame": [
+          {
+            "frame": 0,
+            "value": {
+              "__uuid__": "1054cf4c-69a5-4834-8966-03bc613d4483"
+            }
+          },
+          {
+            "frame": 0.16666666666666666,
+            "value": {
+              "__uuid__": "b88522bd-8b6b-44a1-9c84-5518ae7f5c2c"
+            }
+          }
+        ]
+      }
+    }
+  },
+  "events": []
+}
--- a/frontend/assets/resources/animation/RedPacman/Right.anim.meta
+++ b/frontend/assets/resources/animation/RedPacman/Right.anim.meta
@@ -0,0 +1,5 @@
+{
+  "ver": "2.1.0",
+  "uuid": "380f5fa0-f77f-434a-8f39-d545ee6823c5",
+  "subMetas": {}
+}
--- a/frontend/assets/resources/animation/RedPacman/Top.anim
+++ b/frontend/assets/resources/animation/RedPacman/Top.anim
@@ -0,0 +1,31 @@
+{
+  "__type__": "cc.AnimationClip",
+  "_name": "Top",
+  "_objFlags": 0,
+  "_native": "",
+  "_duration": 0.25,
+  "sample": 12,
+  "speed": 1,
+  "wrapMode": "2",
+  "curveData": {
+    "comps": {
+      "cc.Sprite": {
+        "spriteFrame": [
+          {
+            "frame": 0,
+            "value": {
+              "__uuid__": "9702ca76-66c8-4ea9-a976-45f86e15830a"
+            }
+          },
+          {
+            "frame": 0.16666666666666666,
+            "value": {
+              "__uuid__": "6390f1c3-b4cc-41df-acfb-645e8f90fb36"
+            }
+          }
+        ]
+      }
+    }
+  },
+  "events": []
+}
--- a/frontend/assets/resources/animation/RedPacman/Top.anim.meta
+++ b/frontend/assets/resources/animation/RedPacman/Top.anim.meta
@@ -0,0 +1,5 @@
+{
+  "ver": "2.1.0",
+  "uuid": "a306c6de-ccd8-492b-bfec-c6be0a4cbde2",
+  "subMetas": {}
+}
--- a/frontend/assets/resources/animation/RedPacman/TopLeft.anim
+++ b/frontend/assets/resources/animation/RedPacman/TopLeft.anim
@@ -0,0 +1,31 @@
+{
+  "__type__": "cc.AnimationClip",
+  "_name": "TopLeft",
+  "_objFlags": 0,
+  "_native": "",
+  "_duration": 0.25,
+  "sample": 12,
+  "speed": 1,
+  "wrapMode": "2",
+  "curveData": {
+    "comps": {
+      "cc.Sprite": {
+        "spriteFrame": [
+          {
+            "frame": 0,
+            "value": {
+              "__uuid__": "a669112a-f263-443d-9757-60d0372e0fe8"
+            }
+          },
+          {
+            "frame": 0.16666666666666666,
+            "value": {
+              "__uuid__": "3ed70f56-3b60-4bda-9d2a-8d4b5ecb12f9"
+            }
+          }
+        ]
+      }
+    }
+  },
+  "events": []
+}
--- a/frontend/assets/resources/animation/RedPacman/TopLeft.anim.meta
+++ b/frontend/assets/resources/animation/RedPacman/TopLeft.anim.meta
@@ -0,0 +1,5 @@
+{
+  "ver": "2.1.0",
+  "uuid": "f496072b-51fd-4406-abbd-9885ac23f7a9",
+  "subMetas": {}
+}
--- a/frontend/assets/resources/animation/RedPacman/TopRight.anim
+++ b/frontend/assets/resources/animation/RedPacman/TopRight.anim
@@ -0,0 +1,31 @@
+{
+  "__type__": "cc.AnimationClip",
+  "_name": "TopRight",
+  "_objFlags": 0,
+  "_native": "",
+  "_duration": 0.25,
+  "sample": 12,
+  "speed": 1,
+  "wrapMode": "2",
+  "curveData": {
+    "comps": {
+      "cc.Sprite": {
+        "spriteFrame": [
+          {
+            "frame": 0,
+            "value": {
+              "__uuid__": "3d84f335-85c4-4dd0-a5d3-38f4da1e1611"
+            }
+          },
+          {
+            "frame": 0.16666666666666666,
+            "value": {
+              "__uuid__": "6d36877f-dc27-4ebc-9407-14fbcf2314df"
+            }
+          }
+        ]
+      }
+    }
+  },
+  "events": []
+}
--- a/frontend/assets/resources/animation/RedPacman/TopRight.anim.meta
+++ b/frontend/assets/resources/animation/RedPacman/TopRight.anim.meta
@@ -0,0 +1,5 @@
+{
+  "ver": "2.1.0",
+  "uuid": "6405ad8b-3084-4b67-8c2e-9b4d34fa3d09",
+  "subMetas": {}
+}
--- a/frontend/assets/resources/animation/RedPacman/attackedLeft.anim
+++ b/frontend/assets/resources/animation/RedPacman/attackedLeft.anim
@@ -0,0 +1,43 @@
+{
+  "__type__": "cc.AnimationClip",
+  "_name": "attackedLeft",
+  "_objFlags": 0,
+  "_native": "",
+  "_duration": 0.3333333333333333,
+  "sample": 12,
+  "speed": 1,
+  "wrapMode": "2",
+  "curveData": {
+    "comps": {
+      "cc.Sprite": {
+        "spriteFrame": [
+          {
+            "frame": 0,
+            "value": {
+              "__uuid__": "c9528117-c878-41aa-ad5d-641fefcaa89f"
+            }
+          },
+          {
+            "frame": 0.08333333333333333,
+            "value": {
+              "__uuid__": "987c7dc0-e81f-4891-979d-0998794e6889"
+            }
+          },
+          {
+            "frame": 0.16666666666666666,
+            "value": {
+              "__uuid__": "c0e5d042-8bc1-449b-9a2d-7844129c5188"
+            }
+          },
+          {
+            "frame": 0.25,
+            "value": {
+              "__uuid__": "9205c378-c50c-4303-af32-dbf9422375cf"
+            }
+          }
+        ]
+      }
+    }
+  },
+  "events": []
+}
--- a/frontend/assets/resources/animation/RedPacman/attackedLeft.anim.meta
+++ b/frontend/assets/resources/animation/RedPacman/attackedLeft.anim.meta
@@ -0,0 +1,5 @@
+{
+  "ver": "2.1.0",
+  "uuid": "af16cdcb-6e82-4be6-806d-9fc52ae99fff",
+  "subMetas": {}
+}
--- a/frontend/assets/resources/animation/RedPacman/attackedRight.anim
+++ b/frontend/assets/resources/animation/RedPacman/attackedRight.anim
@@ -0,0 +1,43 @@
+{
+  "__type__": "cc.AnimationClip",
+  "_name": "attackedRight",
+  "_objFlags": 0,
+  "_native": "",
+  "_duration": 0.3333333333333333,
+  "sample": 12,
+  "speed": 1,
+  "wrapMode": "2",
+  "curveData": {
+    "comps": {
+      "cc.Sprite": {
+        "spriteFrame": [
+          {
+            "frame": 0,
+            "value": {
+              "__uuid__": "1054cf4c-69a5-4834-8966-03bc613d4483"
+            }
+          },
+          {
+            "frame": 0.08333333333333333,
+            "value": {
+              "__uuid__": "8f3cf81e-1251-4013-b684-13f2830c7425"
+            }
+          },
+          {
+            "frame": 0.16666666666666666,
+            "value": {
+              "__uuid__": "b88522bd-8b6b-44a1-9c84-5518ae7f5c2c"
+            }
+          },
+          {
+            "frame": 0.25,
+            "value": {
+              "__uuid__": "69f1bd37-6628-4fd1-b0f2-08073d1edb29"
+            }
+          }
+        ]
+      }
+    }
+  },
+  "events": []
+}
--- a/frontend/assets/resources/animation/RedPacman/attackedRight.anim.meta
+++ b/frontend/assets/resources/animation/RedPacman/attackedRight.anim.meta
@@ -0,0 +1,5 @@
+{
+  "ver": "2.1.0",
+  "uuid": "02eba566-4d22-4fa7-99d7-f032f5845421",
+  "subMetas": {}
+}
--- a/frontend/assets/resources/animation/findingPlayer.anim
+++ b/frontend/assets/resources/animation/findingPlayer.anim
@@ -0,0 +1,55 @@
+{
+  "__type__": "cc.AnimationClip",
+  "_name": "findingPlayer",
+  "_objFlags": 0,
+  "_native": "",
+  "_duration": 0.75,
+  "sample": 8,
+  "speed": 1,
+  "wrapMode": "2",
+  "curveData": {
+    "comps": {
+      "cc.Sprite": {
+        "spriteFrame": [
+          {
+            "frame": 0,
+            "value": {
+              "__uuid__": "7b86de0f-ea49-42c3-bdd0-db8de330e9aa"
+            }
+          },
+          {
+            "frame": 0.125,
+            "value": {
+              "__uuid__": "819073c0-7a15-4679-957b-65a226d8fce4"
+            }
+          },
+          {
+            "frame": 0.25,
+            "value": {
+              "__uuid__": "6ff26f1f-30d1-4e49-b76c-d9bc61eb6ce0"
+            }
+          },
+          {
+            "frame": 0.375,
+            "value": {
+              "__uuid__": "44c52db6-d112-4829-96f2-6fd57a8a0d7f"
+            }
+          },
+          {
+            "frame": 0.5,
+            "value": {
+              "__uuid__": "efd42f06-82ad-4b1b-9134-6f35c26bf10f"
+            }
+          },
+          {
+            "frame": 0.625,
+            "value": {
+              "__uuid__": "19094751-ab4e-40b6-9216-dd7887d80c86"
+            }
+          }
+        ]
+      }
+    }
+  },
+  "events": []
+}
--- a/frontend/assets/resources/animation/findingPlayer.anim.meta
+++ b/frontend/assets/resources/animation/findingPlayer.anim.meta
@@ -0,0 +1,5 @@
+{
+  "ver": "2.1.0",
+  "uuid": "2062218a-c5d4-4cbb-959e-77e8e5a96344",
+  "subMetas": {}
+}
--- a/frontend/assets/resources/font.meta
+++ b/frontend/assets/resources/font.meta
@@ -0,0 +1,7 @@
+{
+  "ver": "1.0.1",
+  "uuid": "4e96044d-39b2-4388-8c2f-89264ffee38b",
+  "isSubpackage": false,
+  "subpackageName": "",
+  "subMetas": {}
+}
--- a/frontend/assets/resources/font/mikado_outline_shadow.fnt
+++ b/frontend/assets/resources/font/mikado_outline_shadow.fnt
@@ -0,0 +1,99 @@
+info face="Mikado" size=36 bold=1 italic=0 charset="" unicode=0 stretchH=100 smooth=1 aa=1 padding=0,0,0,0 spacing=2,2
+common lineHeight=49 base=36 scaleW=512 scaleH=256 pages=1 packed=0
+page id=0 file="mikado_outline_shadow.png"
+chars count=95
+char id=32     x=294   y=208   width=0     height=0     xoffset=0     yoffset=40    xadvance=7     page=0 chnl=0 letter="space"
+char id=33     x=460   y=132   width=18    height=37    xoffset=1     yoffset=3     xadvance=11    page=0 chnl=0 letter="!"
+char id=34     x=131   y=208   width=23    height=22    xoffset=0     yoffset=3     xadvance=15    page=0 chnl=0 letter="""
+char id=35     x=68    y=132   width=31    height=37    xoffset=-0    yoffset=3     xadvance=22    page=0 chnl=0 letter="#"
+char id=36     x=122   y=2     width=30    height=44    xoffset=0     yoffset=-1    xadvance=21    page=0 chnl=0 letter="$"
+char id=37     x=128   y=51    width=39    height=38    xoffset=-0    yoffset=3     xadvance=30    page=0 chnl=0 letter="%"
+char id=38     x=242   y=51    width=33    height=38    xoffset=1     yoffset=3     xadvance=25    page=0 chnl=0 letter="&"
+char id=39     x=156   y=208   width=15    height=22    xoffset=0     yoffset=3     xadvance=7     page=0 chnl=0 letter="'"
+char id=40     x=251   y=2     width=23    height=42    xoffset=0     yoffset=3     xadvance=14    page=0 chnl=0 letter="("
+char id=41     x=276   y=2     width=23    height=42    xoffset=-1    yoffset=3     xadvance=14    page=0 chnl=0 letter=")"
+char id=42     x=50    y=208   width=23    height=24    xoffset=0     yoffset=1     xadvance=15    page=0 chnl=0 letter="*"
+char id=43     x=232   y=171   width=28    height=30    xoffset=-0    yoffset=9     xadvance=19    page=0 chnl=0 letter="+"
+char id=44     x=30    y=208   width=18    height=26    xoffset=0     yoffset=21    xadvance=10    page=0 chnl=0 letter=","
+char id=45     x=246   y=208   width=22    height=16    xoffset=1     yoffset=16    xadvance=14    page=0 chnl=0 letter="-"
+char id=46     x=196   y=208   width=18    height=19    xoffset=0     yoffset=22    xadvance=10    page=0 chnl=0 letter="."
+char id=47     x=223   y=2     width=26    height=42    xoffset=-0    yoffset=1     xadvance=17    page=0 chnl=0 letter="/"
+char id=48     x=134   y=92    width=30    height=38    xoffset=0     yoffset=3     xadvance=22    page=0 chnl=0 letter="0"
+char id=49     x=435   y=132   width=23    height=37    xoffset=-1    yoffset=3     xadvance=15    page=0 chnl=0 letter="1"
+char id=50     x=349   y=132   width=27    height=37    xoffset=-0    yoffset=3     xadvance=19    page=0 chnl=0 letter="2"
+char id=51     x=351   y=92    width=28    height=38    xoffset=-0    yoffset=2     xadvance=19    page=0 chnl=0 letter="3"
+char id=52     x=35    y=132   width=31    height=37    xoffset=-1    yoffset=3     xadvance=21    page=0 chnl=0 letter="4"
+char id=53     x=321   y=92    width=28    height=38    xoffset=-0    yoffset=2     xadvance=19    page=0 chnl=0 letter="5"
+char id=54     x=259   y=92    width=29    height=38    xoffset=0     yoffset=2     xadvance=20    page=0 chnl=0 letter="6"
+char id=55     x=378   y=132   width=27    height=37    xoffset=-0    yoffset=3     xadvance=17    page=0 chnl=0 letter="7"
+char id=56     x=228   y=92    width=29    height=38    xoffset=0     yoffset=3     xadvance=21    page=0 chnl=0 letter="8"
+char id=57     x=290   y=92    width=29    height=38    xoffset=-0    yoffset=2     xadvance=20    page=0 chnl=0 letter="9"
+char id=58     x=456   y=171   width=18    height=30    xoffset=0     yoffset=11    xadvance=10    page=0 chnl=0 letter=":"
+char id=59     x=480   y=132   width=18    height=37    xoffset=1     yoffset=10    xadvance=11    page=0 chnl=0 letter=";"
+char id=60     x=2     y=208   width=26    height=27    xoffset=-0    yoffset=10    xadvance=17    page=0 chnl=0 letter="<"
+char id=61     x=103   y=208   width=26    height=22    xoffset=1     yoffset=13    xadvance=19    page=0 chnl=0 letter="="
+char id=62     x=476   y=171   width=26    height=28    xoffset=0     yoffset=11    xadvance=18    page=0 chnl=0 letter=">"
+char id=63     x=381   y=92    width=25    height=38    xoffset=-0    yoffset=2     xadvance=17    page=0 chnl=0 letter="?"
+char id=64     x=17    y=2     width=44    height=46    xoffset=0     yoffset=3     xadvance=36    page=0 chnl=0 letter="@"
+char id=65     x=427   y=92    width=35    height=37    xoffset=-0    yoffset=3     xadvance=26    page=0 chnl=0 letter="A"
+char id=66     x=101   y=132   width=30    height=37    xoffset=1     yoffset=3     xadvance=23    page=0 chnl=0 letter="B"
+char id=67     x=2     y=92    width=32    height=38    xoffset=0     yoffset=3     xadvance=23    page=0 chnl=0 letter="C"
+char id=68     x=464   y=92    width=32    height=37    xoffset=1     yoffset=3     xadvance=25    page=0 chnl=0 letter="D"
+char id=69     x=260   y=132   width=28    height=37    xoffset=1     yoffset=3     xadvance=21    page=0 chnl=0 letter="E"
+char id=70     x=290   y=132   width=28    height=37    xoffset=1     yoffset=3     xadvance=21    page=0 chnl=0 letter="F"
+char id=71     x=312   y=51    width=33    height=38    xoffset=0     yoffset=3     xadvance=25    page=0 chnl=0 letter="G"
+char id=72     x=277   y=51    width=33    height=38    xoffset=1     yoffset=3     xadvance=27    page=0 chnl=0 letter="H"
+char id=73     x=408   y=92    width=17    height=38    xoffset=1     yoffset=3     xadvance=11    page=0 chnl=0 letter="I"
+char id=74     x=407   y=132   width=26    height=37    xoffset=-1    yoffset=3     xadvance=17    page=0 chnl=0 letter="J"
+char id=75     x=36    y=92    width=32    height=38    xoffset=1     yoffset=3     xadvance=24    page=0 chnl=0 letter="K"
+char id=76     x=320   y=132   width=27    height=37    xoffset=1     yoffset=3     xadvance=19    page=0 chnl=0 letter="L"
+char id=77     x=85    y=51    width=41    height=38    xoffset=-0    yoffset=3     xadvance=32    page=0 chnl=0 letter="M"
+char id=78     x=417   y=51    width=33    height=38    xoffset=1     yoffset=3     xadvance=27    page=0 chnl=0 letter="N"
+char id=79     x=169   y=51    width=35    height=38    xoffset=0     yoffset=3     xadvance=27    page=0 chnl=0 letter="O"
+char id=80     x=165   y=132   width=30    height=37    xoffset=1     yoffset=3     xadvance=23    page=0 chnl=0 letter="P"
+char id=81     x=85    y=2     width=35    height=45    xoffset=0     yoffset=3     xadvance=27    page=0 chnl=0 letter="Q"
+char id=82     x=2     y=132   width=31    height=37    xoffset=1     yoffset=4     xadvance=24    page=0 chnl=0 letter="R"
+char id=83     x=197   y=132   width=30    height=37    xoffset=-0    yoffset=3     xadvance=21    page=0 chnl=0 letter="S"
+char id=84     x=133   y=132   width=30    height=37    xoffset=-1    yoffset=3     xadvance=21    page=0 chnl=0 letter="T"
+char id=85     x=452   y=51    width=32    height=38    xoffset=1     yoffset=3     xadvance=26    page=0 chnl=0 letter="U"
+char id=86     x=206   y=51    width=34    height=38    xoffset=-1    yoffset=2     xadvance=24    page=0 chnl=0 letter="V"
+char id=87     x=40    y=51    width=43    height=38    xoffset=-0    yoffset=3     xadvance=34    page=0 chnl=0 letter="W"
+char id=88     x=382   y=51    width=33    height=38    xoffset=-1    yoffset=3     xadvance=23    page=0 chnl=0 letter="X"
+char id=89     x=347   y=51    width=33    height=38    xoffset=-1    yoffset=3     xadvance=23    page=0 chnl=0 letter="Y"
+char id=90     x=229   y=132   width=29    height=37    xoffset=0     yoffset=3     xadvance=21    page=0 chnl=0 letter="Z"
+char id=91     x=200   y=2     width=21    height=43    xoffset=1     yoffset=3     xadvance=13    page=0 chnl=0 letter="["
+char id=92     x=387   y=2     width=25    height=40    xoffset=-0    yoffset=1     xadvance=16    page=0 chnl=0 letter="\"
+char id=93     x=301   y=2     width=21    height=42    xoffset=-0    yoffset=3     xadvance=13    page=0 chnl=0 letter="]"
+char id=94     x=75    y=208   width=26    height=23    xoffset=-0    yoffset=2     xadvance=17    page=0 chnl=0 letter="^"
+char id=95     x=270   y=208   width=22    height=15    xoffset=1     yoffset=30    xadvance=15    page=0 chnl=0 letter="_"
+char id=96     x=173   y=208   width=21    height=19    xoffset=1     yoffset=2     xadvance=14    page=0 chnl=0 letter="`"
+char id=97     x=321   y=171   width=26    height=30    xoffset=-0    yoffset=10    xadvance=18    page=0 chnl=0 letter="a"
+char id=98     x=324   y=2     width=30    height=40    xoffset=-0    yoffset=1     xadvance=21    page=0 chnl=0 letter="b"
+char id=99     x=349   y=171   width=26    height=30    xoffset=-0    yoffset=11    xadvance=17    page=0 chnl=0 letter="c"
+char id=100    x=414   y=2     width=30    height=39    xoffset=0     yoffset=2     xadvance=22    page=0 chnl=0 letter="d"
+char id=101    x=292   y=171   width=27    height=30    xoffset=-0    yoffset=10    xadvance=18    page=0 chnl=0 letter="e"
+char id=102    x=476   y=2     width=26    height=39    xoffset=-1    yoffset=2     xadvance=15    page=0 chnl=0 letter="f"
+char id=103    x=102   y=92    width=30    height=38    xoffset=0     yoffset=10    xadvance=22    page=0 chnl=0 letter="g"
+char id=104    x=446   y=2     width=28    height=39    xoffset=1     yoffset=1     xadvance=21    page=0 chnl=0 letter="h"
+char id=105    x=2     y=51    width=17    height=39    xoffset=1     yoffset=1     xadvance=10    page=0 chnl=0 letter="i"
+char id=106    x=63    y=2     width=20    height=46    xoffset=-2    yoffset=2     xadvance=10    page=0 chnl=0 letter="j"
+char id=107    x=356   y=2     width=29    height=40    xoffset=0     yoffset=1     xadvance=20    page=0 chnl=0 letter="k"
+char id=108    x=21    y=51    width=17    height=39    xoffset=1     yoffset=1     xadvance=9     page=0 chnl=0 letter="l"
+char id=109    x=68    y=171   width=38    height=30    xoffset=1     yoffset=10    xadvance=31    page=0 chnl=0 letter="m"
+char id=110    x=202   y=171   width=28    height=30    xoffset=1     yoffset=10    xadvance=21    page=0 chnl=0 letter="n"
+char id=111    x=171   y=171   width=29    height=30    xoffset=-0    yoffset=10    xadvance=20    page=0 chnl=0 letter="o"
+char id=112    x=70    y=92    width=30    height=38    xoffset=1     yoffset=10    xadvance=22    page=0 chnl=0 letter="p"
+char id=113    x=197   y=92    width=29    height=38    xoffset=0     yoffset=11    xadvance=21    page=0 chnl=0 letter="q"
+char id=114    x=431   y=171   width=23    height=30    xoffset=1     yoffset=10    xadvance=14    page=0 chnl=0 letter="r"
+char id=115    x=377   y=171   width=25    height=30    xoffset=-0    yoffset=11    xadvance=16    page=0 chnl=0 letter="s"
+char id=116    x=2     y=171   width=24    height=35    xoffset=-0    yoffset=6     xadvance=15    page=0 chnl=0 letter="t"
+char id=117    x=262   y=171   width=28    height=30    xoffset=1     yoffset=11    xadvance=21    page=0 chnl=0 letter="u"
+char id=118    x=108   y=171   width=30    height=30    xoffset=-0    yoffset=11    xadvance=20    page=0 chnl=0 letter="v"
+char id=119    x=28    y=171   width=38    height=30    xoffset=-0    yoffset=11    xadvance=29    page=0 chnl=0 letter="w"
+char id=120    x=140   y=171   width=29    height=30    xoffset=-1    yoffset=11    xadvance=19    page=0 chnl=0 letter="x"
+char id=121    x=166   y=92    width=29    height=38    xoffset=-1    yoffset=10    xadvance=19    page=0 chnl=0 letter="y"
+char id=122    x=404   y=171   width=25    height=30    xoffset=-0    yoffset=10    xadvance=16    page=0 chnl=0 letter="z"
+char id=123    x=154   y=2     width=21    height=43    xoffset=-1    yoffset=3     xadvance=12    page=0 chnl=0 letter="{"
+char id=124    x=2     y=2     width=13    height=47    xoffset=1     yoffset=1     xadvance=7     page=0 chnl=0 letter="|"
+char id=125    x=177   y=2     width=21    height=43    xoffset=-0    yoffset=3     xadvance=12    page=0 chnl=0 letter="}"
+char id=126    x=216   y=208   width=28    height=18    xoffset=0     yoffset=14    xadvance=20    page=0 chnl=0 letter="~"
--- a/frontend/assets/resources/font/mikado_outline_shadow.fnt.meta
+++ b/frontend/assets/resources/font/mikado_outline_shadow.fnt.meta
@@ -0,0 +1,7 @@
+{
+  "ver": "2.1.0",
+  "uuid": "a564b3db-b8cb-48b4-952e-25bb56949116",
+  "textureUuid": "71a46ef1-d7bc-4b93-b56d-1c0d1cd7bfee",
+  "fontSize": 36,
+  "subMetas": {}
+}
--- a/frontend/assets/resources/font/mikado_outline_shadow.png
+++ b/frontend/assets/resources/font/mikado_outline_shadow.png
--- a/frontend/assets/resources/font/mikado_outline_shadow.png.meta
+++ b/frontend/assets/resources/font/mikado_outline_shadow.png.meta
@@ -0,0 +1,34 @@
+{
+  "ver": "2.3.3",
+  "uuid": "71a46ef1-d7bc-4b93-b56d-1c0d1cd7bfee",
+  "type": "sprite",
+  "wrapMode": "clamp",
+  "filterMode": "bilinear",
+  "premultiplyAlpha": false,
+  "genMipmaps": false,
+  "packable": true,
+  "platformSettings": {},
+  "subMetas": {
+    "mikado_outline_shadow": {
+      "ver": "1.0.4",
+      "uuid": "c5f0f56d-1c5b-4c3a-a586-247ff0a50179",
+      "rawTextureUuid": "71a46ef1-d7bc-4b93-b56d-1c0d1cd7bfee",
+      "trimType": "auto",
+      "trimThreshold": 1,
+      "rotated": false,
+      "offsetX": -4.5,
+      "offsetY": 9,
+      "trimX": 3,
+      "trimY": 3,
+      "width": 497,
+      "height": 232,
+      "rawWidth": 512,
+      "rawHeight": 256,
+      "borderTop": 0,
+      "borderBottom": 0,
+      "borderLeft": 0,
+      "borderRight": 0,
+      "subMetas": {}
+    }
+  }
+}
--- a/frontend/assets/resources/i18n.meta
+++ b/frontend/assets/resources/i18n.meta
@@ -0,0 +1,7 @@
+{
+  "ver": "1.0.1",
+  "uuid": "9c88608b-f02d-4bcc-b0e3-f486509e7fe1",
+  "isSubpackage": false,
+  "subpackageName": "",
+  "subMetas": {}
+}
--- a/frontend/assets/resources/i18n/en.js
+++ b/frontend/assets/resources/i18n/en.js
@@ -0,0 +1,57 @@
+'use strict';
+
+if (!window.i18n) {
+  window.i18n = {};
+}
+
+if (!window.i18n.languages) {
+  window.i18n.languages = {};
+}
+
+window.i18n.languages['en'] = {
+  resultPanel: {
+    winnerLabel: "Winner",
+    loserLabel: "Loser",
+    timeLabel: "Time:",
+    timeTip: "(the last time to pick up the treasure) ",
+    awardLabel: "Award:",
+    againBtnLabel: "Again",
+    homeBtnLabel: "Home",
+  },
+  gameRule: {
+    tip: "经典吃豆人玩法，加入了实时对战元素。金豆100分，煎蛋200分，玩家在规定时间内得分高则获胜。要注意躲避防御塔攻击，被击中会被定住5秒的哦。开始游戏吧~",
+    mode: "1v1 模式",
+  },
+  login: {
+    "tips": {
+      "LOGOUT": 'Logout',
+      "DUPLICATED": 'Login id conflict, please retry',
+      "LOGIN_TOKEN_EXPIRED": 'Previous login status expired',
+      "PHONE_COUNTRY_CODE_ERR": 'Incorrect phone country code',
+      "CAPTCHA_ERR": 'Incorrect format',
+      "PHONE_ERR": 'Incorrect phone number format',
+      "SMS_CAPTCHA_FREQUENT_REQUIRE": 'Request too often',
+      "SMS_CAPTCHA_NOT_MATCH": 'Incorrect verification code',
+      "TEST_USER": 'test account',
+      "INCORRECT_PHONE_NUMBER": 'Incorrect phone number',
+      "LOGGED_IN_SUCCESSFULLY": "Logged in successfully, please wait...",
+
+      "PLEASE_AUTHORIZE_WECHAT_LOGIN_FIRST": "Please tap the screen to authorize WeChat login first",
+      "WECHAT_AUTHORIZED_AND_INT_AUTH_TOKEN_LOGGING_IN": "WeChat authorized, logging in...",
+      "WECHAT_LOGIN_FAILED_TAP_SCREEN_TO_RETRY": "WeChat login failed, tap the screen to retry",
+      "AUTO_LOGIN_FAILED_WILL_USE_MANUAL_LOGIN": "Auto login failed, creating manual login button",
+      "AUTO_LOGIN_1": "Automatically logging in",
+      "AUTO_LOGIN_2": "Automatically logging in...",
+    },
+  },
+  findingPlayer: {
+    exit: "Exit",
+    tip: "我们正在为你匹配另一位玩家，请稍等",
+    finding: "等等我，马上到...",
+  },
+  gameTip: {
+    start: "Start!",
+    resyncing: "Resyncing your battle, please wait...",
+  },
+
+};
--- a/frontend/assets/resources/i18n/en.js.meta
+++ b/frontend/assets/resources/i18n/en.js.meta
@@ -0,0 +1,9 @@
+{
+  "ver": "1.0.5",
+  "uuid": "225415b8-1a4c-4fd9-bb42-68b60c50bd7e",
+  "isPlugin": false,
+  "loadPluginInWeb": true,
+  "loadPluginInNative": true,
+  "loadPluginInEditor": false,
+  "subMetas": {}
+}
--- a/frontend/assets/resources/i18n/zh.js
+++ b/frontend/assets/resources/i18n/zh.js
@@ -0,0 +1,55 @@
+'use strict';
+
+if (!window.i18n) {
+  window.i18n = {};
+}
+
+if (!window.i18n.languages) {
+  window.i18n.languages = {};
+}
+
+window.i18n.languages['zh'] = {
+  resultPanel: {
+    winnerLabel: "Winner",
+    loserLabel: "Loser",
+    timeLabel: "Time:",
+    timeTip: "(the last time to pick up the treasure) ",
+    awardLabel: "Award:",
+    againBtnLabel: "再来一局",
+    homeBtnLabel: "回到首页",
+  },
+  gameRule:{
+    tip: "玩家在规定时间内得分高则获胜。要注意躲避防御塔的攻击，被击中会被定住5秒的哦。开始游戏吧~",
+    mode: "1v1 模式",
+  },
+  login: {
+    "tips": {
+      "LOGOUT": '登出',
+      "LOGIN_TOKEN_EXPIRED": '登入状态已过期，请重新登入',
+      "PHONE_COUNTRY_CODE_ERR": '电话号码的国家号不正确',
+      "CAPTCHA_ERR": '格式有误',
+      "PHONE_ERR": '电话号码的格式不对',
+      "SMS_CAPTCHA_FREQUENT_REQUIRE": '请求过于频繁，请稍候再试',
+      "SMS_CAPTCHA_NOT_MATCH": '验证码不正确',
+      "TEST_USER": '测试账号',
+      "INCORRECT_PHONE_NUMBER": '电话号码不正确',
+      "LOGGED_IN_SUCCESSFULLY": "登入成功，正在加载中...",
+
+      "PLEASE_AUTHORIZE_WECHAT_LOGIN_FIRST": "请先点击屏幕进行微信授权登录",
+      "WECHAT_AUTHORIZED_AND_INT_AUTH_TOKEN_LOGGING_IN": "微信授权登录成功，正在登入...",
+      "WECHAT_LOGIN_FAILED_TAP_SCREEN_TO_RETRY": "微信授权登录失败，请点击屏幕重试",
+      "AUTO_LOGIN_FAILED_WILL_USE_MANUAL_LOGIN": "自动登入失败，请点击屏幕空白处手动授权登入...",
+      "AUTO_LOGIN_1": "正在自动登入",
+      "AUTO_LOGIN_2": "正在自动登入...",
+    },
+  },
+  findingPlayer: {
+    exit: "退出",
+    tip: "我们正在为你匹配另一位玩家，请稍等",
+    finding: "等等我，马上到...",
+  },
+  gameTip: {
+    start: "游戏开始!",
+    resyncing: "正在重连，请稍等...",
+  },
+};
--- a/frontend/assets/resources/i18n/zh.js.meta
+++ b/frontend/assets/resources/i18n/zh.js.meta
@@ -0,0 +1,9 @@
+{
+  "ver": "1.0.5",
+  "uuid": "09bff2b7-f9a2-4eac-b561-f02ff8e28abe",
+  "isPlugin": false,
+  "loadPluginInWeb": true,
+  "loadPluginInNative": true,
+  "loadPluginInEditor": false,
+  "subMetas": {}
+}
--- a/frontend/assets/resources/map.meta
+++ b/frontend/assets/resources/map.meta
@@ -0,0 +1,7 @@
+{
+  "ver": "1.0.1",
+  "uuid": "1fe4b981-93b1-4e65-aefb-898c615219e5",
+  "isSubpackage": false,
+  "subpackageName": "",
+  "subMetas": {}
+}
--- a/frontend/assets/resources/map/pacman.meta
+++ b/frontend/assets/resources/map/pacman.meta
@@ -0,0 +1,7 @@
+{
+  "ver": "1.0.1",
+  "uuid": "33d33d2f-5ca7-4677-9c82-4ced71aa0f8a",
+  "isSubpackage": false,
+  "subpackageName": "",
+  "subMetas": {}
+}
--- a/frontend/assets/resources/map/pacman/BackgroundMap.meta
+++ b/frontend/assets/resources/map/pacman/BackgroundMap.meta
@@ -0,0 +1,7 @@
+{
+  "ver": "1.0.1",
+  "uuid": "f9460fe9-26ad-4e4b-8a3c-c97bef705a71",
+  "isSubpackage": false,
+  "subpackageName": "",
+  "subMetas": {}
+}
--- a/frontend/assets/resources/map/pacman/BackgroundMap/Tile_W256_H128_S01.png
+++ b/frontend/assets/resources/map/pacman/BackgroundMap/Tile_W256_H128_S01.png
--- a/Show More
+++ b/Show More