[Canvas JS] Волна из текста : часть 1 + исходники | Wavy text : part 1 + sources

[@ThreePixDroid_RU]

Исходники первой части:
CodePen: codepen.io/ThreePixDroid/pen/QWKMBRW
VK vk.com/threepixdroid?w=wall-97964493_94

[@dvladyko8258]

у меня нет слов. Как же круто! Тут тебе и классы, и стрелочные функции, и подробный разбор. Так ещё и сам по себе эффект бомбический! Просто потрясающе!

[@ThreePixDroid_RU]

Спасибо большое!)

[@taras577]

Очень понятно объясняете, спасибо в очередной раз)

[@ThreePixDroid_RU]

Пожалуйста)

[@pavelarseyev452]

Ой, я когда-то докапывался за неправильное объяснение "убирания полос прокрутки с боди". А сейчас вижу - все абсолютно шикарно! Приятно думать, что я мог на это повлиять, теоретически ) Продолжаю смотреть :)

[@ThreePixDroid_RU]

Привет) Да, это я сделал по твоим советам (ты мне об этом вроде раза 3 точно писал)... :)

[@Frankslaboratory]

Another unique effect, great job

[@neonbrickchannel2136]

Как всегда топ, как раз хотел недавно разобраться с measureText

[@eloh1mZ]

Я думаю, пока ты обговариваешь что-то ты должен писать код.
Например: «создадим класс Canvas» (на экране печатается - class Canvas {...) и не диктуешь что писать
Это сделает видео более динамичным
Ещё: «поместим его в body» (на экране в это время - document.body.appendChild(this.cnv);)

[@ThreePixDroid_RU]

Спасибо..) Принято)

[@neonbrickchannel2136]

32:10 прикольно, никогда бы не додумался так сделать)))

[@stas_kats]

Круть !

[@ThreePixDroid_RU]

Спасибо!)

[@eloh1mZ]

Красиво. Ждём webgl

[@ThreePixDroid_RU]

Привет) Это будет.. точно не ближайшие 8 видео. Сейчас пытаюсь сократить разрыв между выходом видео и смена темы с JS на шейдеры этому не поможет...

[@neonbrickchannel2136]

Поддерживаю, я ему в ВК уже давно пишу об этом

[@neonbrickchannel2136]

И ещё один момент, текст - довольно дорогой по производительности примитив для рисования, поэтому, если вы много работаете с ним, советую задавать его размер с помощью ctx.scale(). Так производительность очень заметно возрастает

[@ThreePixDroid_RU]

Да, но тут мы используем текст всего 1 раз, в другом случае, когда текста много - это правда)

[@neonbrickchannel2136]

Кстати, если подключить сюда класс WaveNoise из видео про анимацию кривых, можно сделать волну хаотичной

[@ThreePixDroid_RU]

Точно) Интересная идея)

[@MusiienkoVS]

А будет ли контент с фреймворком(React, Vue, Angular)+canvas or WebGL?

[@ThreePixDroid_RU]

да, очень не скоро. В приоритете сейчас другие видео.

[@MsTim159]

Подскажите, что за тема у вас в vs code?

[@ThreePixDroid_RU]

Привет Horizon Bold )