HTML/CSS/Js animacija

Sveiki,

Turiu uzduotele Front-End developeriams.

Yra puslapis https://az.hawraf.com/ - jame aplink uzdetas juodas remas (kaip taip padaryti - suprantu), o jame vaziuoja text'as - NOT LIVE - ir paziurekite, kaip tekstas sukrenta ant kampu. Gal galite paaiskinti, kaip taip padaryti? Nes as mastau ir niekaip negaliu sumastyti kaip jie isvis nustate, kur turi luzti, nes resizinant window animacija persikrauna ir prisitaiko.

Pasibandykite patys ir gal turesite minciu?

paperjs.org biblioteka panaudota

Taip, paperjs panaudota, source:

/*!
* Paper.js v0.9.24 - The Swiss Army Knife of Vector Graphics Scripting.
* http://paperjs.org/
*
* Copyright (c) 2011 - 2014, Juerg Lehni & Jonathan Puckey
* http://scratchdisk.com/ & http://jonathanpuckey.com/
*
* Distributed under the MIT license. See LICENSE file for details.
*
* All rights reserved.
*
* Date: Fri Aug 21 16:39:41 2015 +0200
*
***
*
* Straps.js - Class inheritance library with support for bean-style accessors
*
* Copyright (c) 2006 - 2013 Juerg Lehni
* http://scratchdisk.com/
*
* Distributed under the MIT license.
*
***
*
* Acorn.js
* http://marijnhaverbeke.nl/acorn/
*
* Acorn is a tiny, fast JavaScript parser written in JavaScript,
* created by Marijn Haverbeke and released under an MIT license.
*

*/