Skip to content

Instantly share code, notes, and snippets.

export default function (el) {
const canvas = el
const ctx = canvas.getContext('2d')
const total = 76
const images = []
const size = { x: 0, y: 0, h: 0, w: 0 }
let count = 0
let prevCount = undefined
:root{
--size: 375;
}
@media (min-width: 769px) {
:root{
--size: 1440;
}
}
import gsap from 'gsap'
export default {
data() {
return {
scroll: 0,
scrollCache: null,
scrollResizing: false,
scrollInited: false,
scrollElems: []
import { evt, store } from '@/core'
const { features, device } = store
const { isWindows, isFirefox } = device
export default function ({
el = window,
mouseMultiplier = .6,
touchMultiplier = 3,
firefoxMultiplier = 20,
import gsap from 'gsap'
import { evt, utils, store } from '@/core'
const { qs, qsa, rect } = utils
const { bounds, flags } = store
export default function (elems = qsa('[data-smooth-item]')) {
let scroll = 0
let isResizing = false
import gsap from 'gsap'
import { evt, utils } from '@/core'
const { qs, qsa, rect } = utils
export default function () {
const el = qs('.js-clip-menu')
const mask = qs('.js-clip-menu-mask', el)
const items = qsa('.js-clip-menu-link', el)
import gsap from 'gsap'
import { evt, utils } from '@/core'
const { qs, qsa, rect } = utils
export default function () {
const el = qs('.js-clip-menu')
const mask = qs('.js-clip-menu-mask', el)
const items = qsa('.js-clip-menu-link', el)
import VirtualScroll from 'virtual-scroll'
import gsap from 'gsap'
const bounds = {
ww: window.innerWidth,
wh: window.innerHeight
}
export default class {
import {
Mesh,
Plane,
Program,
Texture,
Vec2
} from '@/lib/ogl'
import gsap from 'gsap'