Aufgrund von Fehlern im Media-Recorder von Firefox sowie Chrome oder Edge funktioniert die Erstellung von Videos mit der korrekten Videolänge derzeit nur in Chrome und Edge ab Version 140.
Um das Video zu erstellen, müssen Sie als Nutzer der Datenfreigabe zustimmen. Die Abbildung zeigt die erforderlichen Einstellungen.
Generatives Programmieren (Creative Coding) mit HTML5 Canvas und JavaScript ist einfach und beeindruckend.
Schon Anfänger können mit simplen Algorithmen tolle Ergebnisse erzielen und dabei viel lernen.
Im Internet gibt es zahlreiche Tutorials, zum Beispiel bei W3Schools.
Dieses Tool verwendet reines „Vanilla“-JavaScript.
Ein Vorteil ist, dass du dich nicht um Schleifen (Loops) oder Zeitsteuerungsfunktionen kümmern musst – das Tool übernimmt das für dich.
Du kannst zudem ein Video aufnehmen und sogar einen Soundtrack abspielen.
Setup ist der Bereich für Initialisierungen und Variablendeklarationen.
Im Loop-Bereich wird der Code wiederholt ausgeführt, was die Erstellung von Animationen ermöglicht. Die Zeit seit der letzten Ausführung wird in der Variable deltaTime übergeben. Mithilfe von deltaTime kannst du beispielsweise die Geschwindigkeit begrenzen oder sicherstellen, dass Animationen auf verschiedenen Computern gleich schnell ablaufen.
deltaTime
Im Functions-Bereich kannst du eigene Funktionen definieren. Diese sollten mit einem Unterstrich (_) beginnen.
_
Die integrierte Funktion input() ermöglicht Benutzereingaben; [ ] kennzeichnet optionale Parameter.
input()
Syntax: input( label, value, callback, [html-inputType, minValue, maxValue] )
input( label, value, callback, [html-inputType, minValue, maxValue] )
Affiliate Link - bei Abschluss eines Kaufs bekomme ich eine kleine Provision