Puzzle-Effekt mit TypeScript programmieren
Автор: Script Raccoon
Загружено: 2022-12-17
Просмотров: 295
Mit TypeScript (bzw. JavaScript) programmieren wir einen Puzzle-Effekt, den man auf beliebige Bilder loslassen kann. Wir machen das in Form einer wiederverwendbaren Funktion, bei der man auch verschiedene Parameter wie zum Beispiel Anzahl der Teile und Geschwindigkeit übergeben kann.
📝 Demo & Quellcode
● Demo: https://puzzle-effect.netlify.app/
● Code: https://github.com/ScriptRaccoon/imag...
⏱ Zeitmarken
● Vorstellung 00:00
● Setup 01:42
● Funktion aufrufen 03:27
● Validierung 05:17
● Puzzle-Stücke erstellen 07:10
● Bilder einfügen 13:08
● Positionen randomisieren 15:09
● Animation 17:25
● Verzögerungen 20:45
● Einblenden 21:56
● Puzzle-Stücke entfernen 23:08
● Bezier-Curve wählen 25:50
● Abschluss 26:47
📙 Quellen
● TypeScript auf w3schools: https://www.w3schools.com/typescript/
💻 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...
#Puzzle #Tutorial #TypeScript
Доступные форматы для скачивания:
Скачать видео mp4
-
Информация по загрузке: