Web Experiments

SCHOOL

  • Komplett modulares Nodesystem, einlesung einer JSON Datei über XHR welche die Struktur enthält
  • Design wie bei ME durch einfache, klare Formen, wirkt spielerisch ohne kindisch zu sein

 

DEMOS

  • Unsortierte Parallax Effekte, SVG Animation, und 3D Einbindungen.

 

GLOBE

  • Relative einfache 3D Szene, stark optimiert durch die Nutzung von Buffergeometry anstatt normaler Geometry. Buffergeometry speichert die Position aller Vertices in einem Array, was es schwieriger macht das Objekt zu bearbeiten, die Geometry aber schneller an den GPU zum rendern geschickt werden kann.
  • Anbindung an die Google API, um die Koordination von Orten aus der Suche zu bekommen
  • Eine Herausforderung war die Umwandlung von Längen und Breitengraden zu x,y,z Koordinaten welche ich benutzen konnte.
  • Eine anderer Herausforderung war die Umwandlung von 3D Koordinaten, zu 2D Bildschirm Koordinaten, welche ich brauchte um die Linien und Textfelder zu animieren.
  • Die Erstellung der Kurven war auch interessant, da ich aus zwei zufälligen Punkten eine Kurve erzeugen musste welche den Globus nicht durchschneidet.

 

MODERN

  • Mein bis jetzt größtes Projekt, komplette Erstellung der 3D Szene, fast ausschließlich nach dem OOP Prinzip programmiert
  • Nach einigen Problemen mit den Controls die Three.js bereitstellt habe ich meine eigenen Controls entwickelt was erstaunlich einfach war, sehr viel Spaß gemacht hat und ein sehr hohes Maß an Flexibilität ermöglicht.

 

TYPO

  • Schulprojekt, da ich ein Jahr übersprungen habe musste ich diversen Themen nachholen, unter anderem Typographie.
  • Mehrere Seiten auf einer Seite, ohne neu laden zu müssen.
  • SVG Animation, vor allem im Stammbaum der Sprachen

 

ME

  • Ich wollte die Javascript Library p5.js ausprobieren
  • User Journey, der Benutzer wird durch die Website geleitet.

 

CORAX

  • Schulprojekt, erste Website die nach einem Screendesign gestaltet wurde, was sehr viel Spaß gemacht hat und dazu geführt hat das ich jetzt sehr viel mehr in Photoshop und XD vorarbeite, bevor ich anfange zu programmieren.

 

JOURNEY

  • Exkurs in die Web Audio API
  • Obwohl zu Tode gememed, geiler Song

 

PARALLAX

  • Da ich des öfteren denselben Effekt programmiert habe, habe ich mir einfach einen Skript geschrieben den ich jetzt einfach nur runterladen muss

 

THE HOLLOW MEN

  • Die Grundidee war ein interaktives Musikvideo zu diesem geilen Song
  • Ist ein bisschen in der Konzept Phase stecken geblieben