HTML5-Workshop: Canvas Animation

Das ist das vierte Video zum JavaScript-Teil der Webseite. Hier programmieren wir die Animation, die auf dem Canvas dargestellt wird. Dabei werden wir grundlegende Methoden der Canvas API nutzen.
Im nächsten Video wird das dreidimensionale, sich drehende Haus erstellt, das sich im Header befindet. Dafür werden wir auch canvas-Elemente und weitere Methoden der canvas-API verwenden.

Category:

Science & Technology

Tags:

• HTML5
• Workshop
• Tutorial
• canvas
• animation

[zusammenschreiben]

wo ist denn das video für die rotationsanimation mit dem haus?

[ThytOS]

@zusammenschreiben Das kommt noch! Jetzt habe ich wieder vorlesungsfreie Zeit, deswegen werde ich es demnächst erstellen

[FrankenMiguel]

FrankenMiguel -> ChromeClan

Sry. Ich meine das so:

Wenn man eine vordefinierte Taste auf der Tastatur drückt -> Key Event, dann soll das Canvas Particle je nach programmierung sich für die Zeit, beidem der Benutzer die Taste drückt, sich animieren. Ich habe gestern und heute jetzt am Canvas expermentiert. Ich habe einen Ball erstellt, der gegen die Wände springen. Nachdem er aber 5mal gegen die Wand gefallen ist, wird der Ball langsamer und sinkt zu Boden. Könntest du ein Tutorial geben...

[ThytOS]

@FrankenMiguel Ah, jetzt verstehe ich! Okay. Das Problem ist, dass ich mich bisher selbst noch nicht damit beschäftigt habe und jetzt wieder keine Zeit hab, was zu machen, weil die Uni wieder losgeht (deshalb hab ichs auch nicht geschafft, die letzten beiden Videos des Workshops zu erstellen). Aber ich merk mir das mal. Denn was ich an den Views der neuen Videos sehen kann, ist, dass ein immenses Interesse an Canvas-Tutorials da ist. Deswegen werde ich da wohl zukünftig weiter drauf eingehen.

[ChromeClan]

sry. wie man Canvas Partikel mit Tasten animiert?

[ThytOS]

@ChromeClan Was meinst du mit "mit Tasten animieren"? Das ist sehr vage formuliert, ich kann mir darunter nichts vorstellen. Mit "Tasten" meinst du die Tasten der Tastatur, nehme ich an. Meinst du mit "animieren" in diesem Fall, dass man die Partikel steuern / kontrollieren können soll? Beispielsweise in welche Richtung sie sich bewegen oder wie schnell sie das tun? Ansonsten weiß ich nicht genau, was du meinst.

[dasten123]

das ist ein SUUUUPER tutorial, ich hab verdammt viel gelernt!! :D vielen dank, alter!! :D mach weiter so. einsame spitzenklasse!

[daif]

großartig! danke für die viele mühe. ich freue mich auf mehr.

[daif]

großartig! danke für die viele mühe. ich freue mich auf mehr.

[FrankenMiguel]

wie man Key Events und Animationen vereint ?

Danke!