Matze: Matrix-ansicht

Wie bekommt man eigentlich mit normalem html/javascript diese grünen, fliegenden buchstaben und Zeichen wie in Matrix hin?

  1. hallo Matze,

    Wie bekommt man eigentlich mit normalem html/javascript diese grünen, fliegenden buchstaben und Zeichen wie in Matrix hin?

    Ich fürchte, du mußt erst lernen, mit dem Forum hier normal umzugehen.

    Aber dann: Natürlich machst du deine "Matrix-Buchstaben mit DHTML, ist doch ganz einfach. Für jedes Zeichen, das sich bewegen soll, schreibst du einen Layer und läßt den entsprechend deinen Wünschen über den Bildschrim wandern. Kein Problem ...

    Grüße aus Berlin

    Christoph S.

    1. Hi,

      hmm... und ist bestimmt prozessorlastig ohne ende, oder?

      mfg
      -WebViper-

      --
      ss:| zu:] ls:/ fo:) de:> va:) ch:| sh:} n4:) rl:° br:& js:| ie:| fl:) mo:|
      Linux - life is too short for reboots!
      This is unix land.
      In quiet nights you can hear windows machines reboot.
      1. hallo,

        hmm... und ist bestimmt prozessorlastig ohne ende, oder?

        Ja, aber was macht das? Hauptsache, es sieht wie Matrix aus.

        Du kannst natürlich (immer noch mit Javascript) eine ganze Kaskade con Arrays schreiben, die nach Bedarf ausgelesen werden. Das machts etwas milder. Aber schließlich war ja nach "HTML/Javascript" gefragt, und selbst wahsaga ist auf dieselbe Idee gekommen wie ich.

        Es gäbe sicherlich noch weitere Möglichkeiten. Du kannst es mit JSP machen, falls dein Provider einen JSP-fähigen Webserver einsetzt, du kannst es mit PHP probieren und auch sonst sind deiner Experimentierfreude keinerlei Grenzen gesetzt.

        Grüße aus Berlin

        Christoph S.

        1. Hi,

          ja, ist klar.
          Ich kenn es nur von den tollen Seiten zur Weihnachtszeit, die sich dann mit Schneeflocken schmuecken... Und das ist teilweise so extrem (auf aelteren Kisten wohlgemerkt), dass der Recher "Denkpausen" einlegt.

          Und jederman hat ja kein High-End-Geraet...

          Nur so als Denkanstoss...

          mfg
          -WebViper-

          --
          ss:| zu:] ls:/ fo:) de:> va:) ch:| sh:} n4:) rl:° br:& js:| ie:| fl:) mo:|
          Linux - life is too short for reboots!
          This is unix land.
          In quiet nights you can hear windows machines reboot.
          1. Huhu!

            Man muss halt auch mal was denken beim proggen und das nicht nur der CPU überlassen...
            Beim ECHTEN Matrix-Design laufen nicht einzelne Buchstaben, sondern ganze Spalten (AFAIK) im gleichen Tempo da runter.
            Also: jede Spalte ein Layer.
            Des weiteren ist keine flüssige Bewegung nötig, die Zeichen werden Zeilenweise versetzt. (ok, relativ schnell, das sind dann wohl doch einige FPS...)

            Ein ähnlicher Effekt, der sicher auch ned schlecht aussieht, wären 3 Layer und dann so ne Art Paralax-Scrolling.

            Oder einfach Flash *g*

          2. Hallo,

            Ich kenn es nur von den tollen Seiten zur Weihnachtszeit, die sich dann mit Schneeflocken schmuecken... Und das ist teilweise so extrem (auf aelteren Kisten wohlgemerkt), dass der Recher "Denkpausen" einlegt.

            Deswegen sind ja solche tolle Seiten in Falsh programmiert. ;-)

            Grüße
            Thomas

            1. hallo Thomas,

              Deswegen sind ja solche tolle Seiten in Falsh programmiert. ;-)

              Ich bin zutiefst überzeugt, daß du dich hier nicht vertippt und tatsächlich "falsch" gemeint hast ;-)

              Grüße aus Berlin

              Christoph S.

              1. Hallo Christoph,

                Deswegen sind ja solche tolle Seiten in Falsh programmiert. ;-)

                Ich bin zutiefst überzeugt, daß du dich hier nicht vertippt und tatsächlich "falsch" gemeint hast ;-)

                Jein ;-)
                Gemeint war Flash, was ich aber für falsch halte ;-)

                Grüße
                Thomas

                1. Deswegen sind ja solche tolle Seiten in Falsh programmiert. ;-)

                  Ich bin zutiefst überzeugt, daß du dich hier nicht vertippt und tatsächlich "falsch" gemeint hast ;-)

                  Jein ;-)
                  Gemeint war Flash, was ich aber für falsch halte ;-)

                  Hätte aus dem Dreher _Schlaf_ gelesen. Sowas macht man doch im Schlaf...

                  1. Schaafe ja die bister kenne ich auch. :-))

                    1. Hi,

                      Schaafe ja die bister kenne ich auch. :-))

                      soso welches?

                      dieses:

                      <img src="http://www.regjo.de/special/bilder/schaf.jpg" border="0" alt="">

                      oder eher dieses?

                      <img src="http://autsch.rtl.de/herzschmerz/schweine/liebes-schaf.jpg" border="0" alt="">

                      *fg*

                      SCNR

                      mfg
                      -WebViper-

                      --
                      ss:| zu:] ls:/ fo:) de:> va:) ch:| sh:} n4:) rl:° br:& js:| ie:| fl:) mo:|
                      Linux - life is too short for reboots!
                      This is unix land.
                      In quiet nights you can hear windows machines reboot.
            2. Hi,

              Deswegen sind ja solche tolle Seiten in Falsh programmiert. ;-)

              oder so...
              Auf jeden Fall mag ich keine seiten, wo mein Zweitrechner so in die Knie geht, dass ich sonst nix mehr machen kann... ;))

              mfg
              -WebViper-

              --
              ss:| zu:] ls:/ fo:) de:> va:) ch:| sh:} n4:) rl:° br:& js:| ie:| fl:) mo:|
              Linux - life is too short for reboots!
              This is unix land.
              In quiet nights you can hear windows machines reboot.
        2. Hallo,

          Ja, aber was macht das? Hauptsache, es sieht wie Matrix aus.

          das wird dann aber nur so lam aussehen wie Matrix-2...... Das Gespann Browser/PC geht bei sowas dermassen in die Knie, das hat keinen Wert....

          Chräcker

          1. Hi

            Ja, aber was macht das? Hauptsache, es sieht wie Matrix aus.

            das wird dann aber nur so lam aussehen wie Matrix-2...... Das Gespann Browser/PC geht bei sowas dermassen in die Knie, das hat keinen Wert....

            Also auf einem P4 würde ich mir das noch einigermassen performat vorstellen, oder zumindest erwarten ;-). Man muss halt nicht mit 100 Layern arbeiten, sondern mit je einem für die vertikalen Zeichenketten. Mal schauen, vielleicht finde ich dieses Wochenende noch eine Stunde Zeit...

            MfG

            Tom2

            --
            SELF-Code: (http://emmanuel.dammerer.at/selfcode.html)
            ss:| zu:) ls:& fo:) de:] va:) ch:] sh:( n4:& rl:° br:> js:| ie:% fl:( mo:}
  2. hi,

    Wie bekommt man eigentlich mit normalem html/javascript diese grünen, fliegenden buchstaben und Zeichen wie in Matrix hin?

    na so wie der ganze film ebenfalls in html und javascript erstellt wurde.

    tipp: keanu reeves ist kein mensch, sondern besteht lediglich aus mehreren DHTML-layern.

    man wundert sich jeden tag wieder, wie einfach doch die welt aufgebaut ist ...

    gruss,
    wahsaga

    1. na so wie der ganze film ebenfalls in html und javascript erstellt wurde.

      tipp: keanu reeves ist kein mensch, sondern besteht lediglich aus mehreren DHTML-layern.

      und hätte man mehr mit z-index gearbeitet, wäre die story auch nicht so flach.

      1. Moin,

        und hätte man mehr mit z-index gearbeitet, wäre die story auch nicht so flach.

        Jetzt erzähl bloß nicht, es gäbe jemanden, der der story wegen in den Film gegangen wäre. Story stört bei solchen Filmen nur.

        ;-)

        Swen

        1. Hallo Swen,

          Jetzt erzähl bloß nicht, es gäbe jemanden, der der story wegen in den Film gegangen wäre. Story stört bei solchen Filmen nur.

          Richtich. Wozu denn auch Story, wenn der liebe Agent Smith Neo entgegenwirft:
          "<strong><i><u><blink><p style="color:#ff00ff">Nur ein Mensch<p style="color:#ffff00">!</p></p></blink></u></i></strong>"

          Und Trinity ihm dann erwidert:
          "<table border="10" class="table_vs_smith_01"><tr><td width="100%" align="center"><b><blink>Nur ein Agent</b></blink></td></tr></table>"

          Und wenn beim Endkampf die Machienen Neo haufenweise <style> und <i> und <div> entgegenpfeffern, hat das Kino bereits einen Jahresabonenten sicher.

          Mit freundlichen Grüßen an Swen und alle weiteren Forumsbenutzer: Hurrtz

  3. Hallo.

    Wie bekommt man eigentlich mit normalem html/javascript diese grünen, fliegenden buchstaben und Zeichen wie in Matrix hin?

    Hat schon jemand eine Realisation dieses Effektes in SVG gesehen? Falls ja, wo?
    Aber am liebsten wäre mir noch ein solcher Screensaver für IBM 5250-Terminals respektive den dazu gehörigen Host ;-)
    MfG, at