fixes icons and InterceptorRings animation

userXinos · Oct 31, 2023 · a35ead2 · a35ead2
1 parent 1bfddcc
commit a35ead2
Show file tree

Hide file tree

Showing 2 changed files with 35 additions and 14 deletions.
diff --git a/src/components/Icon.vue b/src/components/Icon.vue
@@ -49,14 +49,14 @@ const bgClasses = {
  'module-bg': type === 'Module' && !isProjectiles,
  'space-building-bg': type === 'SpaceBuilding' && !isCerberus && (!spaceBuildsNoBG.includes(props.name as string)),
  'art-bg': props.name === 'art',
+ 'interceptor': props.name === 'Fighter_Cerberus3_DrkNeb_lv1',
 };
 const iconStyle = {
  backgroundImage: `url('${url}')`,
 };
 const iconClasses = {
  'ship': type === 'Ship',
  'cerberus': isCerberus,
- 'warp-line-body': customType == 'WarpLane',
  'big-size': type == 'Star' || type == 'Distinction' || (type === 'specialIcon' && props.name !== 'art'),
  'width70': type === 'SpaceBuilding',
 };
@@ -82,19 +82,23 @@ function getUrl() {
  name = customType;
  }
 
- // TODO: fix
- if (true) {
- if (isProjectiles && !name.includes('_DrkNeb')) {
- name += '_DrkNeb';
- }
- if (isCerberus) {
- if (name.includes('_lv1')) {
- name = name.replace('_lv1', '');
- } else if (!name.startsWith('Battleship') && !name.startsWith('CerberusStation') && !name.endsWith('Carrier')) {
- name += '_lv1';
- }
+ if (isCerberus && name.includes('_lv1')) {
+ name = name.replace('_lv1', '');
+
+ // random names in game
+ switch (name) {
+ case 'Fighter_Cerberus3_DrkNeb':
+ name = 'Fighter_Cerberus_DrkNeb';
+ break;
+ case 'Cerberus_Destroyer_DrkNeb':
+ name = 'Fighter_DrkNeb_Cerberus3';
+ break;
+ case 'Cerberus_DrkNeb_Swarm':
+ name = 'Cerberus_DrkNeb_swarm1';
+ break;
  }
  }
+
  try {
  return require(`@Img/${dir}/${name}.png`);
  } catch (err) {
@@ -169,8 +173,25 @@ function getUrl() {
  opacity: 0.9;
  background-size: auto 100%;
 }
-.warp-line-body {
- background-size: 210%;
+.interceptor::before {
+ content: "";
+ position: absolute;
+ width: 85%;
+ height: 100%;
+ filter: opacity(0.5) drop-shadow(0.1px 0px 0px #f66d8f);
+ background-image: url(../img/game/background/InterceptorRings.png);
+ background-repeat: no-repeat;
+ background-size: auto 100%;
+ animation: rotate 20s linear infinite;
+}
+
+@keyframes rotate {
+ 0% {
+ transform: rotate(0deg);
+ }
+ 100% {
+ transform: rotate(360deg);
+ }
 }
 
 </style>
diff --git a/src/img/game/background/InterceptorRings.png b/src/img/game/background/InterceptorRings.png