Skip to content

Commit

Permalink
add spooktober Gigachad and GODMAN by Gehirnchirurg
Browse files Browse the repository at this point in the history
  • Loading branch information
slugalisk committed Oct 26, 2024
1 parent 795031a commit bc2409a
Show file tree
Hide file tree
Showing 18 changed files with 24 additions and 118 deletions.
10 changes: 10 additions & 0 deletions assets/anim.october.scss
Original file line number Diff line number Diff line change
Expand Up @@ -453,3 +453,13 @@
$can-animate-forever: true,
$end-on-last-frame: true
);

@include sprite-animation(
$file-name: Gigachad,
$frame-count: 42,
$sprite-width: 6006px,
$sprite-height: 32px,
$animation-duration: 4.2s,
$iteration-count: 1,
$end-on-last-frame: true,
);
128 changes: 12 additions & 116 deletions assets/anim.scss
Original file line number Diff line number Diff line change
Expand Up @@ -218,121 +218,6 @@ $context-css-animated-emote-mixin: false;
}
}

@mixin Gigachad() {
.text > .generify-container:has(+ .generify-container.generify-emote-Gigachad[data-modifiers~="mirror"]) {
@content;
}
.text > .generify-container.generify-emote-Gigachad:not([data-modifiers~="mirror"]) + .generify-container {
@content;
}
}

@include Gigachad() {
animation: Gigachad-shake-anim 6s 375ms linear;
transform-origin: 50% 100%;

&::before, &::after {
content: "";
pointer-events: none;
position: absolute;
top: 50%;
left: 50%;
margin: -8px -6px;
width: 16px;
height: 12px;
background-image: url("/assets/emotes/modifiers/fireball.png");
background-size: 240px 12px;
background-position: 16px 0px;
background-repeat: no-repeat;
animation: Gigachad-fireball-anim 750ms 8 step-start, Gigachad-fireball-fly-anim 6s linear;
animation-fill-mode: none, forwards;
z-index: 2;
}

&::before {
@for $i from 0 to 8 {
#{"--offset-x-" + $i}: (random(60) + 20) * 1%;
#{"--offset-y-" + $i}: (random(40) + 20) * 1%;
#{"--scale-" + $i}: (random(50) + 100) * 1%;
}
animation-delay: 0.5s;
}

&::after {
@for $i from 0 to 8 {
#{"--offset-x-" + $i}: (random(60) + 20) * 1%;
#{"--offset-y-" + $i}: (random(40) + 20) * 1%;
#{"--scale-" + $i}: (random(100) + 100) * 1%;
}
}

@at-root .pref-animateforever &, &:hover {
animation-iteration-count: infinite;
}

@at-root .pref-animateforever &::before, &:hover::before {
animation-iteration-count: infinite;
}

@at-root .pref-animateforever &::after, &:hover::after {
animation-iteration-count: infinite;
}
}

@keyframes Gigachad-shake-anim {
$cycles: 16;
@for $i from 0 to $cycles {
#{100 / $cycles * ($i) * 1%} {
transform: scaleY(1);
filter: brightness(1);
}
#{100 / $cycles * ($i + 2/15) * 1%} {
transform: scaleY(1);
filter: brightness(1.3);
}
#{100 / $cycles * ($i + 6/15) * 1%} {
transform: scaleY((random(30) + 60) * 1%);
filter: brightness(1.2);
}
#{100 / $cycles * ($i + 1) * 1% - 1%} {
transform: scaleY(1);
filter: brightness(1);
}
}
}

@keyframes Gigachad-fireball-anim {
$frames: 15;
$width: 240px;
@for $i from 0 to $frames {
#{100 / $frames * $i * 1%} {
background-position-x: -$width / $frames * $i;
}
}
100% {
background-position-x: 240px;
}
}

@keyframes Gigachad-fireball-fly-anim {
$cycles: 8;
@for $i from 0 to $cycles {
#{100 / $cycles * $i * 1%} {
transform: translateY(-30px) rotate(90deg) scale(var(#{"--scale-" + $i}));
left: var(#{"--offset-x-" + $i});
top: var(#{"--offset-y-" + $i});
}
#{100 / $cycles * ($i + 7/15) * 1%} {
transform: translateY(0) rotate(90deg) scale(var(#{"--scale-" + $i}));
}
#{100 / $cycles * ($i + 1) * 1% - 1%} {
transform: translateY(0) rotate(90deg) scale(var(#{"--scale-" + $i}));
left: var(#{"--offset-x-" + $i});
top: var(#{"--offset-y-" + $i});
}
}
}

@keyframes emote-hit {
0% { color: #B91010; font-size:200%; }
1% { color: $color-light; font-size:190%; }
Expand Down Expand Up @@ -1438,7 +1323,6 @@ $spritesDir : '/assets/emotes/emoticons-animated/';
$can-animate-forever: true
);


@include sprite-animation(
$file-name: PEPE,
$frame-count: 150,
Expand All @@ -1450,3 +1334,15 @@ $spritesDir : '/assets/emotes/emoticons-animated/';
$end-on-last-frame: true,
$can-animate-forever: true
);

@include sprite-animation(
$file-name: Gigachad,
$frame-count: 42,
$sprite-width: 6006px,
$sprite-height: 32px,
$animation-duration: 4.2s,
$animation-direction: alternate,
$iteration-count: 1,
$end-on-last-frame: true,
$can-animate-forever: true
);
4 changes: 2 additions & 2 deletions assets/emotecreators.json
Original file line number Diff line number Diff line change
Expand Up @@ -459,7 +459,7 @@
"december": "Gehirnchirurg"
},
"SLEEPY": { "createdby": "SoMuchForSubtlety", "october": "", "december": "" },
"GODMAN": { "createdby": "", "october": "", "december": "" },
"GODMAN": { "createdby": "", "october": "Gehirnchirurg", "december": "" },
"NOM": { "createdby": "", "october": "Gehirnchirurg", "december": "" },
"FeelsDumbMan": {
"createdby": "",
Expand Down Expand Up @@ -666,7 +666,7 @@
},
"Gigachad": {
"createdby": "FizzyLongstockings",
"october": "",
"october": "Gehirnchirurg",
"december": ""
},
"PepoCopter": {
Expand Down
Binary file modified assets/emotes/emoticons-animated/2x/Gigachad.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified assets/emotes/emoticons-animated/4x/Gigachad.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified assets/emotes/emoticons-animated/Gigachad.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified assets/emotes/emoticons/2x/GODMAN.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified assets/emotes/emoticons/4x/GODMAN.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified assets/emotes/emoticons/GODMAN.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/emotes/october/2x/GODMAN.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/emotes/october/4x/GODMAN.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/emotes/october/GODMAN.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified assets/emotes/october/animated/2x/Gigachad.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified assets/emotes/october/animated/4x/Gigachad.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified assets/emotes/october/animated/Gigachad.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/emotes/originals/animated/2x/Gigachad.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/emotes/originals/animated/4x/Gigachad.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/emotes/originals/animated/Gigachad.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit bc2409a

Please sign in to comment.