Максим

let img = new Image()
// создали Image, пока ничего не происходит

img.src = "path/to/img.jpg"
// установили src - пошла загрузка картинки

ctx.drawImage(img, x, y);
// нарисовали на канвасе сраное ничто

// идёт загрузка картинки
// идёт загрузка картинки
// идёт загрузка картинки
// идёт загрузка картинки
// идёт загрузка картинки
// идёт загрузка картинки
// идёт загрузка картинки

// картинка загрузилась, вызвано событие img.onload

const canvas = document.createElement('canvas');
canvas.width = 500;
canvas.height = 500;

const ctx = canvas.getContext('2d');

document.body.append(canvas);

let img = new Image();
img.onload = () => {
  ctx.drawImage(img, 0, 0);
}
img.src = "https://i.pinimg.com/originals/87/48/07/874807f8cb45e17f44312eb761261ad9.jpg";

1. Берем плоскость
   
2. На плоскость накладываем какую-нибудь красивую текстуру
   
3. Добавляем вершин побольше
   
4. В вершинном шейдере делаем какой-то генератор шума и используем значения из него чтобы двигать вершины туда-сюда в направлении, перпендикулярном плоскости
   
5. Опционально там же рассчитываем нормали для освещения
   
6. Играемся с коэффициентами до посинения, пока результат не начнет нравиться
   

Number('123')
parseInt('123')
+'123'

let s1 = '1';
let s2 = '2';
console.log(s1 + s2); // '12'

let n1 = 1;
let n2 = 2;
console.log(n1 + n2); // 3

let s1 = '1';
let n2 = 2;
console.log(s1 + n2); // '12'

Number(element1.innerHTML) + Number(element2.innerHTML)

В codepen я нашел интересный проект...

galleryThumbs.slick({
		slidesToShow: 5,
		slidesToScroll: 1,
		asNavFor: gallerySlides,
		arrows: true,
		vertical: false,
		dots: false,
		focusOnSelect: true,
		mobileFirst: true,
		appendArrows:'.slider-arrows',
		nextArrow: slickNextGallery,
		prevArrow: slickPrevGallery,
		variableWidth: true,
		infinite: false,
		responsive: [{
			breakpoint: 380,
			settings: {
			  infinite: true,
			}
		  },{
			breakpoint: 768,
			settings: {
			  infinite: false,
			}
		  },{
		  breakpoint: 991,
		  settings: {
			vertical: true,
			variableWidth: false
		  }
		}]
	  }); 
	});