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

<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

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";