Hands-On Coding a Pressure Sensitive Freehand Drawing App in React
How to create a React drawing app with stroke path simplification, smoothing, thinning, thickness, and more.
? Join the conversation on Discord https://discord.gg/DdsefVZ
? Machine Intelligence Playlist: https://www.youtube.com/playlist?list=PLVz6zdIOM02VGgYG_cwmkkPGqLJhUms1n
? Live Playlist: https://www.youtube.com/playlist?list=PLVz6zdIOM02XcUh-wl0ECneCkvX2YP7tZ
? Web Development Playlist: https://www.youtube.com/playlist?list=PLVz6zdIOM02Uk8YLMckwLHCXTnVXTstjw
? Getting Simple: https://gettingsimple.com
? Podcast: https://gettingsimple.com/podcast
? Ask Questions: https://gettingsimple.com/ask
? Discord: https://discord.gg/DdsefVZ
??? Sketches: https://sketch.nono.ma
✍? Blog: https://nono.ma
? Twitter: https://twitter.com/nonoesp
? Instagram: https://instagram.com/nonoesp
00:00 Intro
00:18 What is perfect-freehand?
01:40 How to use the library?
03:04 Using the NPM package in React
05:05 Calculating outlines with getStroke()
08:17 Creating SVG paths
10:05 Path simplification with Perfect Freehand
11:01 Stroke options - Size, thinning, thickness, smoothing, streamline
12:27 Path data
12:50 Creating a drawing app
13:49 Doodling
15:02 Outro
Видео Hands-On Coding a Pressure Sensitive Freehand Drawing App in React автора Реактивные Основы для JuniorDev
Видео Hands-On Coding a Pressure Sensitive Freehand Drawing App in React автора Реактивные Основы для JuniorDev
Информация
27 ноября 2023 г. 20:55:50
00:15:27
Похожие видео