western-world 3.0.621 → 3.0.623

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/dist/index.js +1 -1
  2. package/package.json +1 -1
  3. package/src/defs/buble/buble.js +1 -1
  4. package/src/defs/fish/fish.js +17 -0
  5. package/src/defs/fish/fish.scss +38 -0
  6. package/src/patterns/elephant.pattern.js +14 -0
  7. package/src/scss/cells/item_amount_items48_buy.scss +1 -1
  8. package/src/scss/cells/shipwreck.scss +54 -1
  9. package/src/svg/cells/item_amount_items48_buy.svg +2 -1
  10. package/src/svg/cells/shipwreck.svg +330 -283
  11. package/src/svg/index.js +10 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "western-world",
3
- "version": "3.0.621",
3
+ "version": "3.0.623",
4
4
  "description": "",
5
5
  "main": "dist/index.js",
6
6
  "scripts": {
package/src/defs/buble/buble.js CHANGED
@@ -4,7 +4,7 @@ export const buble = `
4
4
  <symbol id="buble" viewBox="0 0 8192 8192">
5
5
  <style>
6
6
  .buble_st0{fill:url(#SVGID_1_);}
7
- .buble_st1{fill:#FFFFFF;}
7
+ .buble_st1{fill:#FFFFFF;opacity: var(--buble-glare-opacity, 1);}
8
8
  ${style}
9
9
  </style>
10
10
  <radialGradient id="SVGID_1_" cx="4288.3667" cy="4098.165" r="2909.7285" gradientUnits="userSpaceOnUse">
package/src/defs/fish/fish.js ADDED
@@ -0,0 +1,17 @@
1
+ const style = require('!!css-loader!sass-loader!./fish.scss').default;
2
+
3
+ export const fish = `
4
+ <symbol id="fish" viewBox="0 0 8192 8192">
5
+ <style type="text/css">
6
+ .fish_st0{fill:var(--fish-color, #010202);}
7
+ .fish_st1{fill:var(--pupil-color, #FFFFFF);}
8
+ ${style}
9
+ </style>
10
+ <g class="fish">
11
+ <path class="fish_st0" d="M479,4167.4c-18.8-1061.5,1189-1395.3,1639.1-1410.3c450.1-15,918.9,142.5,1069,65.6 c150-76.9,340.6-468.7,902.1-504.5c412.6-26.3,735.1,413.7,575.7,701.4c-72.2,130.3-181,232.5-134.1,290.7 c46.9,58.1,302.9,98.5,411.6,60.9c108.8-37.5,196.9-185.7,421-190.4c224.1-4.7,332.8,29.4,450.1,282.2c42.2,91-24.4,167.8-60,213.8 c-35.6,45.9-97.5,135-12.2,183.8c85.3,48.8,270.1,122.8,369.4,134.1c99.4,11.3,264.9,652.2,21.6,676.1 c-176.1,17.3-677.9,126.6-739.8,169.7c-61.9,43.1,7.5,226.9-20.6,339.4c-28.1,112.5-320.7,414.5-667.6,442.6 c-346.9,28.1-558.9-435.1-744.5-489.5s-555.1,84.4-605.7,125.7c-50.6,41.3,46.9,127.5,88.1,191.3s33.8,286.9-225,296.3 c-258.8,9.4-382.6-160.3-429.5-251.3c-31.9-61.9-39.4-67.5-142.5-48.8c-103.1,18.8-1372.6,99.5-1911-532.6 C475.2,4610,479,4167.4,479,4167.4z"/>
12
+ <path class="fish_st1" d="M2089.9,3166c-1249-0.1-1104.3,1842.3,13.4,1824.7C3293.9,4971.9,3389.6,3166,2089.9,3166z"/>
13
+ <path class="fish_st0" d="M2005.5,3509.1c697.6,0,653,1044,50.9,1070.6C1330.4,4611.9,1223.5,3509.2,2005.5,3509.1z"/>
14
+ <path id="fish_tail" class="fish_st0" d="M6077.4,3998.6c0,0,369.9,15.5,488.1,14.1s731.4-551.4,964.9-541.5c233.5,9.8,90,330.5-29.5,545.7 c-119.6,215.2-199.7,355.9-8.4,628.7c191.3,272.9,278.5,414.9,180,517.6c-98.5,102.7-445.9-30.9-642.8-166s-542.6-355.6-868.2-330.7 C6029.6,4676.6,6015.5,3990.2,6077.4,3998.6z"/>
15
+ </g>
16
+ </symbol>
17
+ `;
package/src/defs/fish/fish.scss ADDED
@@ -0,0 +1,38 @@
1
+ .animated {
2
+ .fish {
3
+ animation-name: fish_animation;
4
+ animation-duration: 1.5s;
5
+ animation-delay: var(--fish-animation-delay, 0);
6
+ animation-timing-function: ease-in-out;
7
+ animation-iteration-count: infinite;
8
+ animation-direction: alternate;
9
+
10
+ #fish_tail {
11
+ animation-name: tail_animation;
12
+ animation-duration: 0.7s;
13
+ animation-delay: var(--fish-animation-delay, 0);
14
+ animation-timing-function: ease-in-out;
15
+ animation-iteration-count: infinite;
16
+ animation-direction: alternate;
17
+ transform-origin: 6140px 4303px;
18
+ }
19
+ }
20
+ }
21
+
22
+ @keyframes fish_animation {
23
+ 100% {
24
+ translate: 0 1500px;
25
+ }
26
+ }
27
+
28
+ @keyframes tail_animation {
29
+ 0% {
30
+ scale: 0.4 0.7;
31
+ }
32
+ 50% {
33
+ scale: 1 1;
34
+ }
35
+ 100% {
36
+ scale: 0.7 1.2;
37
+ }
38
+ }
package/src/patterns/elephant.pattern.js ADDED
@@ -0,0 +1,14 @@
1
+ export const elephant_pattern = `
2
+ <pattern id="elephant_pattern" viewBox="0 0 8192 8192" width="20%" height="20%">
3
+ <style type="text/css">
4
+ .elephant_pattern_st1{fill:#FFFFFF;}
5
+ </style>
6
+ <path class="elephant_pattern_st1" d="M3273.1,5869.4c0,0,184.9,24,264.2-30.6c0,0,137.5,267.5,59,543c-78.5,275.5-273.6,385.2-491.8,400.5 c-218.3,15.3-215.4,46.9-288.3,205.7c-72.9,158.9-65.3,348.2-115.5,399.9c-28.7,29.6-449.4,40.6-480.2,37.8s-57.4-51-85.5-201.1 c-28.1-150.1-64.1-508.9-492.6-480s-441.4,362.6-437.1,545.4c4.3,182.8-34.5,186.6-99.1,194.1s-294.6,1.1-406.9-39.4 s-219.8-417.6-206.5-945.5c0,0-81.7,112.8-232.5,39c-109.2-53.4-1.2-302.7,81.3-308.7c82.5-6.1,77.3,86.3,51.8,112.5 c-25.5,26.3-60.1-12.1-83.8,23.9c-23.8,36-15.5,157.2,111.3,84.2s42.8-283.9,273.7-648.2c231-364.3,591.3-410.1,1261.4-407 s953,418.2,991.7,629.7c38.7,211.5-60,436.1,211.3,390.9C3430.2,6370.5,3325.9,5991.6,3273.1,5869.4z M2423.8,5957.9 c-110,1.6-99.3,182.7,2.7,181.2C2541.4,6137.5,2543.6,5956.2,2423.8,5957.9z"/>
7
+ <path class="elephant_pattern_st1" d="M7125.3,4989.5c-22.5,4-330.6-154.1-303.4-260.3c27.2-106.2,180.7-67.6,261.5,70.6c0,0,41.6-160.1,133.7-166.4 c92.1-6.3,71.8,120.4,11.4,244.1C7197.7,4940.6,7125.3,4989.5,7125.3,4989.5z"/>
8
+ <path class="elephant_pattern_st1" d="M4246.8,4393.2c-53,15-468-389.7-319.8-542.7c161.4-166.5,338.8,211.7,338.8,211.7s128.1-277.2,358.7-263.3 s33,344.5-267.8,535.5C4316.8,4359.7,4262.7,4388.7,4246.8,4393.2z"/>
9
+ <path class="elephant_pattern_st1" d="M6625.5,7331.1c-47.5,10.8-395.1-366-257.1-494.1c150.3-139.5,289.3,202.7,289.3,202.7s126.1-238.8,329-215.8 s13.1,305.7-261.4,460.4C6688.8,7304.8,6639.7,7327.9,6625.5,7331.1z"/>
10
+ <path class="elephant_pattern_st1" d="M1129.5,3163.1c-57.5,24.2-299.6-296.6-192.5-376.2c91.3-68,189.1,82.8,203,155.9c0,0,84.2-186.8,245.8-179.5 S1358.4,3066.8,1129.5,3163.1z"/>
11
+ <path class="elephant_pattern_st1" d="M3287.1,1209.8c-38.7,36.7-451.6-193.4-359.7-325.3s298.4,111.3,298.4,111.3s44.7-191.1,153.4-203.6 C3487.9,779.6,3492.1,1015.3,3287.1,1209.8z"/>
12
+ <path class="elephant_pattern_st1" d="M7615.8,2329c8.8-128.8-54.7-302.6-258.1-273.8c-203.5,28.8-111.5,611.2-135.1,733 c-23.5,121.8-213.3,99.3-366.3,94.5c-153-4.8-127.2-109.2-152.5-273.9c-25.3-164.7-64.2-470-460.6-458.7 c-519.3,14.7-488.6,519.4-492.4,634.4c-3.8,115-37.7,119.6-167.9,124.9c-130.2,5.3-321.8-31.2-396.5-146.6 c-146.9-226.8-154-868.4-154-868.4c-33.8,62.9-198.7,176.4-268,91.7c-69.3-84.7-40.9-230,41.6-283.9 c82.5-53.9,145.9,15.5,110.4,71.9c-35.5,56.4-77.6,7.7-93.6,20.1s-40.1,172.2,45.9,135.2c106.6-45.9,102.4-25.1,235.1-525 s638-634.3,1169.3-664.7s1218.6-14.8,1497.2,398.3s156.5,1349.9,110.5,1434.4c-46,84.5-93.5,71.9-99.9,54.4 c-6.4-17.5-64.7-23.8-121.2,9.9c-56.5,33.7-76.7,10-78-18.2C7580.6,2596,7606.9,2457.9,7615.8,2329z M7261.8,1381 c-105.2,1.7-96.3,193.9,15.8,177.8C7379.4,1544.2,7367,1379.3,7261.8,1381z"/>
13
+ </pattern>
14
+ `;
package/src/scss/cells/item_amount_items48_buy.scss CHANGED
@@ -3,7 +3,7 @@
3
3
  #items .use-item-48 {
4
4
  transform-origin: center center;
5
5
  animation-name: item_amount_items48_buy;
6
- animation-duration: 20s;
6
+ animation-duration: 30s;
7
7
  animation-timing-function: linear;
8
8
  animation-iteration-count: infinite;
9
9
 
package/src/scss/cells/shipwreck.scss CHANGED
@@ -1 +1,54 @@
1
- // TODO
1
+ .animated {
2
+ .shipwreck {
3
+ .use-fish-container {
4
+ animation-timing-function: linear;
5
+ animation-iteration-count: infinite;
6
+ }
7
+ .use-fish-container-001 {
8
+ animation-name: fish_container_animation_1;
9
+ animation-duration: 20s;
10
+ animation-delay: -5s;
11
+ }
12
+ .use-fish-container-002 {
13
+ animation-name: fish_container_animation_1;
14
+ animation-duration: 25s;
15
+ animation-delay: -10s;
16
+ }
17
+
18
+ .use-fish-container-003 {
19
+ animation-name: fish_container_animation_2;
20
+ animation-duration: 25s;
21
+ animation-delay: -15s;
22
+ }
23
+
24
+ .use-fish-container-004 {
25
+ animation-name: fish_container_animation_2;
26
+ animation-duration: 25s;
27
+ animation-delay: -10s;
28
+ }
29
+
30
+ .use-fish-container-005 {
31
+ animation-name: fish_container_animation_1;
32
+ animation-duration: 22s;
33
+ animation-delay: -15s;
34
+ }
35
+ }
36
+ }
37
+
38
+ @keyframes fish_container_animation_1 {
39
+ 0% {
40
+ translate: 10000px 0px;
41
+ }
42
+ 100% {
43
+ translate: -10000px 0px;
44
+ }
45
+ }
46
+
47
+ @keyframes fish_container_animation_2 {
48
+ 0% {
49
+ translate: -10000px 0px;
50
+ }
51
+ 100% {
52
+ translate: 10000px 0px;
53
+ }
54
+ }
package/src/svg/cells/item_amount_items48_buy.svg CHANGED
@@ -2,7 +2,7 @@
2
2
  <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
3
3
  viewBox="0 0 8192 8192" style="enable-background:new 0 0 8192 8192;" xml:space="preserve">
4
4
  <style type="text/css">
5
- .st0{fill:#EFF9C7;}
5
+ .st0{fill:#dfdfdf;}
6
6
  .st1{fill:#FF6700;stroke:#000000;stroke-width:32.768;stroke-miterlimit:8.192;}
7
7
  .st2{fill:#FFFFFF;stroke:#000000;stroke-width:32.768;stroke-miterlimit:8.192;}
8
8
  .st3{fill:none;stroke:#000000;stroke-width:32.768;stroke-miterlimit:8.192;}
@@ -10,6 +10,7 @@
10
10
  </style>
11
11
  <g id="background">
12
12
  <rect class="st0" width="8192" height="8192"/>
13
+ <rect fill="url(#elephant_pattern)" x="-1000" y="-1000" width="10000" height="10000" style="rotate: -15deg; transform-origin: center center;opacity: 1;" />
13
14
  </g>
14
15
  <g id="items">
15
16
  <use class="use-item-48" xlink:href="#item_48" style="transform-origin: center center;translate: -2000px -2000px; scale: 0.2; rotate: 30deg;--animation-delay: -2.3s;"></use>