iamchristough

<link href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css" rel="stylesheet" />
<link href="https://cdnjs.cloudflare.com/ajax/libs/modern-normalize/1.0.0/modern-normalize.min.css" rel="stylesheet" />

iamchristough

Hero Video Shape Timeline Tween

A Pen by Chris Tough on CodePen.

License.

iamchristough

(function() {
    var mouseTimer = null, cursorVisible = true;

    function disappearCursor() {
        mouseTimer = null;
        document.body.style.cursor = "none";
        cursorVisible = false;
    }

    document.onmousemove = function() {

iamchristough

document.getElementsByTagName('button')[0].onclick = function () {
   scrollTo(document.body, 0, 1250);   
}
    
function scrollTo(element, to, duration) {
    var start = element.scrollTop,
        change = to - start,
        currentTime = 0,
        increment = 20;
        

iamchristough

let renderer, camera, controls, scene,
    width = window.innerWidth,
    height = window.innerHeight;

init();
animate();
render();

function init() {
  // RENDERER

iamchristough

import React, { Component } from 'react'
import cx from 'classnames'
import PropTypes from 'prop-types'
import Instagram from '../../../static/images/instagram.svg'
import Story from '../../../static/images/story.svg'
import Facebook from '../../../static/images/facebook.svg'
import Twitter from '../../../static/images/twitter.svg'
import Snapchat from '../../../static/images/snapchat.svg'
import Youtube from '../../../static/images/youtube.svg'
import Blog from '../../../static/images/blog.svg'

iamchristough

    "browserify": {
      "transform": [["babelify", { "presets": ["es2015", "stage-0"] }]]
    },

iamchristough

function BufferLoader(context, urlList, callback) {
  this.context = context;
  this.urlList = urlList;
  this.onload = callback;
  this.bufferList = new Array();
  this.loadCount = 0;
}

BufferLoader.prototype.loadBuffer = function(url, index) {
  var request = new XMLHttpRequest();

iamchristough

const randomHexColorCode = () => {
  let n = (Math.random() * 0xfffff * 1000000).toString(16);
  return '#' + n.slice(0, 6);
};

iamchristough

const imgs = [...document.querySelectorAll('.content__img')];
const imgsTotal = imgs.length;
let imgTranslations = [...new Array(imgsTotal)].map(() => ({x: 0, y: 0}));