Was ist Instructables?
Wenn Sie besuchen Sie uns auf Instructables, sehen Sie einen riesigen Touchscreen, der mit Unterstützung der Erklärung beauftragt ist. Auf diesem Touchscreen sind etwa 20.000 Punkte des Lichtes, ein Projekt auf Instructables, Top-Performance für alle unsere vorgestellten Inhalte darstellt. Es ist dort zu helfen, diese Frage für die Besucher, die nicht wissen oder es überhaupt vertraut sein und einen Eindruck von der Breite der Leidenschaften in unserer Gemeinde. Instructables-Galaxie ist einerseits Daten-Visualisierung und interaktive Ausstellung ein Teil. Es soll nicht in jedes Projekt, aber sie alle vorzustellen und ihre Beziehungen zueinander zu graben.
Das Galaxy-Projekt hat seit fast einem Jahr an dieser Stelle. Es ist viele Iterationen durchlaufen. Zum ersten Mal ist es nun klein genug, um im Web zu arbeiten. Benötigen Sie Chrome. In dieser interaktiven 3D Demo dauert alles, die Ihren Computer zu bieten hat.
GEBEN SIE DIE GALAXIE
Diese Instructable geht wie die Galaxie entsteht. Ich werde Sie auf meine Reise nehmen. Es wurde nicht linear. Ich begann im Kinetic.js, und dann gab es für Three.js, so dass ich bekommen alle Sterne bewegen konnte, und ein wenig mehr Whizknall Bewegung zu bekommen, wenn jemand den Bildschirm berührt. Hier ist, wohin wir gehen:
-Verarbeitung: eine Skizze, die die Hintergrund-Bilder generiert
-Kinetic.js: Wie sind die "Stars" gruppierten
-Kinetic.js: Wie Sie suggestiv wirkenden Konstellationen zu generieren
-Kinetic.js: Hit-Performance mit 20.000 einzelne Punkte, gerendert in Leinwand
-Three.js: Erste Schritte
-Three.js: Partikel-Systeme
-Three.js: Partikel-Systeme in Bewegung
-Three.js: Ein unterschiedlicher Helligkeit für jeden Stern: WebGL Shader
-Three.js: Hit-Performance mit 20.000 einzelne Punkte in 3D
-TweenMax: Easy Animation
-Three.js: Kamerabewegung
-Three.js: Post-Processing & Effekte: dimmen, Unschärfe
-Andere Bibliotheken (besonderer Dank an)