davydka

import React from "react";

interface IProps {
  className?: string;
}

const Logo: React.FC<IProps> = ({ className }) => {
  return (
    <svg
      xmlns="http://www.w3.org/2000/svg"

davydka

const random = (min: number, max: number) => {
  return Math.floor(Math.random() * (max - min + 1)) + min
}

davydka

import React from 'react';
import styled from '@emotion/styled';
import { css } from '@emotion/core';
import { CSSTransition } from 'react-transition-group';

const has = (key, obj) => Object.prototype.hasOwnProperty.call(obj, key);

const keyframes = [
  'appear',
  'enter',

davydka

/**
 * useScroll React custom hook
 * Usage:
 *    const { scrollX, scrollY, scrollDirection } = useScroll();
 */

import { useState, useEffect } from "react";

export function useScroll() {
  const [lastScrollTop, setLastScrollTop] = useState(0);

davydka

Introduction

This document contains some of the ffmpeg snippets I use most commonly, and typically in the context of converting research-related image data to video. It is not meant to be exhaustive.

Further reading

• Documentation: https://ffmpeg.org/ffmpeg.html
• Superuser community: https://superuser.com/questions/tagged/ffmpeg
• More on concatenation / named pipes: https://trac.ffmpeg.org/wiki/Concatenate
• A tutorial: Learn FFmpeg libav the Hard Way

davydka

const scrollMania = () => {
    const currentScroll = window.pageYOffset || document.documentElement.scrollTop
    // a 100vh element minus the actual height of the window(aka viewport)
    const testThreshold = heightRef.current.offsetHeight - window.innerHeight

    const end = () => {
      if(currentScroll !== scrollDelta) {
        setScrollDelta(currentScroll)
      }
      return true

davydka

ssh-keygen -t rsa -b 4096 -N '' -C "rthijssen@gmail.com" -f ~/.ssh/id_rsa
ssh-keygen -t rsa -b 4096 -N '' -C "rthijssen@gmail.com" -f ~/.ssh/github_rsa
ssh-keygen -t rsa -b 4096 -N '' -C "rthijssen@gmail.com" -f ~/.ssh/mozilla_rsa

davydka

for i in *.mov; do ffmpeg -i "$i" -vf scale=1080:1920 -pix_fmt yuv420p -y `basename "$i" .mp4`x.mp4; done

ffmpeg -y -i assets/%02d.png -c:v libx264 -vf "fps=30,format=yuv420p,pad=ceil(iw/2)*2:ceil(ih/2)*2" -b 1600k mov.mp4

davydka

path.join( process.cwd(), 'dist', 'json');
// etc etc etc

davydka

const scale = (num, in_min, in_max, out_min, out_max) => {
  return (num - in_min) * (out_max - out_min) / (in_max - in_min) + out_min;
}

const lerp = (x, y, a) => x * (1 - a) + y * a;
const clamp = (a, min = 0, max = 1) => Math.min(max, Math.max(min, a));
const invlerp = (x, y, a) => clamp((a - x) / (y - x));
const range = (x1, y1, x2, y2, a) => lerp(x2, y2, invlerp(x1, y1, a));