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
// Varyings | |
varying vec2 vUv; | |
// Uniforms: Common | |
uniform float uOpacity; | |
uniform float uThreshold; | |
uniform float uAlphaTest; | |
uniform vec3 uColor; | |
uniform sampler2D uMap; |
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 bindAll from "../utils/bindAll"; | |
import { gsap } from 'gsap'; | |
import ResizeManager from '../managers/ResizeManager'; | |
import SimplexNoise from 'simplex-noise'; | |
const COLOR = '#979797'; | |
const RADIUS_FACTOR = 0.45; | |
const CENTER_FACTOR_X = 0.70; | |
const CENTER_FACTOR_Y = 0.25; | |
const NOISE_SCALE = 60; |
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
// Vendors | |
import gsap from 'gsap'; | |
import InertiaPlugin from '@/vendor/gsap/InertiaPlugin'; | |
import SplitText from '@/vendor/gsap/SplitText'; | |
// Utils | |
import lerp from '@/utils/math/lerp'; | |
import device from '@/utils/device'; | |
import WindowResizeObserver from '@/utils/WindowResizeObserver'; |
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
<template> | |
<div class="slide"> | |
slide | |
</div> | |
</template> | |
<script> | |
export default { | |
methods: { | |
transitionIn() { |
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
<template> | |
<div class="slider"> | |
<Slide v-for="(item, index) in items" v-bind:key="index" ref="slide" /> | |
</div> | |
</template> | |
<script> | |
import Slider from '@/components/Slide'; | |
export default { |
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 Flickity from 'flickity' | |
import { TweenLite, Power4, TimelineLite } from 'gsap'; | |
import mod from '../utils/mod'; | |
class MissionsSlider { | |
constructor(el) { | |
this.el = el | |
this.dom() | |
} |
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
setupScrollParagraph() { | |
let scrollParagraph = this.$el.querySelector('.js-scroll-paragraph'); | |
let originalContent = scrollParagraph.innerHTML; | |
let splits = new SplitText(scrollParagraph, { | |
type: 'lines', | |
linesClass: 'line-container line-container--++', | |
}); | |
let lines = []; |
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
#define numTextures 7 | |
#define THRESHOLD 0.2 | |
uniform vec3 iResolution; | |
uniform float iTime; | |
uniform float iTimeDelta; | |
uniform float iFrame; | |
uniform sampler2D u_texture; | |
// uniform sampler2D u_textures; |
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
<template> | |
<canvas class="three-canvas"></canvas> | |
</template> | |
<script> | |
import ThreeCanvasComponent from '~/assets/javascript/components/ThreeCanvasComponent'; | |
export default { | |
props: { |
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
_tick() { | |
this._updateDeltaTime(); | |
this._cylinderMesh.rotation.z += 0.005; | |
this._cylinderMesh.rotation.x += 0.005; | |
// this._cylinderMesh.rotation.z += 0.03; | |
// this._cylinderMesh.rotation.x += 0.03; | |
this._uniforms.iChannel1.value = this._renderTarget.texture; | |
this._renderer.setRenderTarget(this._renderTarget); | |
this._renderer.render(this._scene, this._camera); |
NewerOlder