heyflo heyflo
liborvanek
/ transition.js
Last active
October 12, 2024 16:17
Page transition mixin for Nuxt.js with GreenSock GSAP
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import { TimelineMax, TweenMax, Power2, Back } from 'gsap' | |
| let curtainsOpenTimeline = () => { | |
| return new TimelineMax() | |
| .set('.curtains', { transformOrigin: '0%' }) | |
| .fromTo('.curtains', 0.6, { scaleX: 0 }, { scaleX: 1, ease: Power2.easeInOut }) | |
| .fromTo('.curtains-logo', 0.3, { x: '-100%', autoAlpha: 0 }, { x: '-50%', autoAlpha: 1, ease: Power2.easeInOut }, '-=0.45') | |
| } | |
| let curtainsCloseTimeline = () => { |
only-cliches
/ pixibackground.js
Last active
March 27, 2025 19:39
PixiJS Background Cover & Background Container
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* | |
| * PixiJS Background Cover/Contain Script | |
| * Returns object | |
| * . { | |
| * container: PixiJS Container | |
| * . doResize: Resize callback | |
| * } | |
| * ARGS: | |
| * bgSize: Object with x and y representing the width and height of background. Example: {x:1280,y:720} | |
| * inputSprite: Pixi Sprite containing a loaded image or other asset. Make sure you preload assets into this sprite. |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| drush eval "var_dump(Drupal\Component\Utility\Crypt::randomBytesBase64(55))" |