HTML-Tutorium: SVG: MiniPong 01: Unterschied zwischen den Versionen
aus GlossarWiki, der Glossar-Datenbank der Fachhochschule Augsburg
Kowa (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
Kowa (Diskussion | Beiträge) |
||
| Zeile 13: | Zeile 13: | ||
Wie in [[HTML5-Tutorium: Canvas: MiniPong 01|Teil 1 der Canvas-Version des Tutoriums]] werden zwei Objekte implementiert: Das ROOT-Objekt der Anwendung und das zu animierende Ball-Objekt. | Wie in [[HTML5-Tutorium: Canvas: MiniPong 01|Teil 1 der Canvas-Version des Tutoriums]] werden zwei Objekte implementiert: Das ROOT-Objekt der Anwendung und das zu animierende Ball-Objekt. | ||
[[Medium:MiniPong01Canvas.png|miniatur|left|318px|Das Objektmodell der '''Canvas-Version''' von MiniPong 01]]<div class="tleft | [[Medium:MiniPong01Canvas.png|miniatur|left|318px|Das Objektmodell der '''Canvas-Version''' von MiniPong 01]]<div class="tleft">[[Medium:MiniPong01SVG.png|miniatur|ohne|374px|Das Objektmodell der '''Raphaël-Version''' von MiniPong 01]]</div> | ||
=Quellen= | =Quellen= | ||
Version vom 22. Oktober 2012, 16:14 Uhr
Dieser Artikel erfüllt die GlossarWiki-Qualitätsanforderungen nur teilweise:
| Korrektheit: 3 (zu größeren Teilen überprüft) |
Umfang: 4 (unwichtige Fakten fehlen) |
Quellenangaben: 5 (vollständig vorhanden) |
Quellenarten: 5 (ausgezeichnet) |
Konformität: 5 (ausgezeichnet) |
HTML-Tutorium: Canvas | SVG
SVG: | Teil 1 | Teil 2 | Teil 3
Musterlösung: Minipong 1
(SVN-Repository)
Ziel
Minipong-Anwendung mit Raphaël (SVG)
Das in HTML5-Tutorium: Canvas: MiniPong erstellte MiniPong-Spiel wird so umgeschrieben, dass die Ausgabe der Begrüßung nicht als Pixelgrafik sondern als Vektorgrafik (SVG) ausgegeben wird.
In diesem Tutorium wird wieder die JavaScript-Bibliothek Raphaël[1] verwendet.
Wie in Teil 1 der Canvas-Version des Tutoriums werden zwei Objekte implementiert: Das ROOT-Objekt der Anwendung und das zu animierende Ball-Objekt.
miniatur|left|318px|Das Objektmodell der Canvas-Version von MiniPong 01
Quellen
- ↑ Baranovskiy (2008+): Dmitry Baranovskiy; Raphaël – JavaScript Library; http://dmitrybaranovskiy.github.io/raphael/; Quellengüte: 5 (Web)
- Braun (2011): Herbert Braun; Webanimationen mit Canvas; in: c't Webdesign; Band: 2011; Seite(n): 44–48; Verlag: Heise Zeitschriften Verlag; Adresse: Hannover; 2011; Quellengüte: 5 (Artikel)
- Kowarschick (MMProg): Wolfgang Kowarschick; Vorlesung „Multimedia-Programmierung“; Hochschule: Hochschule Augsburg; Adresse: Augsburg; Web-Link; 2018; Quellengüte: 3 (Vorlesung)
Fortsetzung des Tutoriums
Bearbeiten Sie nun Teil 2 des Tutoriums.
