western-world 3.0.331 → 3.0.333

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "western-world",
-  "version": "3.0.331",
+  "version": "3.0.333",
   "description": "",
   "main": "dist/index.js",
   "scripts": {

package/src/defs/player_lock.js

@@ -0,0 +1,19 @@
+export const player_lock = `
+<symbol id="player_lock" viewBox="0 0 8192 8192">
+    <style type="text/css">
+        .player_lock_st0{fill:#FFD457;}
+    </style>
+    <g class="player_lock-container">
+        <rect class="player_lock-background" x="0" y="0" width="8292" height="8292"></rect>
+        <g class="player_lock-lock">
+            <path class="player_lock_st0" d="M3543.6,3844.1c0,0,1145.9,0,1315.3,0s154.2,154.2,154.2,154.2s0,1149,0,1296.8s-150.8,150.8-150.8,150.8
+                s-1176.3,0-1344.5,0s-183.4-183.4-183.4-183.4V4034.7C3334.4,3816.4,3543.6,3844.1,3543.6,3844.1z M3973.3,4976h395.6l-111.4-281.9
+                c0,0,120.5-29.6,120.5-175.1c0-145.5-122.8-209.2-204.1-209.2c-81.3,0-200.6,65.9-200.6,200.1c0,134.1,104.6,184.2,104.6,184.2
+                L3973.3,4976z"/>
+            <path id="lock_head" class="player_lock_st0" d="M3586,3968V2925.1c0,0,97-466.9,573-463.8c476,3,579,403.2,579,476s0,538.1,0,538.1
+                s-3.4,40.7-40.7,40.7s-134,0-134,0s-40.3,4.5-40.3-40.3s0-531.4,0-531.4s-57.5-261.5-351.9-261.5s-359.2,253.5-359.2,294.4
+                s0,990.6,0,990.6H3586z"/>            
+        </g>
+    </g>
+</symbol>
+`;

package/src/scss/cells/drunk_skip_two_times.scss

@@ -1,3 +1,5 @@
+@import './mixins/player_lock';
+
 .animated {
   .drunk_skip_two_times {
     #number {
@@ -31,6 +33,8 @@
   }
 }
 
+@include playerLockMixin;
+
 @keyframes drunk_skip_two_times_number_animation {
   0% {
     transform: translateY(0px);

package/src/scss/cells/mixins/boom.scss

@@ -8,7 +8,7 @@
       animation-name: linesAnimation;
       animation-duration: 1s;
       animation-timing-function: linear;
-      animation-iteration-count: infinity;
+      animation-iteration-count: 1;
     }
   }
 }

package/src/scss/cells/mixins/lost.scss

@@ -61,7 +61,7 @@ $main-animation-delay: 0s;
       transform-origin: 4000px 3700px;
     }
 
-    use.d-none {
+    use.d-none.use-lost {
       display: block;
     }
   }

package/src/scss/cells/mixins/player_lock.scss

