Ihr Javascript ist derzeit deaktiviert!

Zur Darstellung des Responsive Website Portfolios von Michael Kuphal ist JavaScript notwendig. Wenn Sie auf Ihrem Computer JavaScript aktiviert haben, dann klicken Sie bitte hier. Danke.

Kontakt
Impressum

© 2014 Michael Kuphal, Mediengestaltung
Großgörschenstrasse 1, 10827 Berlin, Germany

Responsive Webdesign Berlin

Dies ist das Responsive Webdesign Portfolio 2014 von Michael Kuphal, Mediengestaltung Berlin. Schwerpunkte: Gestaltung, Responsive Webdesign, Vektordesign, Programmierung von Javascript JQuery CSS3 PHP (MySQL Datenbank) und AS sowie technische Konzeption und Beratung. Ich biete außerdem Applikationen für Messe-, Kiosk-, POI-Systeme und Onlinespiele an. Authentische und individuelle Umsetzungen auf das Wesentliche reduziert - minimalistisches Webdesign!

3D Flash Actionscript Webdesign Berlin, 3D Karusell

Papervision3D ist ein in der Programmiersprache Actionscript erstelltes Open-Source-Framework, das dazu dient, 3D-Modelle in Flash-Anwendungen zu integrieren. In der von der Firma Adobe herausgegebenen Entwicklungsumgebung Adobe Flash bis Version CS3 waren standardmäßig nur Zeichnungsfunktionen für den zweidimensionalen Bereich enthalten. 3D-Modelle können dabei allenfalls durch perspektivisches Zeichnen erzeugt werden. In Papervision werden die 3D-Modell polygonbasiert erstellt. Die Modelle werden zur Laufzeit generiert. Dadurch sind auch Interaktionen mit den 3D-Modellen möglich.

Actionscript 3D Welt

Flash-3D! Hier bauen wir Schritt für Schritt einen Flash Film der uns 3-Dimensionale Objekte anzeigen lässt. Das Tutorial ist meiner Meinung nach ziemlich umfangreich, vielleicht stellenweise kompliziert. Falls etwas nicht klar ist, nicht gleich aufgeben! Ich stehe für Fragen gerne zur Verfügung! Ich beschreibe am Anfang alles etwas genauer, gegen Schluss wird es immer komplizierter. Je mehr man durchmacht, desto höher ist der Schwierigkeitsgrad. Gratulation, wenn alles bis zum Schluss verständlich ist!

Flash 3D Karusell

Wir werden zuerst etwas grundsätzlich über 3D-Grafik lernen, und dazu gleich ein einfaches Beispiel erstellen, um einmal zu verstehen wie man 3D auf 2D umrechnet. Danach beginnen wir mit einem erweitertem Beispiel das wir bis zum Schluss immer erweitern und abändern werden. Zwischendurch gibts natürlich immer wieder die komplette fla-Datei, falls man den Faden verloren hat. Mit diesem Beispiel lernen wir einige nützliche Elemente die eine 3D-Engine haben sollte: u.a. Getrennte Objekt-/Kamera-Position, Zusammenfassen von 3D Elementen in Meshes, Transformationen via Matrizen (Verschieben, Drehen, Skalieren) und die Kombination von Transformationen. Dann wird das ganze noch erweitert durch Linien und Flächen. Etwas komplexer wird es dann mit Depth-Sorting und Shading. Im Grunde geht es beim Rendern darum, 3-Dimensionale XYZ-Koordinaten in 2-Dimensionale XY-Koordinaten umzuwandeln. Man könnte einfach die Z-Koordinate weglassen, aber das würde keine Tiefen-Wirkung erzeugen. Die Z-Koordinate geht über die perspektivische Verzerrung ein. Die Umrechnung von 3D in 2D wird Projektion genannt. Je weiter entfernt sich ein Objekt im Raum befindet, ...desto kleiner wirkt es. - desto näher liegt es am Fluchtpunkt Wir führen für die Berechnung eine Größe ein: den Fokusabstand Dieser gibt an in welcher Entfernung das Objekt genau so groß erscheint wie es wirklich ist.

Flash 3D Websites Berlin

