Text Encryption Effect on Vanilla JavaScript | rus
![ThreePixDroid [RU]](http://yt3.ggpht.com/ytc/AIdro_m9hY0wSlD4ygQJ9MwISJSheP6X-5dtaCYYZ-hmk6ytX8k=s48-c-k-c0x00ffffff-no-rj)
HTML-код
- Опубликовано: 6 окт 2021
- Предыдущие / Связанные видео:
подключение Canvas - • Подключение Canvas | J...
игровой цикл / цикл анимации - • Game loop | JavaScript...
Исходники:
github.com/ThreePixDroid/Scra...
Полезные ссылки:
шрифт comfortaa - fonts.google.com/specimen/Com...
Таблица ascii из видео - en.wikipedia.org/wiki/ASCII
Интересное:
Анимация градиента : • Canvas JavaScript | Bl...
Гексагональная сетка : • Generative Art | Перем...
Молния : • Lightning with Vanilla...
Вернулся)
Новое видео :D
Классно выглядит
Будем ждать следующее видео
Вау.. Давно ждал это видео
ЛЕГЕНДА 😎😎
Огромный потенциал! Делай чаще видосы!
6 месяцев спустя выпустил видео, спасибо что не ушёл
Даже не думаю уходить) Каждый день, все 6 месяцев искал время на создание контента)
Как же ты крут чувак!
Круто
Когда новые видосы! Просто топ контент!!!!
Много графических видео ,а что насчёт видео про звук (не такие ,как уже есть на канале) ,про синтез на js ?Вроде в нете что-то видел (не в Ютюбе) .
Видос как всегда огонь. Скажи какие книги почитать, про анимацию, canvas
Сам прочитал довольно мало книг по js и они никак небыли связанны с анимацией.. но одна хорошая книжка всё таки есть на примете хоть она и не совсем по js
но зато точно связанна с анимацией и не только. Это ссылка на онлайн версию книги - natureofcode.com/book/ ( THE NATURE OF CODE )
@@ThreePixDroid_RU спасибо. Прочитаю в ближайшее дни. Может у тебя есть блог или телеграм канал? Я думаю очень много пользы было бы, если ты делился информацией которую читаешь или тебе интересна... Спасибо
У меня есть twitter и instagram, на данный момент там нет полезной информации, но думаю над тем что бы вести их нормально.
Крутой контент, благодарим, когда ждать следующих видосов?)
Спасибо) как время появится) не могу сказать точно..
ку! куда проподал то?)
Автор ЖИВ!!!!!! Автор пожалуйста подскажи что за тема подсветки синтаксиса у тебя стоит.
На 8:43, знак "+" обозначает не "любое количество символов" а "символов больше либо 1", для обозначения "любое количество символов" нужно использовать знак "*"
А так видос прям кайф.
Спасибо! А тему кстати сам настраивал и уже довольно давно.. и я в этом не особо разбираюсь..
@@ThreePixDroid_RU можешь сделать небольшое видео как сделать свою тему ??? пожалуйста
@@ThreePixDroid_RU иногда тяжеловато читать темнокрасный текст к стати
привет, а будут новые ролики? Очень классный материал на канале)
Привет!) Пока точно сказать не могу..
Запал не пропал, но в ближайшее время выпуска точно не будет, Физически не успеваю) единственное что успел подготовить это материалы для следующих видосов...
уже думаю может просто ролики минутные делать с демонстрацией и просто ссылку на код оставлять)
@@ThreePixDroid_RU как начать изучение canvas и анимаций
@@gglinof С просмотра видео и повторения за ним как вариант.
Самое главное практика, с ней придёт и понимание и всё остальное)
Ещё один важный пункт - не опускать руки, если что то не работает, надо просто искать решение)
Посмотри вступительные титры фильма «реквием по мечте» , может будет интересно реализовать такой эффект разложения текста, я как увидел, у меня сразу возникло желание)
Под Хеллоуин особенно подойдёт)
@@user-kd3cn4re4v Хорошая идея, и уже эффект похожий подготовлен) Только праздник кончился.. )
Когда будет новое видео ???
19:20 Когда же это скоро?)
Сейчас меняю работу, так что как минимум пока не пройду испытательный срок)
Чувак я сломал телефон, напиши мне или позвони, все номера утеряны
Все хорошо, но чистый код из видео работать не будет.
1. Может не успеть декодить по прерыванию Максимального времени,
2. Нет определения, что буква в слове уже совпадает с оригиналом, вроде.
И зачем это на Канвасе? Более практично какой то определенный блок текста анимировать ...
нравится canvas
Боже, зачем столько пробелов и переносов в коде) глаза вытекут, далой все пробелы и лишние переносы, [ 0 ]
Думаю суть видео в другом, а переносы с пробелами личное дело каждого.
Строгие правила касающиеся кол-ва переносов или пробелов существуют только в регламентах организаций .
А у меня это просто хобби.
и если в случае с "[0]" и "[ 0 ]" разница в читабельности крайне мала, то
нечто такое:
((alpha-(x-y))*gap)-(z+y+l)/(len/2)*scale
проще воспринимать с пробелами..
( ( alpha - ( x - y ) ) * gap ) - ( z + y + l ) / ( len / 2 ) * scale
как минимум с пробелами это похоже на формулу, а без них на "кашу".
Говорю за себя, а код писал в таком стиле в качестве эксперимента...
Тем не менее делаю акцент на том, что суть видео в другом.. и думаю стоит избегать вниманием мелочи от которых мало что зависит.
@@ThreePixDroid_RU так я и не спорю, пробелы полезны в большом кол-ве символов на строку но не на 1 же, выглядит как то неуместно)) а так видео топ, просто тяжело смотреть из-за таких мелочей
Круто