@@ -0,0 +1,125 @@
+@import './boom';
+
+$main-animation-delay: 0s;
+
+@mixin playerLockMixin {
+  .animated.player_lock {
+    .player_lock-background {
+      display: block;
+      fill: black;
+      opacity: 0;
+      animation-name: buckground_animation;
+      animation-delay: $main-animation-delay;
+      animation-duration: 0.3s;
+      animation-timing-function: linear;
+      animation-fill-mode: forwards;
+      animation-iteration-count: 1;
+    }
+
+    .player_lock-lock {
+      animation-name: player_lock_lock_animation;
+      animation-duration: 3s;
+      animation-delay: 0.3s;
+      animation-timing-function: ease-in-out;
+      animation-fill-mode: forwards;
+      animation-iteration-count: 1;
+      scale: 0;
+      transform-origin: 4176px 4439px;
+    }
+
+    #lock_head {
+      animation-name: lock_head_animation;
+      animation-duration: 0.5s;
+      animation-delay: 0.7s;
+      animation-timing-function: cubic-bezier(0.84, 1.84, 0.59, 0.72);
+      animation-fill-mode: forwards;
+      animation-iteration-count: 1;
+    }
+
+    .player_lock-container {
+      animation-name: player_lock_container_animation;
+      animation-duration: 0.3s;
+      animation-delay: 2s;
+      animation-timing-function: linear;
+      animation-fill-mode: forwards;
+      animation-iteration-count: 1;
+    }
+
+    use.d-none.use-player_lock,
+    use.d-none.use-boom {
+      display: block;
+    }
+
+    @include boomMixin;
+
+    .boom {
+      scale: 20;
+      translate: 4200px 3300px;
+
+      line {
+        stroke: #ffd457;
+        animation-delay: 1s;
+        display: none;
+
+        &:nth-child(1),
+        &:nth-child(2),
+        &:nth-child(3) {
+          display: block;
+        }
+      }
+    }
+  }
+
+  @keyframes buckground_animation {
+    0% {
+      opacity: 0;
+    }
+    100% {
+      opacity: 0.5;
+    }
+  }
+
+  @keyframes player_lock_lock_animation {
+    0% {
+      scale: 0;
+    }
+    10% {
+      scale: 1.3;
+    }
+    15% {
+      scale: 1;
+    }
+    24% {
+      translate: 0 0px;
+    }
+    27% {
+      translate: 0 100px;
+    }
+    30% {
+      translate: 0 0px;
+    }
+    100% {
+      scale: 1;
+    }
+  }
+
+  @keyframes lock_head_animation {
+    0% {
+      translate: 0 0;
+    }
+    100% {
+      translate: 0 500px;
+    }
+  }
+
+  @keyframes player_lock_container_animation {
+    0% {
+      opacity: 1;
+    }
+    100% {
+      opacity: 0;
+    }
+  }
+}
+
+@include boomAnimationMixin;

package/src/scss/cells/mixins/winner.scss

@@ -110,7 +110,7 @@ $main-animation-delay: 0s;
       transform-origin: 4000px 3700px;
     }
 
-    use.d-none {
+    use.d-none.use-winner {
       display: block;
     }
   }

package/src/svg/cells/casino.svg

@@ -1038,6 +1038,6 @@
 	<use xlink:href="#chip" transform="translate(950 -3400)"></use>
 </g>
 
-<use xlink:href="#winner" class="d-none"></use>
-<use xlink:href="#lost" class="d-none"></use>
+<use xlink:href="#winner" class="d-none use-winner"></use>
+<use xlink:href="#lost" class="d-none use-lost"></use>
 </svg>

package/src/svg/cells/drunk_skip_two_times.svg

@@ -16,6 +16,7 @@
 	.st10{opacity:0.3;fill:#FF0000;enable-background:new    ;}
 	.st11{fill:#2D1E07;}
 	.st12{opacity:0.2;}
+	.d-none{display:none;}
 </style>
 <rect class="st0" width="8192" height="8192"/>
 <path id="number" class="st1" d="M916.8,1051.7c0,0,1082.2-544.2,1768.7-544.2s915.2,327.8,1045.1,476.2
@@ -238,4 +239,6 @@
 	<path d="M2078.9,5049.1c0,0,99,0,74.2,86.6c-24.7,86.6-6.1,185.5-68,247.4c0,0,136.1-80.4,148.4-148.4
 		c12.4-68.1,55.6-160.8,0-204.1c-55.6-43.3-92.7-24.7-92.7-24.7L2078.9,5049.1z"/>
 </g>
+<use xlink:href="#player_lock" class="d-none use-player_lock"></use>
+<use xlink:href="#boom" class="d-none use-boom"></use>
 </svg>

package/src/svg/index.js

@@ -10,6 +10,7 @@ import { cat } from '../defs/cat';
 import { rent } from '../defs/rent';
 import { winner } from '../defs/winner';
 import { lost } from '../defs/lost';
+import { player_lock } from '../defs/player_lock';
 
 export const others = {
   // backgrounds;
@@ -251,6 +252,10 @@ export const cells = {
   drunk_skip_two_times: {
     svgPath: require('./cells/drunk_skip_two_times.svg'),
     scssPath: require('!!css-loader!sass-loader!../scss/cells/drunk_skip_two_times.scss').default,
+    defs: [
+      { name: 'player_lock', value: player_lock, type: 'symbol' },
+      { name: 'boom', value: boom, type: 'symbol' },
+    ],
   },
   dumping: {
     svgPath: require('./cells/dumping.svg'),