p5.js Coding Tutorial | Oscillating Kinetic Typography
✨ Get your 'Basic toolkit to Getting Started with Creative Coding' on my website: https://www.pattvira.com. Let me know if you find it useful! ✨
—
Links:
🔗 p5.js editor: https://editor.p5js.org/
🔗 Oscillating Kinetic Typography Code: https://editor.p5js.org/pattvira/sketches/4BroUvdr8
🔗 Introduction to Creative Coding Playlist: https://youtube.com/playlist?list=PL0beHPVMklwgMz4Z-mNp4_udo9mjBk7pn&si=XhvQaojd6cIrxvdn
🔗 Kinetic Typography Series:
🔗 Intro to textToPoints: https://youtu.be/eZHclqx2eJY
🔗 Intro to OpenType.js: https://youtu.be/97VC4PZTX7U
🔗 Rotating Type Tutorial: https://youtu.be/84AKFhqynvs
🔗 Wavy Letter T Tutorial: https://youtu.be/izZTqwamsKI
🔗 3-Dimensional Kinetic Typography Tutorial: https://youtu.be/lUqKie4Cc00
🔗 Oscillating Kinetic TypographyTutorial: https://youtu.be/KCp0RgEvV3c
Timestamps:
0:00 Intro
0:10 Using external libraries: opentype.js and g.js
0:50 Step 1: Loading font
3:13 Step 2: Using opentype.js to get path data
4:36 Step 3: Using g.js to resample path
6:06 Step 4: Converting from 1D to 2D array
9:22 Working with array of points
12:24 Creating wavy text
Что делает видео по-настоящему запоминающимся? Наверное, та самая атмосфера, которая заставляет забыть о времени. Когда вы заходите на RUVIDEO, чтобы посмотреть онлайн «p5.js Coding Tutorial | Oscillating Kinetic Typography», вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.
Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.
Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!
Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.