With HTML5 Canvas we'll build scratch coupon card. So, we'll create card where user could scratch and get their coupon code.
What will you learn?
1. Create complex shapes using pure CSS.
2. Use CSS variables.
3. Basic knowledge about HTML5 Canvas.
4. Detect position of mouse/touch using JavaScript.
5. Interact with HTML5 Canvas.
📢 SUBSCRIBE my channel for more helpful 🎬videos
🔔 / @codingdesign
Generate unique codes (methods)
1. • ChatGPT Clone | Build ... &t=43m43s
2. • Generate UNIQUE User's... &t=7m49s
3. • How to build Color Pal... &t=15m46s
⌚Timestamps
00:00 Intro
00:38 HTML
01:21 CSS (UI Design)
04:29 JavaScript (HTML Canvas scratch coupon card)
18:33 Outro (Result)
🌎 Browser : Brave V.1.50
📝 Code Editor : VS Code
💠 Extensions : Live-Server
#interactivedesign
7 июн 2024