Fanckler

var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
var mask;

var pointCount = 500;
var str = "Cool";
var fontStr = "bold 128pt Helvetica Neue, Helvetica, Arial, sans-serif";

ctx.font = fontStr;
ctx.textAlign = "center";

Fanckler

<div class="slider-wrapper" id="slick-1">
  <div class="slider">
    <div class="slide">your content</div>
    <div class="slide">your content</div>
    <div class="slide">your content</div>
  </div>
  <div class="slider-progress">
    <div class="progress"></div>
  </div>
</div> 

Fanckler

//import 'pixi.js';
//import * as filters from 'pixi-filters';
import * as THREE from 'three';
import {TimelineMax} from 'gsap';
import fragment from './fragment.glsl';
import vertex from './vertex.glsl';


var container;

Fanckler

import 'pixi.js';
import * as filters from 'pixi-filters';
import {TimelineMax} from 'gsap';

var tl = new TimelineMax();

var app = new PIXI.Application(window.innerWidth, window.innerHeight, {backgroundColor : 0x1099bb}); //создаем сцену с цветом, шириной и высотой
document.body.appendChild(app.view); //добавляем в body созданую сцену.

var container = new PIXI.Container(); // создаем один общий контейнер

Fanckler

body
	background: #252627
	line-height: 1.4
.barba-container
	transition: all 1s ease-in-out	
#nav-bar
	height: 100vh
	width: 60px
	position: fixed
	left: 0

Fanckler

//video canvas
var canvas = document.getElementById('canV');
var ctx = canvas.getContext('2d');
var video = document.createElement('video');
video.src = '../video/product.mp4';
video.addEventListener('loadeddata', function() {
  video.play(); // start playing
  update(); //Start rendering
});
function update() {

Fanckler

//scroll indicator
$(window).scroll(function() {
  var winScroll = document.body.scrollTop || document.documentElement.scrollTop;
  var height = document.documentElement.scrollHeight - document.documentElement.clientHeight;
  var scrolled = (winScroll / height) * 100;

  document.querySelector('.scroll-bar span').style.height = scrolled+'%';
  
});

Fanckler

var i = 0;   
	function changeClass(){
	    $("body").removeClass("figure" + i)
	        i = (i==4)?1:i+1;     
	    $("body").addClass("figure" + i); 
  } 
  var gogo = setInterval(changeClass, 2500);
	setTimeout(changeClass, 500);
	$('#svg').click(function(event) {
		clearInterval(gogo);

Fanckler

  //- Обязательные вложения ointin.fixpoint > fixtarget
            li.fb.pointin.fixpoint
              a.fixtarget(href='#')

Fanckler

 $('.first').css({
            left: -e.pageX / 10 + 100,
            top: -e.pageY / 10 + 100
        });
        $('.second').css({
            left: e.pageX / 50 + 200,
            top: e.pageY / 50 + 200
        });