20 erstaunliche Beispiele für WebGL in Aktion
Seite 1 von 2: Seite 1WebGL ist eine JavaScript-API, die auf dem bekannten basiert OpenGL 3D-Grafikstandard, und es ermöglicht JavaScript-Plugin-freien Zugriff auf die Grafikhardware über die HTML5 Leinwandelement. Dank WebGL können wir Echtzeit-3D-Grafiken in Webseiten einbinden.
Apple unterstützt den Standard ebenfalls, sodass wir (hoffentlich!) Erwarten können, dass er irgendwann (wenn auch wahrscheinlich nicht bald) in Safari auf Macs, iPhones und iPads auftaucht - und Opera testet ihre eigene Version, daher ist Microsoft das einzige Problem .
Lehnen Sie sich also zurück, starten Sie Ihren neuesten Browser und sehen Sie sich diese Demos an. Wenn Sie der Meinung sind, dass Sie es besser machen können, probieren Sie es aus: Es gibt einige Tipps und Tricks, wie Sie am Ende vorgehen können.
01. Pasta
Mehrfarbiges Licht und eine interessante Anwendung von Licht und Schatten kommen in dieser dramatischen Makkaroni-Lawine in Zeitlupe gut zur Geltung. Es ist seltsam faszinierend.
02. Nur ein Reflektor
Nur ein Reflektor ist ein interaktives Musikvideo, das vom Google Data Arts Team und erstellt wurde Einheit 9 für Arcade Fire. Oben ist das YouTube-Video (nicht interaktiv) und Sie können die interaktive Version erreichen Hier .
03. Neue Welle
Die Prämisse von Nouvelle Vague von Ultranoir ist relativ einfach: Nehmen Sie einige Tweets und fügen Sie sie in eine 3D-Landschaft ein. Dies wird dieser Site jedoch nicht gerecht. Nouvelle Vague hat alle Arten von fliegenden Fahrzeugen, einschließlich eines Doppeldeckers, eines Luftschiffs und einiger Ballons. Alle diese brillant realisierten Modelle - von Künstlern in Blender gebaut und animiert und dann in die WebGL-Szene importiert - tragen die Tweets und kreisen um eine riesige zentrale Statue. Es ist eine sehr surreale Seite und sehr gut gemacht.
04. Chemdoodle: MolGrabber 3D
Wie Sie es von einer neuen Technologie erwarten würden, verwenden viele Leute WebGL, um coole Demos zu erstellen, und weniger echte Tools. Eine Ausnahme bildet Chemdoodle. iChemLabs , ein Unternehmen für wissenschaftliche Visualisierung, hat Tools zum Anzeigen von Molekülen auf Webseiten zusammengestellt. Auf dieser Demoseite können Sie eines von mehreren Arzneimitteln auswählen und eine 3D-Darstellung der chemischen Struktur im Browser anzeigen.
05. Der biologisch-digitale Mensch
Passend zum medizinischen Thema haben wir den 3D-Menschen von BioDigital Systems. Möchten Sie das Skelett und das Blutsystem sehen? Klicken Sie einfach auf die Schaltflächen. Als Lehrmittel ist das Potenzial leicht zu erkennen - die 3D-Karte ermöglicht die Visualisierung von Krankheiten und Behandlungen über das Internet oder sogar auf Ihrem Handy.
06. FractalLab
Tom Beddard Er begann seine Karriere als Laserphysiker, bevor er von der Softwareentwicklung verführt wurde. Heute ist er bekannt für seine erstaunlichen 3D-Fraktale. FractalLab ist seine WebGL-Kreation, die alles, was sie Ihnen zeigt, in Echtzeit auf Ihrem Computer berechnet. Beddard hat eine ausführliche Erklärung seiner Prozesse und seines Denkens beigefügt.
07. Qualle
Eine andere schöne Szene, aber etwas friedlicher, kommt von Aleksandar Rodic : Ein Meer schwimmender Quallen, die alle auf Ihrem Computer simuliert wurden. Verpassen Sie auch nicht die Video Er hat eine (leider nicht öffentliche) Version gezeigt, die von einem Kinect gesteuert werden kann!
08. CycleBlob
Eine neue Variante eines vertrauten Spiels ist Shy Shaloms CycleBlob, der auf der Lightcycles-Szene von TRON basiert. Probieren Sie aus, ob Sie Ihre Schlangenfähigkeiten auf immer komplexere 3D-Oberflächen anwenden können.
Nächste Seite: 6 weitere großartige Beispiele für WebGL
- 1
- zwei
Aktuelle Seite: Seite 1
Nächste Seite Seite 2
