This file contains 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 TweenMax from 'gsap' | |
import event from 'dom-events' | |
import imagesLoaded from 'imagesloaded' | |
import lerp from '~/assets/js/functions/lerp' | |
export default class Smooth { | |
constructor() { | |
this.createBound() | |
this.content = document.querySelector('.js-scroll-content') |
This file contains 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 TweenMax from 'gsap' | |
import events from 'dom-events' | |
export default class Magnetic { | |
constructor(el) { | |
this.elem = document.querySelector(el) | |
this.cursor = { | |
x: 0, | |
y: 0 |
This file contains 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 TweenMax from 'gsap' | |
import event from 'dom-events' | |
import imagesLoaded from 'imagesloaded' | |
import lerp from '~/assets/js/functions/lerp' | |
export default class Smooth { | |
constructor(el) { | |
this.createBound() | |
this.content = el.querySelector('.js-scroll-content') |
This file contains 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 TweenMax from 'gsap' | |
export default class Magnetic { | |
constructor() { | |
this.elems = [...document.querySelectorAll('[data-magnetic]')] | |
this.cache = [] | |
this.cursor = { | |
x: 0, |
This file contains 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
<script id="vertexShader" type="x-shader/x-vertex"> | |
void main() { | |
} | |
</script> | |
<script id="fragmentShader" type="x-shader/x-fragment"> | |
void main() { | |
} |
This file contains 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 { math } from '../../utils' | |
export default class Overview { | |
constructor(opts = {}) { | |
this.bind() | |
this.list = opts.el | |
this.elems = [...this.list.querySelectorAll('.js-list-item')] | |
this.mouse = { |
This file contains 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 * as THREE from 'three' | |
import { math } from '../utils' | |
import MobileDetect from 'mobile-detect' | |
export const Scene = (el, img) => { | |
const wrapper = el | |
const md = new MobileDetect(window.navigator.userAgent) | |
const isMobile = md.mobile() |
This file contains 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 TweenMax from 'gsap' | |
import SplitText from '../vendors/SplitText' | |
export default class ScrollAnimations { | |
constructor() { | |
this.controller = new ScrollMagic.Controller() | |
this.elems = [...document.querySelectorAll('[data-scroll]')] | |
this.init() |
This file contains 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 ScrollMagic from 'scrollmagic' | |
import 'animation.gsap' | |
import TweenMax from 'gsap' | |
import DrawSVGPlugin from '../vendor/DrawSVGPlugin' | |
import SplitText from '../vendor/SplitText' | |
class ScrollAnimations { | |
constructor() { | |
this.controller = new ScrollMagic.Controller() |
This file contains 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 TweenMax from 'gsap' | |
import SplitText from '../vendor/SplitText' | |
import DrawSVGPlugin from '../vendor/DrawSVGPlugin' | |
import throttle from 'lodash.throttle' | |
class ScrollTrigger { | |
constructor() { | |
this.bind() | |
this.elems = [...document.querySelectorAll('[data-scroll]')] |