Da Flash ursprünglich ein reines Animationswerkzeug war, wurde es in der Vergangenheit oft ausschließlich für so genannte Intros auf Webseiten oder animierte Werbebanner eingesetzt. Mit Version 4 wurde Flash um ActionScript erweitert und erlaubte seitdem die Erstellung komplexer Websites oder die Programmierung browserbasierter Anwendungen. Durch die Kombination von Animation und Programmierung ist Flash besonders geeignet, komplexe Zusammenhänge interaktiv im Wortsinn „begreifbar“ zu machen. Die Wirkungsweise eines Viertaktmotors zum Beispiel lässt sich so sehr anschaulich darstellen. Mit Hilfe von ActionScript lassen sich beispielsweise Online-Spiele, multimediale Präsentations-CDs oder auch Kugelpanoramen realisieren. Aufgrund seiner multimedialen Möglichkeiten werden in Flash häufig Video- oder Sounddateien eingesetzt. Da diese Formate meist größere Datenvolumen beanspruchen, kommen in Flash oft so genannte Preloader zum Einsatz, die einen Teil oder den ganzen Film zwischenspeichern. Da Flash ein streamendes Format ist, ist es jedoch auch möglich, Seiten zu bauen, die bei kleinen Bandbreiten ohne deutliche Wartezeiten sofort starten. Um die Videos oder Sounddateien über das Internet zu streamen, wird RTMP (Real Time Messaging Protocol) benutzt. Zunehmender Beliebtheit erfreut sich Flash für multimediale Tutorials, bei denen Bildschirmaktivitäten aufgenommen werden können. Dadurch können neue Funktionen oder bestimmte Methoden dargestellt werden. Diese Flash-Dateien sind häufig kleiner als die üblichen Videoformate und erfordern neben dem Plugin keine weiteren Multimedia-Player. Zum Einsatz kommt dabei z. B. ein Programmpaket wie vnc2swf, das die Bilddaten von einem VNC-Server abgreift und in eine Flash-Datei abspeichert. Mit zusätzlichen Programmen ist es dann auch möglich, diese Animationen nachzuvertonen. Die Skriptsprache PHP enthält auch das Modul Ming zur Generierung von Flash-Dateien. Das Präsentationsprogramm Impress und das Grafikprogramm Draw des Office-Pakets OpenOffice.org bieten die Möglichkeit, Dateien in das SWF-Format zu exportieren, damit sie in dieser Form leicht über das World Wide Web verfügbar gemacht werden können. Für vektorisierte, interaktive Animationen im Web ist Flash derzeit fast alternativlos. Der offene Standard Scalable Vector Graphics (SVG), der teilweise ähnliche Anwendungsfelder wie Flash abdeckt, wird noch von wenigen Browsern gut unterstützt, und Entwicklungswerkzeuge (z. B. Inkscape) zur effektiven Nutzung dieser Technologie sind noch nicht sehr ausgereift. Der offene Standard von SVG und die nachträglichen frei zugänglichen Editiermöglichkeiten der fertigen Datei, die im XML-Format vorliegen, sind andererseits für offene Projekte, wie z. B. die Wikipedia, eine große Stärke gegenüber dem Flash-Format. Auch hat SMIL, eine offene Beschreibungssprache für multimediale Inhalte auf Webseiten, keine weitverbreitete Unterstützung von Webbrowsern erfahren. Für SMIL existiert kein bekanntes Programm, mit dem die Erstellung von Animationen für SVG möglich wäre. Mit Java-Applets kann man zwar prinzipiell auch ähnliche Dinge umsetzen wie mit Flash, allerdings handelt es sich dabei um eine weniger spezialisierte Technologie, so dass dies selten wirtschaftlicher ist. Ein weiterer Vorteil von Flash gegenüber Java-Applets ist es, dass das Flash-Plugin im Vergleich zum Java-Plugin wesentlich schneller vom Webbrowser geladen und initialisiert werden kann.

Webdesign Berlin

Berlin ist Bundeshauptstadt und Regierungssitz der Bundesrepublik Deutschland. Als Stadtstaat ist Berlin ein eigenständiges Land und bildet das Zentrum der Metropolregion Berlin/Brandenburg. Berlin ist mit 3,4 Millionen Einwohnern die bevölkerungsreichste und flächengrößte Stadt Deutschlands, sowie nach Einwohnern die zweitgrößte und nach Fläche die fünftgrößte Stadt der Europäischen Union.
Flash Entwicklung Flash Webdesign ActionScript AS Flash Programmierung Visualisierung Gestaltung Web 2.0 Interface Websites Interfacedesign graphic design Datenbank Datenbankanbindung graphicdesign web design Flash-Backend Anbindung Flash-Datenbank CMS Flash CMS Flash-CMS PHP XHTML Schulung Seminare XML CSS