Visualisierung mit HTML Canvas und TypeScript programmieren
Wenn man ein Quadrat immer wieder versetzt in sich selbst einschreibt, entsteht ein interessantes spiralförmiges Muster. Wir visualisieren das in diesem Tutorial mit TypeScript auf einem HTML Canvas.
📝 Demo & Quellcode
● Demo: https://squares-in-spirals.netlify.app/
● Code: https://github.com/ScriptRaccoon/squa...
⏱ Zeitmarken
● Vorstellung 00:00
● Vite Setup 00:34
● Canvas definieren 02:58
● Quadrat zeichnen 04:23
● Interpolation 08:15
● Nächstes Quadrat 10:56
● Schleife 12:54
● Canvase aufsetzen 14:30
● Zeichnung 20:26
● Promises 26:05
● Abschluss 30:48
📙 Quellen
● TypeScript Dokumentation: https://www.typescriptlang.org/docs/
● Vite: https://vitejs.dev/
💻 Verwendete Tools (Entwicklung)
● Visual Studio Code: https://code.visualstudio.com/
🎤 Verwendete Software (Aufnahme)
● OBS: https://obsproject.com/de
● Davinci Resolve 16: https://www.blackmagicdesign.com/de/p...
#Rekursion #Canvas #TypeScript