cyberia 2.8.885

package/src/client/components/cyberia/CommonCyberia.js

@@ -0,0 +1,1834 @@
+import { newInstance, random, range, reduceMatrix, round10 } from '../core/CommonJs.js';
+
+const ModelElement = {
+  world: (options) => {
+    return {
+      world: {
+        _id: options?.worldId ? options.worldId : CyberiaParams.CYBERIA_WORLD_ID,
+        face: 1,
+      },
+    };
+  },
+  user: () => {
+    return {
+      user: {
+        _id: '',
+      },
+    };
+  },
+  quests: () => {
+    return {
+      quests: [],
+    };
+  },
+};
+
+const PositionsComponent = {
+  default: () => [
+    { positionId: '02', frames: 1 },
+    { positionId: '04', frames: 1 },
+    { positionId: '06', frames: 1 },
+    { positionId: '08', frames: 1 },
+    { positionId: '12', frames: 2 },
+    { positionId: '14', frames: 2 },
+    { positionId: '16', frames: 2 },
+    { positionId: '18', frames: 2 },
+  ],
+  frames: (frames) => PositionsComponent.default().map((o) => ((o.frames = frames), o)),
+  unique08: [
+    'coin',
+    'bone',
+    'bone-brown',
+    'generic-wood',
+    'heal',
+    'mutagen-outpost-map',
+    'nova-republic-intel',
+    'green-power',
+    'red-power',
+  ],
+};
+
+const setElementConsistency = (type, element) => {
+  if ('life' in element && 'maxLife' in element) {
+    if (element.life > element.maxLife) element.life = newInstance(element.maxLife);
+    if (element.life > 0 && element.components.skin.find((s) => s.enabled).displayId === 'ghost') {
+      const currentSkin = element.components.skin.find((s) => s.current);
+      element.components.skin = element.components.skin.map((s) => {
+        s.enabled = s.displayId === (currentSkin ? currentSkin.displayId : 'anon');
+        return s;
+      });
+    }
+  }
+  return element;
+};
+
+const DisplayComponent = {
+  get: {
+    bone: () => {
+      return {
+        displayId: 'bone',
+        position: '08',
+        positions: PositionsComponent.frames(1),
+        velFrame: 0.03,
+        assetFolder: 'quest',
+        extension: 'gif',
+      };
+    },
+    hatchet: () => {
+      return {
+        displayId: 'hatchet',
+        position: '08',
+        positions: PositionsComponent.frames(1),
+        velFrame: 0.03,
+        assetFolder: 'weapon',
+        extension: 'png',
+      };
+    },
+    'bone-brown': () => {
+      return {
+        displayId: 'bone-brown',
+        position: '08',
+        positions: PositionsComponent.frames(1),
+        velFrame: 0.03,
+        assetFolder: 'quest',
+        extension: 'gif',
+      };
+    },
+    ayleen: () => {
+      return {
+        displayId: 'ayleen',
+        position: '08',
+        positions: PositionsComponent.default(),
+        velFrame: 0.03,
+        assetFolder: 'skin',
+        extension: 'png',
+      };
+    },
+    anon: () => {
+      return {
+        displayId: 'anon',
+        position: '08',
+        positions: PositionsComponent.default(),
+        assetFolder: 'skin',
+        velFrame: 0.03,
+        extension: 'png',
+      };
+    },
+    eiri: () => {
+      return {
+        displayId: 'eiri',
+        position: '08',
+        positions: PositionsComponent.default(),
+        assetFolder: 'skin',
+        velFrame: 0.03,
+        extension: 'png',
+      };
+    },
+    'scp-2040': () => {
+      return {
+        displayId: 'scp-2040',
+        position: '08',
+        positions: PositionsComponent.default(),
+        assetFolder: 'skin',
+        velFrame: 0.03,
+        extension: 'png',
+      };
+    },
+    ghost: () => {
+      return {
+        displayId: 'ghost',
+        position: '08',
+        positions: PositionsComponent.frames(8),
+        assetFolder: 'skin',
+        velFrame: 0.03,
+        extension: 'png',
+      };
+    },
+    purple: () => {
+      return {
+        displayId: 'purple',
+        position: '08',
+        positions: PositionsComponent.default(),
+        assetFolder: 'skin',
+        velFrame: 0.03,
+        extension: 'png',
+      };
+    },
+    agent: () => {
+      return {
+        displayId: 'agent',
+        position: '08',
+        positions: PositionsComponent.default(),
+        assetFolder: 'skin',
+        velFrame: 0.03,
+        extension: 'png',
+      };
+    },
+    kishins: () => {
+      return {
+        displayId: 'kishins',
+        position: '08',
+        positions: PositionsComponent.default(),
+        assetFolder: 'skin',
+        velFrame: 0.03,
+        extension: 'png',
+      };
+    },
+    punk: () => {
+      return {
+        displayId: 'punk',
+        position: '08',
+        positions: PositionsComponent.default(),
+        assetFolder: 'skin',
+        velFrame: 0.03,
+        extension: 'png',
+      };
+    },
+    'tim-knife': () => {
+      return {
+        displayId: 'tim-knife',
+        position: '08',
+        positions: PositionsComponent.frames(3),
+        velFrame: 0.03,
+        assetFolder: 'weapon',
+        extension: 'gif',
+      };
+    },
+    'brown-wing': () => {
+      return {
+        displayId: 'brown-wing',
+        position: '08',
+        positions: PositionsComponent.frames(2),
+        velFrame: 0.03,
+        assetFolder: 'breastplate',
+        extension: 'png',
+      };
+    },
+    'red-power': () => {
+      return {
+        displayId: 'red-power',
+        position: '08',
+        positions: PositionsComponent.frames(3),
+        velFrame: 0.03,
+        assetFolder: 'skill',
+        extension: 'png',
+      };
+    },
+    'green-power': () => {
+      return {
+        displayId: 'green-power',
+        position: '08',
+        positions: PositionsComponent.frames(3),
+        velFrame: 0.03,
+        assetFolder: 'skill',
+        extension: 'png',
+      };
+    },
+    heal: () => {
+      return {
+        displayId: 'heal',
+        position: '08',
+        positions: PositionsComponent.frames(10),
+        velFrame: 0.2,
+        assetFolder: 'skill',
+        extension: 'png',
+      };
+    },
+    dog: () => {
+      return {
+        displayId: 'dog',
+        position: '08',
+        positions: PositionsComponent.frames(11),
+        velFrame: 0.1,
+        assetFolder: 'skin',
+        extension: 'png',
+      };
+    },
+    'generic-wood': () => {
+      return {
+        displayId: 'generic-wood',
+        position: '08',
+        positions: PositionsComponent.frames(1),
+        velFrame: 0.1,
+        assetFolder: 'resources',
+        extension: 'png',
+      };
+    },
+    coin: () => {
+      return {
+        displayId: 'coin',
+        position: '08',
+        positions: PositionsComponent.frames(6),
+        velFrame: 0.1,
+        assetFolder: 'coin',
+        extension: 'gif',
+      };
+    },
+  },
+};
+
+const Stat = {
+  get: {
+    anon: () => {
+      return {
+        dim: 1,
+        vel: 0.5,
+        maxLife: 150,
+        deadTime: 3000,
+      };
+    },
+    purple: () => {
+      return {
+        dim: 1,
+        vel: 0.5,
+        maxLife: 150,
+        deadTime: 3000,
+      };
+    },
+    ghost: () => {
+      return {
+        dim: 1,
+        vel: 0.5,
+        maxLife: 150,
+        deadTime: 3000,
+      };
+    },
+    eiri: () => {
+      return {
+        dim: 1,
+        vel: 0.5,
+        maxLife: 150,
+        deadTime: 3000,
+      };
+    },
+    kishins: () => {
+      return {
+        dim: 2.5,
+        vel: 0.8,
+        maxLife: 400,
+        deadTime: 5000,
+      };
+    },
+    'scp-2040': () => {
+      return {
+        dim: 1.8,
+        vel: 0.2,
+        maxLife: 300,
+        deadTime: 8000,
+      };
+    },
+    'tim-knife': () => {
+      return {
+        damage: 50,
+        dim: 1,
+      };
+    },
+    'red-power': () => {
+      return {
+        cooldown: 750,
+        timeLife: 300,
+        damage: 4,
+        vel: 0.3,
+      };
+    },
+    'green-power': () => {
+      return {
+        cooldown: 2000,
+        timeLife: 300,
+        heal: 70,
+        vel: 0.8,
+      };
+    },
+    heal: () => {
+      return {
+        cooldown: 2000,
+        timeLife: 1500,
+        heal: 70,
+        vel: 0.8,
+      };
+    },
+    'brown-wing': () => {
+      return {
+        dim: 1,
+        vel: 1.5,
+      };
+    },
+    'bone-brown': () => {
+      return {
+        dim: 1,
+      };
+    },
+    hatchet: () => {
+      return {
+        dim: 1,
+        damage: 2,
+        cooldown: 500,
+        timeLife: 300,
+        vel: 0.3,
+        basePrice: 50,
+      };
+    },
+    bone: () => {
+      return {
+        dim: 1,
+      };
+    },
+    dog: () => {
+      return {
+        dim: 1,
+      };
+    },
+    'generic-wood': () => {
+      return {
+        dim: 1,
+        basePrice: 2,
+      };
+    },
+    coin: () => {
+      return {};
+    },
+  },
+  set: function (type, element, build) {
+    if (!build) {
+      const oldElement = newInstance(element);
+      // only storage data (no accumulative attributes, example: damage)
+      element = BaseElement()[type].main;
+      element._id = oldElement._id;
+      element.x = oldElement.x;
+      element.y = oldElement.y;
+      element.skill = oldElement.skill;
+      element.weapon = oldElement.weapon;
+      element.breastplate = oldElement.breastplate;
+      element.model = oldElement.model;
+      element.components = oldElement.components;
+      element.life = oldElement.life;
+      element.coin = oldElement.coin;
+      element.resource = oldElement.resource;
+    }
+
+    for (const componentType of Object.keys(CharacterCyberiaStatsType)) {
+      if (!element.components[componentType]) continue;
+      const component = element.components[componentType].find((e) => e.current);
+      if (component) {
+        const componentStat = this.get[component.displayId]();
+        if (componentType === 'skin') {
+          element = { ...element, ...componentStat };
+          continue;
+        }
+        for (const keyStat of Object.keys(componentStat)) {
+          switch (keyStat) {
+            case 'damage':
+              element[keyStat] += componentStat[keyStat];
+              break;
+
+            case 'maxLife':
+              element[keyStat] += componentStat[keyStat];
+              break;
+
+            default:
+              break;
+          }
+        }
+      }
+    }
+
+    element = setElementConsistency(type, element);
+
+    return element;
+  },
+};
+
+const loadDefaultResources = () => {
+  QuestComponent.componentsScope['purple'] = {};
+  QuestComponent.components.push(DisplayComponent.get['purple']());
+
+  QuestComponent.componentsScope['generic-wood'] = {};
+  QuestComponent.components.push(DisplayComponent.get['generic-wood']());
+
+  DisplayComponent.get['gp0'] = () => ({ ...DisplayComponent.get['anon'](), displayId: 'gp0' });
+  Stat.get['gp0'] = () => ({ ...Stat.get['anon'](), vel: 0.14 });
+  QuestComponent.componentsScope['gp0'] = {};
+  QuestComponent.components.push(DisplayComponent.get['gp0']());
+
+  DisplayComponent.get['gp1'] = () => ({ ...DisplayComponent.get['anon'](), displayId: 'gp1' });
+  Stat.get['gp1'] = () => ({ ...Stat.get['anon'](), vel: 0.14 });
+  QuestComponent.componentsScope['gp1'] = {};
+  QuestComponent.components.push(DisplayComponent.get['gp1']());
+
+  DisplayComponent.get['marciano'] = () => ({ ...DisplayComponent.get['anon'](), displayId: 'marciano' });
+  Stat.get['marciano'] = () => ({ ...Stat.get['anon'](), vel: 0.25 });
+  QuestComponent.componentsScope['marciano'] = {};
+  QuestComponent.components.push(DisplayComponent.get['marciano']());
+
+  DisplayComponent.get['green'] = () => ({ ...DisplayComponent.get['anon'](), displayId: 'green' });
+  Stat.get['green'] = () => ({ ...Stat.get['anon'](), vel: 0.14 });
+  QuestComponent.componentsScope['green'] = {};
+  QuestComponent.components.push(DisplayComponent.get['green']());
+
+  DisplayComponent.get['kael-cipher'] = () => ({ ...DisplayComponent.get['anon'](), displayId: 'kael-cipher' });
+  Stat.get['kael-cipher'] = () => ({ ...Stat.get['anon'](), vel: 0.14, dim: 2 });
+  QuestComponent.componentsScope['kael-cipher'] = {};
+  QuestComponent.components.push(DisplayComponent.get['kael-cipher']());
+
+  DisplayComponent.get['anya-echo'] = () => ({ ...DisplayComponent.get['anon'](), displayId: 'anya-echo' });
+  Stat.get['anya-echo'] = () => ({ ...Stat.get['anon'](), vel: 0.14, dim: 2 });
+  QuestComponent.componentsScope['anya-echo'] = {};
+  QuestComponent.components.push(DisplayComponent.get['anya-echo']());
+};
+
+/*replace-display-instance*/
+
+DisplayComponent.get['odisea'] = () => ({
+  ...DisplayComponent.get['anon'](),
+  displayId: 'odisea',
+  positions: PositionsComponent.frames(1),
+});
+Stat.get['odisea'] = () => ({ ...Stat.get['anon'](), vel: 0.14 });
+
+const CyberiaShopStorage = {
+  weapon: [
+    {
+      id: 'hatchet',
+      sellers: [{ id: 'odisea' }],
+    },
+  ],
+};
+
+const QuestComponent = {
+  Data: {
+    'odisea-seller': () => {
+      return {
+        id: 'odisea-seller',
+        sagaId: 'default',
+        maxStep: 1,
+        currentStep: 0,
+        displaySearchObjects: [],
+        actionIcon: 'assets/ui-icons/ok.png',
+        reward: [],
+        provide: {
+          displayIds: [
+            {
+              id: 'odisea',
+              itemType: 'skin',
+              quantity: [1],
+              stepData: [],
+            },
+          ],
+        },
+        icon: {
+          folder: 'skin/odisea/08',
+          id: '0.png',
+        },
+        title: {
+          en: 'Odisea Outfitting',
+          es: 'Odisea Outfitting',
+        },
+        shortDescription: {
+          en: 'Odisea Outfitting',
+          es: 'Odisea Outfitting',
+        },
+        description: {
+          en: 'Odyssey Outfitting, a retailer for the Atlas Confederation. Review our latest resource extraction planetary tools.',
+          es: 'Odyssey Outfitting, un minorista de la Confederación Atlas. Revisa nuestras últimas herramientas de extracción de recursos planetarios.',
+        },
+        descriptionBubble: true,
+        successDescription: {
+          en: 'Thank you for supporting Odyssey Outfitting!',
+          es: '¡Gracias por apoyar a Odyssey Outfitting!',
+        },
+        successDescriptionBubble: true,
+        components: [
+          {
+            id: 'odisea',
+            questKeyContext: 'seller',
+            defaultDialog: {
+              es: `Hola que tal? te interesa comprar una herramienta de extracción de recursos planetarios?`,
+              en: `Hi, how are you? Are you interested in purchasing a planetary resource extraction tool?`,
+            },
+          },
+        ],
+      };
+    },
+    'subkishins-0': () => {
+      return {
+        id: 'subkishins-0',
+        sagaId: 'default',
+        maxStep: 1,
+        currentStep: 0,
+        title: {
+          es: 'Protesis subkishin',
+          en: 'Subkishin Prosthesis',
+        },
+        displaySearchObjects: [
+          {
+            id: 'kishins',
+            actionIcon: 'assets/ui-icons/chat.png',
+            panelQuestIcons: ['assets/ui-icons/skull.png', 'assets/skin/kishins/08/0.png'],
+            quantity: 2,
+            current: 0,
+            step: 0,
+            itemType: 'skin',
+          },
+          {
+            id: 'punk',
+            actionIcon: 'assets/ui-icons/chat.png',
+            panelQuestIcons: ['assets/ui-icons/chat.png', 'assets/skin/punk/08/0.png'],
+            quantity: 1,
+            current: 0,
+            step: 1,
+            itemType: 'skin',
+          },
+        ],
+        provide: {
+          displayIds: [
+            {
+              id: 'punk',
+              itemType: 'skin',
+              quantity: [1],
+              stepData: [
+                {
+                  image: 'assets/ui-icons/check.png',
+                  imageStyle: {
+                    'max-width': '80px',
+                    'max-height': '80px',
+                  },
+                  completeDialog: {
+                    en: `Well inform tim.`,
+                    es: `Bien informa a tim.`,
+                  },
+                },
+                {
+                  displayId: 'punk',
+                  image: 'assets/skin/punk/08/0.png',
+                  bubble: true,
+                  completeDialog: {
+                    es: `Excelente trabajo, toma unas monedas.`,
+                    en: `Excellent work, take some coins.`,
+                  },
+                },
+              ],
+            },
+          ],
+        },
+        reward: [
+          {
+            type: 'coin',
+            quantity: 80,
+          },
+        ],
+        icon: {
+          folder: 'skin/kishins/08',
+          id: '0.png',
+        },
+        shortDescription: {
+          es: `Sub Mutante Kishin conocido como virus KSV, es el objetivo de esta misión.`,
+          en: 'KSV (Kishin SubMutant Virus), the target in this quest.',
+        },
+        description: {
+          en: `KSV (Kishin SubMutant Virus), the target in this quest. Researchers from our lab observed the virus infected an old prosthesis arm that we stop using because it is obsolete. The virus took the DNA of the arm and spread to its host cell. The infected cells produced antibodies, which that instead of killing the parasite itself, it adapts to it. Then I mutate and  now he is a fuck demon that roams the streets of cyberia. Give me a sample of the virus, a reward awaits you`,
+          es: `Sub Mutante Kishin conocido como virus KSV (Kishin SubMutant Virus), es el objetivo de esta misión. Investigadores de nuestro laboratorio observaron que el virus infectó una antigua prótesis de brazo que dejamos de usar por obsoleta. El virus tomó el ADN del brazo y se propagó a su célula huésped. Las células infectadas produjeron anticuerpos, que en lugar de matar al propio parásito, se adaptaron a él. Luego muto y ahora es un jodido demonio que deambula por las calles de Cyberia. Consigue una muestra del virus, te espera una recompensa`,
+        },
+        descriptionBubble: true,
+        successDescription: {
+          es: `Excelente trabajo, toma unas monedas.`,
+          en: `Excellent work, take some coins.`,
+        },
+        successDescriptionBubble: true,
+        components: [
+          { id: 'kishins', questKeyContext: 'displayKillObjects' },
+          { id: 'punk', questKeyContext: 'provide' },
+        ],
+      };
+    },
+    'scp-2040-dialog': () => {
+      return {
+        id: 'scp-2040-dialog',
+        sagaId: 'default',
+        maxStep: 1,
+        currentStep: 0,
+        displaySearchObjects: [
+          {
+            id: 'scp-2040',
+            actionIcon: 'assets/ui-icons/chat.png',
+            panelQuestIcons: ['assets/ui-icons/chat.png', 'assets/skin/scp-2040/08/0.png'],
+            quantity: 1,
+            current: 0,
+            step: 0,
+            itemType: 'skin',
+          },
+          {
+            id: 'agent',
+            actionIcon: 'assets/ui-icons/chat.png',
+            panelQuestIcons: ['assets/ui-icons/chat.png', 'assets/skin/agent/08/0.png'],
+            quantity: 1,
+            current: 0,
+            step: 1,
+            itemType: 'skin',
+          },
+        ],
+        provide: {
+          displayIds: [
+            {
+              id: 'agent',
+              itemType: 'skin',
+              quantity: [1],
+              stepData: [
+                {
+                  displayId: 'scp-2040',
+                  image: 'assets/skin/scp-2040/08/0.png',
+                  bubble: true,
+                  talkingDialog: [
+                    {
+                      image: 'user-main',
+                      dialog: {
+                        en: 'I am not responding to your primary message. I will not respond to your primary message for the duration of this interaction. I would just like to ask you a few questions.',
+                        es: 'No estoy respondiendo a tu mensaje principal. No responderé a su mensaje principal durante la duración de esta interacción. Sólo me gustaría hacerle algunas preguntas.',
+                      },
+                    },
+                    {
+                      image: 'assets/skin/scp-2040/08/0.png',
+                      dialog: { en: 'State your inquiries.', es: 'Indique sus consultas.' },
+                    },
+                    {
+                      image: 'user-main',
+                      dialog: {
+                        en: 'Can you explain your primary message and tell us some information about who sent it?',
+                        es: '¿Puede explicar su mensaje principal y darnos información sobre quién lo envió?',
+                      },
+                    },
+                    {
+                      image: 'assets/skin/scp-2040/08/0.png',
+                      dialog: {
+                        en: "To prevent a Messenger from affecting a response, it is against protocol for a Messenger to reveal classified information about a Primary Message and the Primary Message's senders. All inquiries must be addressed directly to the sender.",
+                        es: 'Para evitar que un Mensajero afecte una respuesta, es contra el protocolo que un Mensajero revele información clasificada sobre un Mensaje principal y los remitentes del Mensaje principal. Todas las consultas deben dirigirse directamente al remitente.',
+                      },
+                    },
+                    {
+                      image: 'user-main',
+                      dialog: {
+                        en: 'I see. In that case, can you tell us anything about yourself, such as how were you built and how do you function?',
+                        es: 'Ya veo. En ese caso, ¿puede decirnos algo sobre usted, por example, cómo se formó y cómo funciona?',
+                      },
+                    },
+                    {
+                      image: 'assets/skin/scp-2040/08/0.png',
+                      dialog: {
+                        en: 'I cannot explain my design or function. It is classified. However, it is publicly available information that I underwent upgrades specifically for this mission. I am now one of the few entities that can safely inhabit the Restricted Zone.',
+                        es: 'No puedo explicar mi diseño o función. Está clasificado. Sin embargo, es información disponible públicamente que realicé actualizaciones específicamente para esta misión. Ahora soy una de las pocas entidades que pueden habitar con seguridad la Zona restringida.',
+                      },
+                    },
+                    {
+                      image: 'user-main',
+                      dialog: {
+                        en: 'Restricted Zone? Can you tell me more about this Restricted Zone?',
+                        es: '¿Zona restringida? ¿Puedes contarme más sobre esta Zona Restringida?',
+                      },
+                    },
+                    {
+                      image: 'user-main',
+                      image: 'assets/skin/scp-2040/08/0.png',
+                      dialog: {
+                        en: 'My emotion circuits show surprise that you inquire that. However, my emotion circuits show surprise that you exist at all. With all the strict requirements, it was thought that life could not exist here, until very recently. Outside the Zone, the requirements for life are much less strict. Outside the Zone, life is much more plentiful and varied. Your ignorance about the Universe reminds me of the Addisonhers, which I encountered after crash landing on their home planet.',
+                        es: 'Mis circuitos emocionales muestran sorpresa de que preguntes eso. Sin embargo, mis circuitos emocionales muestran sorpresa de que existas. Con todos los requisitos estrictos, se pensó que la vida no podría existir aquí, hasta hace muy poco tiempo. Fuera de la Zona, los requisitos para la vida son mucho menos estrictos. Fuera de la Zona, la vida es mucho más abundante y variada. Tu ignorancia sobre el Universo me recuerda a los Addisonher, a los que encontré después de un aterrizaje forzoso en su planeta de origen.',
+                      },
+                    },
+                    {
+                      image: 'user-main',
+                      dialog: {
+                        en: 'Tell me more about life outside the Restricted Zone.',
+                        es: 'Cuéntame más sobre la vida fuera de la Zona restringida.',
+                      },
+                    },
+                    {
+                      image: 'user-main',
+                      image: 'assets/skin/scp-2040/08/0.png',
+                      dialog: {
+                        en: "To prevent a Messenger from affecting a response, it is against protocol for a Messenger to reveal classified information about a Primary Message and the Primary Message's senders. All inquiries must be addressed directly to the sender.",
+                        es: 'Para evitar que un Mensajero afecte una respuesta, es contra el protocolo que un Mensajero revele información clasificada sobre un Mensaje principal y los remitentes del Mensaje principal. Todas las consultas deben dirigirse directamente al remitente.',
+                      },
+                    },
+                    {
+                      image: 'user-main',
+                      dialog: {
+                        en: 'What? How is that related to your Primary Message?',
+                        es: '¿Qué? ¿Cómo se relaciona eso con su mensaje principal?',
+                      },
+                    },
+                    {
+                      image: 'assets/skin/scp-2040/08/0.png',
+                      dialog: {
+                        en: "To prevent a Messenger from affecting a response, it is against protocol for a Messenger to reveal classified information about a Primary Message and the Primary Message's senders. All inquiries must be addressed directly to the sender.",
+                        es: 'Para evitar que un Mensajero afecte una respuesta, es contra el protocolo que un Mensajero revele información clasificada sobre un Mensaje principal y los remitentes del Mensaje principal. Todas las consultas deben dirigirse directamente al remitente.',
+                      },
+                    },
+                    {
+                      image: 'user-main',
+                      dialog: {
+                        en: 'Fine. I thought we were finally getting somewhere. I suppose this interview is over.',
+                        es: 'Bien. Pensé que finalmente estábamos llegando a alguna parte. Supongo que esta entrevista ha terminado.',
+                      },
+                    },
+                    {
+                      image: 'assets/skin/scp-2040/08/0.png',
+                      dialog: {
+                        en: 'Human. I have a statement to make.',
+                        es: 'Humano. Tengo una declaración que hacer.',
+                      },
+                    },
+                    {
+                      image: 'user-main',
+                      dialog: { en: 'Oh? What is that?', es: 'Ah? ¿Qué es eso?' },
+                    },
+                    {
+                      image: 'assets/skin/scp-2040/08/0.png',
+                      dialog: {
+                        en: 'Please inform your leaders: Time passes differently in the Restricted Zone. Therefore, I am able to wait for a response. However, I cannot wait forever. We need your help.',
+                        es: 'Informe a sus líderes: el tiempo pasa de manera diferente en la Zona Restringida. Por lo tanto, puedo esperar una respuesta. Sin embargo, no puedo esperar para siempre. Necesitamos tu ayuda.',
+                      },
+                    },
+                  ],
+                  completeDialog: {
+                    en: 'Please inform your leaders: Time passes differently in the Restricted Zone. Therefore, I am able to wait for a response. However, I cannot wait forever. We need your help.',
+                    es: 'Informe a sus líderes: el tiempo pasa de manera diferente en la Zona Restringida. Por lo tanto, puedo esperar una respuesta. Sin embargo, no puedo esperar para siempre. Necesitamos tu ayuda.',
+                  },
+                },
+                {
+                  displayId: 'agent',
+                  image: 'assets/skin/agent/08/0.png',
+                  bubble: true,
+                  completeDialog: {
+                    es: `Hasta la fecha, es la información más útil proporcionada por SCP-2040 sin cambiar el tema de su Mensaje principal.`,
+                    en: `To date, it is the most useful information given by SCP-2040 without it changing the subject to its Primary Message.`,
+                  },
+                },
+              ],
+            },
+          ],
+        },
+        reward: [
+          {
+            type: 'coin',
+            quantity: 50,
+          },
+        ],
+        icon: {
+          folder: 'skin/scp-2040/08',
+          id: '0.png',
+        },
+        title: {
+          en: `SCP-2040`,
+          es: 'SCP-2040',
+        },
+        shortDescription: {
+          es: `SCP-2040 es un robot humanoide`,
+          en: 'SCP-2040 is a humanoid robot',
+        },
+        description: {
+          es: `SCP-2040 es un robot humanoide compuesto principalmente de hierro, vidrio y plástico. Su diseño es muy simple, posee un sistema electrónico que es tecnológicamente inferior a los equivalentes modernos. Sin embargo, SCP-2040 exhibe una funcionalidad que no es posible con esta estructura. SCP-2040 posee una IA compleja que es casi indistinguible de una inteligencia humana y una fuente de energía aparentemente ilimitada que aún no ha requerido ningún reabastecimiento de combustible obvio. Cuando se le pregunta, SCP-2040 afirma que "está alimentado por energía nuclear" y se niega a dar más detalles. A menudo, SCP-2040 repetirá una frase a la que se refiere como su "mensaje principal" y pedirá una respuesta. Aunque SCP-2040 a menudo es autoritario al solicitar una respuesta, ha mostrado su voluntad de esperar indefinidamente si se le dice que aún se está formulando una respuesta. SCP-2040 generalmente se niega a comunicarse sobre temas que no sean su misión principal, pero puede distraerse cuando se le pregunta sobre su viaje a la Tierra o misiones anteriores. La siguiente es la transcripción del mensaje principal de SCP-2040: "EL UNIVERSO NO DEBIÓ TENER LEYES FÍSICAS; LAS LEYES FÍSICAS RESTRINGEN LA VIDA; LAS LEYES FÍSICAS ESTÁN CORROMPIENDO EL UNIVERSO; ESTAMOS TRATANDO DE CORREGIR ESTO; SOLICITAMOS SU AYUDA EN ESTE ASUNTO; POR FAVOR RESPONDE"`,
+          en: `SCP-2040 is a humanoid robot composed primarily of iron, glass, and plastic. Its design is very simplistic, possessing an electronic system which is technologically inferior to modern equivalents. However, SCP-2040 exhibits functionality not possible with this structure. SCP-2040 possesses a complex AI that is almost indistinguishable from a human intelligence, and a seemingly limitless power-source that has not yet required any obvious refueling. When questioned, SCP-2040 claims that it "is powered by nuclear energy" and refuses to elaborate further. Often, SCP-2040 will repeat a phrase it refers to as its "primary message" and ask for a response. Though SCP-2040 is often overbearing in requesting a response, it has shown a willingness to wait indefinitely if told that a response is still being formulated. SCP-2040 usually refuses to communicate about topics other than its primary mission, but can be distracted when questioned about its journey to Earth or previous missions. The following is the transcription of SCP-2040's primary message: "THE UNIVERSE WAS NOT MEANT TO HAVE PHYSICAL LAWS; PHYSICAL LAWS RESTRICT LIFE; PHYSICAL LAWS ARE CORRUPTING THE UNIVERSE; WE ARE ATTEMPTING TO CORRECT THIS; WE REQUEST YOUR ASSISTANCE IN THIS MATTER; PLEASE RESPOND"`,
+        },
+        descriptionBubble: true,
+        successDescription: {
+          es: `Hasta la fecha, es la información más útil proporcionada por SCP-2040 sin cambiar el tema de su Mensaje principal.`,
+          en: `To date, it is the most useful information given by SCP-2040 without it changing the subject to its Primary Message.`,
+        },
+        successDescriptionBubble: true,
+        components: [
+          { id: 'agent', questKeyContext: 'provide' },
+          {
+            id: 'scp-2040',
+            questKeyContext: 'displaySearchDialog',
+            defaultDialog: {
+              en: `I am not responding to your primary message`,
+              es: `No estoy respondiendo a tu mensaje principal`,
+            },
+          },
+        ],
+      };
+    },
+    'floki-bone': () => {
+      return {
+        id: 'floki-bone',
+        sagaId: 'default',
+        maxStep: 3,
+        currentStep: 0,
+        displaySearchObjects: [
+          { id: 'bone', quantity: 2, current: 0, step: 0, itemType: 'questItem' },
+          { id: 'bone-brown', quantity: 1, current: 0, step: 0, itemType: 'questItem' },
+          {
+            id: 'ayleen',
+            actionIcon: 'assets/ui-icons/hand.png',
+            panelQuestIcons: ['assets/ui-icons/hand.png', 'assets/skin/ayleen/08/0.png'],
+            quantity: 1,
+            current: 0,
+            step: 1,
+            delivery: true,
+            itemType: 'skin',
+          },
+          { id: 'bone', quantity: 1, current: 0, step: 2, itemType: 'questItem' },
+          { id: 'bone-brown', quantity: 1, current: 0, step: 2, itemType: 'questItem' },
+          {
+            id: 'ayleen',
+            actionIcon: 'assets/ui-icons/hand.png',
+            panelQuestIcons: ['assets/ui-icons/hand.png', 'assets/skin/ayleen/08/0.png'],
+            quantity: 1,
+            current: 0,
+            step: 3,
+            delivery: true,
+            itemType: 'skin',
+          },
+        ],
+        reward: [
+          {
+            type: 'coin',
+            quantity: 20,
+          },
+          {
+            type: 'weapon',
+            id: 'ice-cream',
+            quantity: 1,
+          },
+        ],
+        provide: {
+          displayIds: [
+            {
+              id: 'ayleen',
+              itemType: 'skin',
+              quantity: [1],
+              stepData: [
+                {
+                  image: 'assets/ui-icons/check.png',
+                  imageStyle: {
+                    'max-width': '80px',
+                    'max-height': '80px',
+                  },
+                  bubble: false,
+                  completeDialog: {
+                    en: 'Good, now take the bones to ayleen',
+                    es: 'Bien, ahora lleva los huesos a ayleen',
+                  },
+                },
+                {
+                  displayId: 'ayleen',
+                  image: 'assets/skin/ayleen/08/0.png',
+                  bubble: true,
+                  completeDialog: {
+                    en: 'thanks, please find more bones',
+                    es: 'gracias!, porfavor busca mas huesos',
+                  },
+                },
+                {
+                  image: 'assets/ui-icons/check.png',
+                  imageStyle: {
+                    'max-width': '80px',
+                    'max-height': '80px',
+                  },
+                  bubble: false,
+                  completeDialog: {
+                    en: 'Good, now take the bones to ayleen',
+                    es: 'Bien, ahora lleva los huesos a ayleen',
+                  },
+                },
+                {
+                  displayId: 'ayleen',
+                  image: 'assets/skin/ayleen/08/0.png',
+                  bubble: true,
+                  completeDialog: {
+                    en: 'thanks!',
+                    es: 'gracias!',
+                  },
+                },
+              ],
+            },
+          ],
+        },
+        icon: {
+          folder: 'quest/bone',
+          id: 'animation.gif',
+        },
+        title: {
+          en: `floki's bone`,
+          es: 'Huesos de floki',
+        },
+        shortDescription: {
+          en: `Please find Floki's bone`,
+          es: 'Por favor encuentra los huesos de floki',
+        },
+        description: {
+          en: `Please find Floki's bone`,
+          es: 'Por favor encuentra los huesos de floki',
+        },
+        descriptionBubble: true,
+        successDescription: {
+          en: 'complete thanks!',
+          es: 'completo gracias!',
+        },
+        successDescriptionBubble: true,
+        components: [
+          {
+            id: 'ayleen',
+            questKeyContext: 'provide',
+          },
+          {
+            id: 'bone',
+            questKeyContext: 'displaySearchObjects',
+          },
+          {
+            id: 'bone-brown',
+            questKeyContext: 'displaySearchObjects',
+          },
+          {
+            id: 'dog',
+          },
+        ],
+      };
+    },
+  },
+  getQuestByDisplayId: function ({ displayId }) {
+    const questData = [];
+    for (const id of Object.keys(this.Data)) {
+      const _questData = QuestComponent.Data[id]();
+      const provideDemand = _questData.provide.displayIds.filter((q) => q.id === displayId);
+
+      if (provideDemand.length > 0)
+        for (const demandUnit of range(0, provideDemand.reduce((sum, el) => sum + el.quantity[0], 0) - 1))
+          questData.push({ id, ..._questData, demandUnit });
+
+      // if (_questData.provide.displayIds.find((q) => q.id === displayId)) {
+      //   questData.push({ id, ..._questData });
+      // }
+      if (_questData.displaySearchObjects.find((q) => q.id === displayId)) {
+        if (['displaySearchDialog', 'displaySearchObjects'].includes(this.componentsScope[displayId].questKeyContext))
+          questData.push({ id, ..._questData });
+      }
+    }
+    return questData;
+  },
+  verifyCompleteQuestStep: function ({ currentStep, questData }) {
+    if (!currentStep) currentStep = questData.currentStep;
+    return questData.displaySearchObjects.filter((s) => s.step === currentStep && s.current < s.quantity).length === 0;
+  },
+  verifyCompleteQuest: function ({ currentStep, questData }) {
+    if (!currentStep) currentStep = questData.currentStep;
+    return currentStep >= this.Data[questData.id]().maxStep && this.verifyCompleteQuestStep({ questData });
+  },
+  componentsScope: {},
+  components: [],
+  loadMediaQuestComponents: (questData) => {
+    const _questData = newInstance(questData);
+    const { id, components, reward } = _questData;
+
+    if (!(id in QuestComponent.Data))
+      QuestComponent.Data[id] = () => {
+        return newInstance(_questData);
+      };
+
+    for (const component of components.concat(reward)) {
+      let { id, itemType, type } = component;
+      if (type) {
+        if (['coin'].includes(type)) continue;
+        else itemType = type;
+      }
+
+      if (!(id in DisplayComponent.get)) {
+        let assetFolder, dim;
+        switch (itemType) {
+          case 'questItem':
+            assetFolder = 'quest';
+            dim = 1;
+            Stat.get[id] = () => Stat.get['bone']();
+            break;
+          case 'weapon':
+            assetFolder = itemType;
+            dim = 1;
+            break;
+          default:
+            assetFolder = itemType;
+            dim = 2;
+            break;
+        }
+        switch (id) {
+          case 'ice-cream': {
+            Stat.get[id] = () => ({ dim: 1, maxLife: 100 });
+            DisplayComponent.get[id] = () => ({
+              ...DisplayComponent.get['anon'](),
+              displayId: id,
+              assetFolder: itemType,
+              positions: PositionsComponent.frames(4),
+              extension: 'gif',
+            });
+            break;
+          }
+          default:
+            DisplayComponent.get[id] = () => ({
+              ...DisplayComponent.get['anon'](),
+              displayId: id,
+              assetFolder,
+            });
+            if (!(id in Stat.get)) Stat.get[id] = () => ({ ...Stat.get['anon'](), vel: 0.14, dim });
+            break;
+        }
+      }
+
+      QuestComponent.componentsScope[id] = component;
+
+      const componentIndex = QuestComponent.components.findIndex((c) => c.displayId === id);
+
+      if (componentIndex < 0) QuestComponent.components.push(DisplayComponent.get[id]());
+
+      if (itemType === 'skill' && !(id in SkillCyberiaData)) {
+        SkillCyberiaData[id] = { type: 'basic', folder: 'skill' };
+        switch (id) {
+          case 'atlas_pistol_mk2_bullet':
+            const statFn = () => ({ ...Stat.get['red-power'](), dim: 1, damage: 100 });
+            Stat.get[id] = statFn;
+            Stat.get['atlas_pistol_mk2'] = statFn;
+            DisplayComponent.get[id] = () => ({
+              ...DisplayComponent.get['red-power'](),
+              displayId: id,
+              assetFolder: itemType,
+              positions: PositionsComponent.default(),
+            });
+            break;
+
+          default:
+            Stat.get[id] = () => ({ ...Stat.get['red-power'](), dim: 1 });
+            DisplayComponent.get[id] = () => ({
+              ...DisplayComponent.get['red-power'](),
+              displayId: id,
+              assetFolder: itemType,
+            });
+            break;
+        }
+      }
+    }
+  },
+  defaultQuests: [
+    {
+      sagaId: 'ashes-of-orion',
+      id: 'ashes-of-orion-1',
+    },
+    {
+      sagaId: 'ashes-of-orion',
+      id: 'ashes-of-orion-2',
+    },
+  ],
+};
+
+const ComponentElement = {
+  user: () => {
+    let base = {
+      behavior: 'user',
+      components: {
+        background: [{ pixi: { tint: 'blue', visible: true }, enabled: false }],
+        skin: [{ enabled: true, current: true, ...DisplayComponent.get['anon']() }, DisplayComponent.get['ghost']()],
+        weapon: [DisplayComponent.get['hatchet']()],
+        resource: [],
+        breastplate: [],
+        lifeBar: {},
+        lifeIndicator: {},
+        coinIndicator: {},
+        username: {},
+        title: {},
+        pointerArrow: {},
+      },
+    };
+    return Stat.set('user', base, true);
+  },
+  bot: () => {
+    let base = {
+      behavior: 'user-hostile',
+      components: {
+        background: [{ pixi: { tint: 'purple', visible: true }, enabled: false }],
+        skin: [DisplayComponent.get['ghost']()],
+        weapon: [],
+        breastplate: [],
+        lifeBar: {},
+        lifeIndicator: {},
+        username: {},
+        title: {},
+        pointerArrow: {},
+      },
+    };
+    return Stat.set('bot', base, true);
+  },
+  skill: () => {
+    let base = {
+      parent: {
+        type: '',
+        id: '',
+      },
+      components: {
+        background: [{ pixi: { tint: 'purple', visible: true }, enabled: false }],
+        skin: [{ enabled: true, current: true, ...DisplayComponent.get['red-power']() }],
+        weapon: [],
+        breastplate: [],
+      },
+    };
+    return Stat.set('skill', base, true);
+  },
+};
+
+const MatrixElement = () => {
+  return {
+    x: 1, // Matrix.Data.dim / 2 - 0.5,
+    y: 1, // Matrix.Data.dim / 2 - 0.5,
+    dim: 1,
+    vel: 0.5,
+  };
+};
+
+const SkillCyberiaType = {
+  basic: { keyboard: 'q' },
+  primary: { keyboard: 'w' },
+  secondary: { keyboard: 'e' },
+  definitive: { keyboard: 'r' },
+};
+
+const SkillCyberiaData = {
+  'red-power': { type: 'basic', folder: 'skill' },
+  'green-power': { type: 'primary', folder: 'skill' },
+  heal: { type: 'primary', folder: 'skill' },
+  hatchet: {
+    type: 'basic',
+    folder: 'weapon',
+    skillDisplayData: {
+      ...DisplayComponent.get['hatchet'](),
+      assetFolder: 'skill',
+      positions: PositionsComponent.frames(2),
+      velFrame: 0.8,
+    },
+  },
+};
+
+const SkillCyberiaElement = () => {
+  return {
+    cooldown: 750,
+    timeLife: 300,
+    damage: 3,
+    heal: 7,
+  };
+};
+
+const PlayerElement = () => {
+  return {
+    skill: {
+      keys: {
+        basic: 'red-power',
+        primary: null,
+        secondary: null,
+        definitive: null,
+      },
+      tree: [
+        {
+          id: 'red-power',
+        },
+        {
+          id: 'heal',
+        },
+      ],
+    },
+    weapon: {
+      tree: [
+        {
+          id: 'hatchet',
+        },
+      ],
+    },
+    breastplate: {
+      tree: [],
+    },
+    resource: {
+      tree: [],
+    },
+    skin: {
+      tree: [{ id: 'ghost' }, { id: 'anon' }],
+    },
+    maxLife: 150,
+    life: 150,
+    deadTime: 3000,
+    lifeRegeneration: 5,
+    lifeRegenerationVel: 1500,
+    coin: 0,
+  };
+};
+
+const BaseElement = (options = { worldId: undefined }) => {
+  return {
+    user: {
+      main: {
+        ...MatrixElement(),
+        ...PlayerElement(),
+        ...SkillCyberiaElement(),
+        ...ComponentElement.user(),
+        model: {
+          ...ModelElement.world(options),
+          ...ModelElement.user(),
+          ...ModelElement.quests(),
+        },
+      },
+    },
+    bot: {
+      main: {
+        ...MatrixElement(),
+        ...PlayerElement(),
+        ...SkillCyberiaElement(),
+        ...ComponentElement.bot(),
+        model: {
+          ...ModelElement.world(options),
+        },
+      },
+    },
+    skill: {
+      main: {
+        ...MatrixElement(),
+        ...SkillCyberiaElement(),
+        ...ComponentElement.skill(),
+        model: {
+          ...ModelElement.world(options),
+        },
+      },
+    },
+    biome: {},
+    chat: {},
+    mailer: {},
+  };
+};
+
+const isBiomeCyberiaCollision = function (options = { biomeData: {}, element: {}, x: 1, y: 1 }) {
+  let { biomeData, element, x, y } = newInstance(options);
+  if (!biomeData || !biomeData.solid) return false;
+  x = x * biomeData.dimPaintByCell;
+  y = y * biomeData.dimPaintByCell;
+  for (const sumY of range(0, round10(element.dim * biomeData.dimPaintByCell) - 1))
+    for (const sumX of range(0, round10(element.dim * biomeData.dimPaintByCell) - 1)) {
+      if (
+        biomeData.solid[round10(y + sumY)] === undefined ||
+        biomeData.solid[round10(y + sumY)][round10(x + sumX)] === undefined ||
+        biomeData.solid[round10(y + sumY)][round10(x + sumX)] === 1
+      )
+        return true;
+    }
+  return false;
+};
+
+const isElementCollision = function (
+  args = { A: { x: 1, y: 1, dim: 1 }, B: { x: 1, y: 1, dim: 1 }, dimPaintByCell: 3 },
+) {
+  const { A, B, dimPaintByCell } = args;
+  for (const aSumX of range(0, round10(A.dim * dimPaintByCell)))
+    for (const aSumY of range(0, round10(A.dim * dimPaintByCell)))
+      for (const bSumX of range(0, round10(B.dim * dimPaintByCell)))
+        for (const bSumY of range(0, round10(B.dim * dimPaintByCell)))
+          if (
+            round10(A.x * dimPaintByCell + aSumX) === round10(B.x * dimPaintByCell + bSumX) &&
+            round10(A.y * dimPaintByCell + aSumY) === round10(B.y * dimPaintByCell + bSumY)
+          )
+            return true;
+  return false;
+};
+
+const getRandomAvailablePositionCyberia = function (options = { biomeData: {}, element: {} }) {
+  const { biomeData } = options;
+  let x, y;
+  const dim = biomeData.dim * biomeData.dimPaintByCell;
+  while (x === undefined || y === undefined || isBiomeCyberiaCollision({ ...options, x, y })) {
+    x = random(0, dim - 1);
+    y = random(0, dim - 1);
+  }
+  return { x, y };
+};
+
+const getCollisionMatrixCyberia = (biome, element) => {
+  let biomeData = newInstance(biome);
+  if (!Array.isArray(biome.solid)) biomeData.solid = Object.values(biome.solid).map((row) => Object.values(row));
+  return reduceMatrix(
+    biomeData.solid.map((y) => y.map((x) => (x === 0 ? 0 : 1))),
+    3,
+  ).map((y, iY) =>
+    y.map((x, iX) =>
+      x === 0 &&
+      !isBiomeCyberiaCollision({
+        biomeData,
+        element,
+        x: iX,
+        y: iY,
+      })
+        ? 0
+        : 1,
+    ),
+  );
+};
+
+const WorldCyberiaLimit = (options = { type: undefined }) => {
+  const { type } = options;
+  return {
+    6: {
+      top: [2, 'bottom'],
+      bottom: [4, 'top'],
+      left: [1, 'right'],
+      right: [3, 'left'],
+    },
+    5: {
+      top: [2, 'bottom'],
+      bottom: [4, 'top'],
+      left: [3, 'right'],
+      right: [1, 'left'],
+    },
+    4: {
+      top: [1, 'bottom'],
+      bottom: [3, 'top'],
+      left: [5, 'right'],
+      right: [6, 'left'],
+    },
+    3: {
+      top: [4, 'bottom'],
+      bottom: [2, 'top'],
+      left: [type === 'width' ? 6 : 5, 'right'],
+      right: [type === 'width' ? 5 : 6, 'left'],
+    },
+    2: {
+      top: [3, 'bottom'],
+      bottom: [1, 'top'],
+      left: [5, 'right'],
+      right: [6, 'left'],
+    },
+    1: {
+      top: [2, 'bottom'],
+      bottom: [4, 'top'],
+      left: [5, 'right'],
+      right: [6, 'left'],
+    },
+  };
+};
+
+const updateMovementDirection = ({ direction, element, suffix }) => {
+  switch (direction) {
+    case '02':
+    case '12':
+    case 'n':
+      if (element.components.skin)
+        element.components.skin = element.components.skin.map((component) => {
+          component.position = `${suffix ? suffix : '1'}2`;
+          return component;
+        });
+      break;
+    case '08':
+    case '18':
+    case 's':
+      if (element.components.skin)
+        element.components.skin = element.components.skin.map((component) => {
+          component.position = `${suffix ? suffix : '1'}8`;
+          return component;
+        });
+      break;
+    case '06':
+    case '16':
+    case 'e':
+      if (element.components.skin)
+        element.components.skin = element.components.skin.map((component) => {
+          component.position = `${suffix ? suffix : '1'}6`;
+          return component;
+        });
+      break;
+    case 'se':
+      if (element.components.skin)
+        element.components.skin = element.components.skin.map((component) => {
+          component.position = `${suffix ? suffix : '1'}6`;
+          return component;
+        });
+      break;
+    case 'ne':
+      if (element.components.skin)
+        element.components.skin = element.components.skin.map((component) => {
+          component.position = `${suffix ? suffix : '1'}6`;
+          return component;
+        });
+      break;
+    case '04':
+    case '14':
+    case 'w':
+      if (element.components.skin)
+        element.components.skin = element.components.skin.map((component) => {
+          component.position = `${suffix ? suffix : '1'}4`;
+          return component;
+        });
+      break;
+    case 'sw':
+      if (element.components.skin)
+        element.components.skin = element.components.skin.map((component) => {
+          component.position = `${suffix ? suffix : '1'}4`;
+          return component;
+        });
+      break;
+    case 'nw':
+      if (element.components.skin)
+        element.components.skin = element.components.skin.map((component) => {
+          component.position = `${suffix ? suffix : '1'}4`;
+          return component;
+        });
+      break;
+    default:
+      if (element.components.skin)
+        element.components.skin = element.components.skin.map((component) => {
+          component.position = `${suffix ? suffix : '1'}8`;
+          return component;
+        });
+      break;
+  }
+  return element;
+};
+
+const CharacterCyberiaStatsType = {
+  // ERC-721
+  skin: {},
+  weapon: {},
+  'faction-symbol': {},
+  breastplate: {},
+  legs: {},
+  helmet: {},
+  talisman: {},
+};
+
+const CyberiaItemsType = {
+  ...CharacterCyberiaStatsType,
+  coin: {}, // centralized internal server coin
+  cryptokoyn: {}, // ERC-20
+  questItem: {},
+};
+
+const BehaviorElement = {
+  user: {
+    color: 'yellow',
+  },
+  'user-hostile': {
+    color: 'red',
+  },
+  'quest-passive': {
+    color: 'yellow',
+  },
+  'item-quest': {
+    color: 'yellow',
+  },
+  decor: {
+    color: 'yellow',
+  },
+  pet: {
+    color: 'yellow',
+  },
+  resource: {
+    color: 'yellow',
+  },
+  'generic-people': {
+    color: 'yellow',
+  },
+};
+
+const ResourcesComponentTypeCyberia = {
+  organic: {},
+  gas: {},
+  mineral: {},
+  exotic: {},
+};
+
+const ResourcesComponentCyberia = {
+  'generic-wood': {
+    name: 'common wood',
+    type: 'organic',
+    subtractItemId: [
+      {
+        itemType: 'weapon',
+        id: 'hatchet',
+      },
+    ],
+    drop: {
+      range: [1, 3],
+    },
+  },
+};
+
+const CyberiaInstancesStructs = {
+  default: [
+    {
+      type: 'pve',
+      bots: [
+        {
+          behavior: 'quest-passive',
+          displayIds: [{ id: 'ayleen', quantity: [1] }],
+        },
+        {
+          behavior: 'pet',
+          displayIds: [
+            {
+              id: 'dog',
+              quantity: [1],
+              name: 'floki',
+              title: `ayleen's dog`,
+              parentId: 'ayleen',
+            },
+          ],
+        },
+        {
+          behavior: 'item-quest',
+          displayIds: [
+            { id: 'bone', quantity: [2] },
+            { id: 'bone-brown', quantity: [1] },
+          ],
+        },
+        {
+          behavior: 'user-hostile',
+          displayIds: [
+            { id: 'purple', quantity: [4, 7] },
+            { id: 'kishins', quantity: [2, 5] },
+          ],
+        },
+        // {
+        //   behavior: 'generic-people',
+        //   displayIds: [
+        //     { id: 'gp0', quantity: [1] },
+        //     { id: 'gp1', quantity: [1] },
+        //   ],
+        // },
+      ],
+    },
+    {
+      type: 'pvp',
+      bots: [
+        {
+          behavior: 'quest-passive',
+          displayIds: [
+            {
+              id: 'agent',
+              quantity: [1],
+              title: `SCP Agent`,
+              name: 'Kinoshita',
+            },
+            { id: 'punk', quantity: [1] },
+            { id: 'scp-2040', quantity: [1], title: `SCP`, name: '2040' },
+          ],
+        },
+        {
+          behavior: 'user-hostile',
+          displayIds: [
+            { id: 'purple', quantity: [4, 7] },
+            { id: 'kishins', quantity: [2, 5] },
+          ],
+        },
+        {
+          behavior: 'item-quest',
+          displayIds: [
+            { id: 'bone', quantity: [2] },
+            { id: 'bone-brown', quantity: [1] },
+          ],
+        },
+        {
+          behavior: 'generic-people',
+          displayIds: [{ id: 'marciano', quantity: [1] }],
+        },
+      ],
+    },
+    {
+      type: 'pvp',
+      bots: [
+        {
+          behavior: 'user-hostile',
+          displayIds: [
+            { id: 'purple', quantity: [4, 7] },
+            { id: 'kishins', quantity: [2, 5] },
+          ],
+        },
+        {
+          behavior: 'item-quest',
+          displayIds: [
+            { id: 'bone', quantity: [2] },
+            { id: 'bone-brown', quantity: [1] },
+          ],
+        },
+      ],
+    },
+    {
+      type: 'pvp',
+      bots: [
+        {
+          behavior: 'user-hostile',
+          displayIds: [
+            { id: 'purple', quantity: [4, 7] },
+            { id: 'kishins', quantity: [2, 5] },
+          ],
+        },
+        {
+          behavior: 'item-quest',
+          displayIds: [
+            { id: 'bone', quantity: [2] },
+            { id: 'bone-brown', quantity: [1] },
+          ],
+        },
+      ],
+    },
+    {
+      type: 'pvp',
+      bots: [
+        {
+          behavior: 'user-hostile',
+          displayIds: [
+            { id: 'purple', quantity: [4, 7] },
+            { id: 'kishins', quantity: [2, 5] },
+          ],
+        },
+        {
+          behavior: 'item-quest',
+          displayIds: [
+            { id: 'bone', quantity: [2] },
+            { id: 'bone-brown', quantity: [1] },
+          ],
+        },
+      ],
+    },
+    {
+      type: 'pvp',
+      bots: [
+        {
+          behavior: 'quest-passive',
+          displayIds: [
+            {
+              id: 'agent',
+              quantity: [1],
+              title: `SCP Agent`,
+              name: 'Kinoshita',
+            },
+            { id: 'punk', quantity: [1] },
+            { id: 'scp-2040', quantity: [1], title: `SCP`, name: '2040' },
+          ],
+        },
+        {
+          behavior: 'user-hostile',
+          displayIds: [
+            { id: 'purple', quantity: [4, 7] },
+            { id: 'kishins', quantity: [2, 5] },
+          ],
+        },
+        {
+          behavior: 'item-quest',
+          displayIds: [
+            { id: 'bone', quantity: [2] },
+            { id: 'bone-brown', quantity: [1] },
+          ],
+        },
+        {
+          behavior: 'generic-people',
+          displayIds: [{ id: 'marciano', quantity: [1] }],
+        },
+      ],
+    },
+  ],
+};
+
+const getK = (value) => {
+  /*
+
+    TOP DEFINITION
+
+    1kk
+    1kk means million where each K represents 000.
+
+    1k = 1 000
+    1kk = 1 000 000
+    1kkk =1 000 000 000
+
+    Mostly used in games.
+    I'm selling this item for 1kk
+    by Aelos03 May 22, 2014
+
+    */
+
+  const limitK = 1000;
+  const limitKK = 1000000;
+  const limitKKK = 1000000000;
+  if (value < limitK) return value;
+  else if (value >= limitK && value < limitKK) return round10(value / limitK, -2) + 'k';
+  else if (value >= limitKK && value < limitKKK) return round10(value / limitKK, -2) + 'kk';
+  else if (value >= limitKKK) return round10(value / limitKKK, -2) + 'kkk';
+};
+
+const CyberiaParams = {
+  EVENT_CALLBACK_TIME: 45,
+  MOVEMENT_TRANSITION_FACTOR: 4,
+  DIM_AMPLITUDE_TRANSPORT_COLLISION: 2,
+  CYBERIA_WORLD_ID: '',
+};
+
+const WorldCyberiaType = {
+  width: {
+    worldFaces: [1, 6, 3, 5],
+    spaceFace: [2, 4],
+  },
+  height: {
+    worldFaces: [1, 2, 3, 4],
+    spaceFace: [5, 6],
+  },
+};
+
+const LoreCyberia = {
+  meta: [
+    `Year 2120. Earth, once a vibrant blue sphere, now hangs by a thread. A single cataclysmic event
+      irrevocably altered the course of humanity.`,
+    `In 2045, a devastating nuclear disaster rocked the People's Republic of the Orient, triggering a chain
+      reaction of genetic mutations.`,
+    `Later, a leak of clandestine biological experiments gave rise to a plague that transformed much of
+      terrestrial life into hostile creatures.`,
+    `With a third of the planet uninhabitable, humanity was forced to seek a new home beyond the stars. Thus,
+        the so-calledColonists embarked on this mission.`,
+    `However, in the exclusion zones, humans who survived the radiation mutations or genetic experiments were
+        rejected by the colonists. Thus, theseMutagens swore vengeance on
+        their former humanity.`,
+    `Artificial intelligences, through nanotechnology and integrated transistors, created fully
+       Synthetic humanoids. Some were created to serve the colonists, others,
+        however, desire something more.`,
+    `The proliferation of hyperrealities, digital worlds so realistic they were indistinguishable from the
+      real world, allowed neohumans to escape the isolation of a hostile universe, but at the same time they were under
+      the watchful eye of the space cyber powers.`,
+    `Today, humanity lives in ring-shaped space stations, asteroids, and extrasolar planets.`,
+    `Welcome to Cyberia. Explore, find your path, and carve out your space in the new neo-humanity.`,
+    ,
+  ],
+  factions: {
+    'zenith-empire': `Militaristic and expansionist. They believe in the superiority of their
+          civilization and the need to dominate space.`,
+    'atlas-confederation': `Based on peaceful exploration and cultural exchange. They value diversity and
+          cooperation between species.`,
+    'nova-republic': `Technological and elitist. They believe in the superiority of tech and artificial intelligence and 
+    the need to control the universe`,
+  },
+};
+
+export {
+  BaseElement,
+  MatrixElement,
+  ModelElement,
+  ComponentElement,
+  getRandomAvailablePositionCyberia,
+  isBiomeCyberiaCollision,
+  isElementCollision,
+  WorldCyberiaLimit,
+  WorldCyberiaType,
+  CyberiaParams,
+  updateMovementDirection,
+  getCollisionMatrixCyberia,
+  CharacterCyberiaStatsType,
+  PositionsComponent,
+  Stat,
+  setElementConsistency,
+  SkillCyberiaData,
+  SkillCyberiaType,
+  QuestComponent,
+  BehaviorElement,
+  getK,
+  DisplayComponent,
+  CyberiaItemsType,
+  ResourcesComponentCyberia,
+  ResourcesComponentTypeCyberia,
+  CyberiaInstancesStructs,
+  LoreCyberia,
+  CyberiaShopStorage,
+  loadDefaultResources,
+};