---
title: "Modern"
date: 2020-06-09T11:55:24+02:00
cover: ./images/screenshot.png
links:
  [
    ["live", "https://max-richter.dev/modern?scene=modern"],
    ["git", "https://git.max-richter.dev/max/modern"],
  ]
---

import Screenshot from "./images/screenshot.png"
import Image from "@components/Image.astro"


<a href="https://max-richter.dev/modern?scene=modern" target="_blank">
  <Image alt="Screenshot" src={Screenshot} />
</a>

Ein sehr altes Projekt von mir, damals habe ich als Azubi bei des Wahnsinns Fette Beute gearbeitet. Muss so rund 2017 gewesen sein. Einige Sachen die ich echt cool find an dem Projekt:

1. Lazyloading

   Alle Texturen werden erst als placeholder geladen und dann in großer Auflösung. Führt dazu das der Nutzer insgesamt etwas mehr Daten laden muss aber die Website ist deutlich schneller interaktiv.

2. Die Controls

   Three.js, das Framework mit dem ich die Website umgesetzt habe hat eine eingebaute OrbitControl Klasse die man in den meisten Fällen nutzen kann für diesen Usecase aber leider nicht flexibel genug war. Deswegen habe ich eine eigene Control Klasse implementiert und muss sagen ich bin mit der Usability echt zufrieden.

3. Die Settings

   Ich finde die Settings animieren schön und sind schön gelayoutet. Vorallem der Qualitäts Slider mit seinem schnellen Feedback find ich gut.

Für ein so altes Projekt gar nicht schlecht, über die Code Qualität will ich jetzt hier gar nichts sagen. Wer sich das selber angucken will, hier ist der [Link](https://git.max-richter.dev/max/modern).
