negroas: Animierte Webseite html5

Hallo,

ich bin die Tage auf eine Webseite gestoßen:
http://www.tracychapman.com/

Die ist in Flash. Mir ist die Idee gekommen, was ähnliches in HTML5 umzusetzen.
D.h. die Besucher sollen die Seite selbst ausmalen können und die Seite muss animiert sein.

Hat jemand eine Idee wie ich das umsetzen kann?

Schönen Gruß,
negroas

  1. Hat jemand eine Idee wie ich das umsetzen kann?

    Indem du zu HTML5 auch Javascript einsetzt. Dann ist das gar kein Problem.

  2. Hat jemand eine Idee wie ich das umsetzen kann?

    Mit HTML5 und Javascript... oder versteh ich die Frage nicht?
    Oder willst du wissen ob es dafür schon Bibliotheken gibt?

    Gruß
    schlafloser
    T-Rex

  3. @@negroas:

    nuqneH

    Die ist in Flash. Mir ist die Idee gekommen, was ähnliches in HTML5 umzusetzen.

    Bitte nicht! Man kann sich dort einige Ideen abschauen, aber nicht so nachmachen!

    Das Design der Seite tut alles, um vom Inhalt abzulenken. Also genau das Gegenteil dessen, was es tun sollte.

    Der eigentliche Hauptinhalt ist in eine kleine Box eingepfercht, wobei manchmal nicht einmal vernünftig gescrollt werden kann.

    Sieht für mich so aus, dass sich hier ein Designer ausgetobt hat, der vom Web nicht wirklich was versteht.

    Qapla'

    PS: Bitte nicht nur URIs angeben, sondern verlinken. Auch per Link-Button über dem Eingabefeld (JS vorausgesetzt).

    --
    „Talente finden Lösungen, Genies entdecken Probleme.“ (Hans Krailsheimer)
    1. Hallo Gunnar,

      Das Design der Seite tut alles, um vom Inhalt abzulenken. Also genau das Gegenteil dessen, was es tun sollte.

      das hängt davon ab, was Inhalt und was Design ist :)

      @negroas Schau dir mal die Möglichkeiten an, die Canvas bietet.

      Gruß, Jürgen

      1. Hi,

        @negroas Schau dir mal die Möglichkeiten an, die Canvas bietet.

        Wenn’s analog zur genannten Seite sein soll – also im wesentlichen geometrisch beschreibbare Formen – würde ich vielleicht eher zu SVG raten.

        Das Bestimmen, welche „Objekte” angeklickt werden und „ausmalen” dieser könnte damit mit weniger Aufwand realisierbar sein.

        MfG ChrisB

        --
        RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?
        1. Wenn’s analog zur genannten Seite sein soll – also im wesentlichen geometrisch beschreibbare Formen – würde ich vielleicht eher zu SVG raten.

          Das Bestimmen, welche „Objekte” angeklickt werden und „ausmalen” dieser könnte damit mit weniger Aufwand realisierbar sein.

          Dafür gibt es sogar ein feines Helferlein: http://raphaeljs.com/

          Es hat sogar einen VML-Fallback für ältere Internet Explorer

          1. Hi!

            Das Bestimmen, welche „Objekte” angeklickt werden und „ausmalen” dieser könnte damit mit weniger Aufwand realisierbar sein.

            Dafür gibt es sogar ein feines Helferlein: http://raphaeljs.com/

            Es hat sogar einen VML-Fallback für ältere Internet Explorer

            RaphaelJS ist ziemlich alt und hat in den letzten Jahren nicht mehr soviel Liebe erfahren – heutzutage ist der Fallback für ältere IEs zu ziemlich das einzige Argument für RaphaelJS.

            Es gibt seit kurzem einem Nachfolger: http://snapsvg.io/

            Eine weitere ausgereifte Bibliothek ist BonsaiJS: http://bonsaijs.org/

            Mathias

            1. RaphaelJS ist ziemlich alt und hat in den letzten Jahren nicht mehr soviel Liebe erfahren – heutzutage ist der Fallback für ältere IEs zu ziemlich das einzige Argument für RaphaelJS.

              Es gibt seit kurzem einem Nachfolger: http://snapsvg.io/
              Eine weitere ausgereifte Bibliothek ist BonsaiJS: http://bonsaijs.org/

              Beide aber ohne VML-Fallback, wie ich sehe - leider wird uns der IE8 wohl noch ein Zeiterl erhalten bleiben - auch wenn er ab April 2014 offiziell zu Grabe getragen wird.

    2. Hallo,

      Das Design der Seite tut alles, um vom Inhalt abzulenken.

      Der Inhalt ist die Promotion eines Musikalbums.

      Das unterstützt das Design sehr effektiv.

      Der eigentliche Hauptinhalt ist

      … nicht das, was du denkst.

      Mathias

      1. Hi,

        Das Design der Seite tut alles, um vom Inhalt abzulenken.

        Der Inhalt ist die Promotion eines Musikalbums.

        Pah, Album – das ist vermutlich schon zu viel für Gunnar.
        Ich nehme an, er würde die reine Veröffentlichung von Lyrics und Tabs/Noten – natürlich semantisch ausgezeichnet – vorziehen …

        SCNR ChrisB

        --
        RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?
        1. Pah, Album – das ist vermutlich schon zu viel für Gunnar.
          Ich nehme an, er würde die reine Veröffentlichung von Lyrics und Tabs/Noten – natürlich semantisch ausgezeichnet – vorziehen …

          Blaupausen für die Gitarre inklusive - ein richtiges DIY-Album

          1. @@suit:

            nuqneH

            Blaupausen für die Gitarre inklusive - ein richtiges DIY-Album

            Daten für den 3D-Drucker sind die neue Blaupause.

            Qapla'

            --
            „Talente finden Lösungen, Genies entdecken Probleme.“ (Hans Krailsheimer)
            1. Om nah hoo pez nyeetz, Gunnar Bittersmann!

              Daten für den 3D-Drucker sind die neue Blaupause.

              http://tu-dresden.de/die_tu_dresden/fakultaeten/fakultaet_maschinenwesen/news/news_2013/stradivari

              Matthias

              --
              Der Unterschied zwischen Java und JavaScript ist größer als der zwischen Frank und Frankfurt.