Showroom - Aktuelle Arbeiten und Projekte

[joeydee]

Mini-Feature-Wunsch: [optional] [halb]transparente Hintergründe für jegliche Schrift aufm Bildschirm. Verbessert die Lesbarkeit.

Oder Outlines.

[Jonathan]

Mini-Feature-Wunsch: [optional] [halb]transparente Hintergründe für jegliche Schrift aufm Bildschirm. Verbessert die Lesbarkeit.

Tatsächlich hatte ich gestern Abend auch schon die selbe Idee :D

[Jonathan]

GUI Effekte im Murmel Hauptmenü:

2026-01-17_23-42-58_Balls.mp4

(589.08 KiB) 39-mal heruntergeladen

Ich habs ja in unterschiedlichen Threads schon angesprochen - ich baue gerade mein GUI System um, weil ich Gamepadunterstützung haben will. Dafür brauche ich unter anderem ein Fokus-System, damit man Bedienelemente auswählen kann. Und dieser Fokus muss natürlich entsprechend irgendwie visuell repräsentiert werden.

Im Landvogt hab ich einfach die Farbe des Buttons geändert - heller, wenn der Mauszeiger drüber war, dunkler, wenn man ihn runtergedrückt hat. Das hat auch erstaunlich gut funktioniert, das erste ist ein wie ein Glühen oder ein Scheinwerfereffekt, das zweite ist halt wie wenn man den Knopf physisch rein drückt und er deshalb weniger Licht abbekommt.

Jetzt können Buttons aber beliebige Effekte haben. In diesem Fall ein Glühen unter dem Bild. Das Sprite ist super hässlich, aber es geht ja um den Code. Harald Hoppelhase wird dann demnächst auch angepasst, da wird dann eine Mohrrübe vor dem ausgewählten Knopf hin- und hertanzen.

Wie man im Video sieht, können Fokuseffekte zeitlich animiert sein, und obwohl immer nur ein Objekt Fokus haben kann, kann die Animation etwas länger leben, um ein hübsches Ausblenden zu ermöglichen. Daher sieht man bei schnellen Mausbewegungen mehrere Fokuseffekte.

[Schrompf]

Endlich: eine geschlossene Oberfläche. Es gibt noch jede Menge Kleinigkeiten: die früher schonmal erwähnten spitzen Ecken, der ganze Ärger rund um Pixelmitten vs. Texturkoords, die LOD-Säume, vereinzelte nicht-deterministische Effekte an Kanten, so dass es mit nem Shader drauf dann doch wieder aufklafft... aber ich freu mich erstmal. Damit kann ich jetzt mal endlich ein bissl Grafikeffekte basteln

[Mirror]

Gefällt mir. Schon erstaunlich was man mit Voxeln alles machen kann.

[Schrompf]

Danke :-) Aber das hier hat nix mit Voxeln zu tun, das ist reine Geometrie-Verarbeitung. Deswegen isses ja auch so kompliziert, das stabil und grenzfallfrei hinzukriegen.

[scheichs]

Hatte ich ja gestern schon beim Stammtisch gezeigt. Heute noch ein wenig dran weitergearbeitet. Hab jetzt umgestellt auf ein traditionelles Heightmapterrain, bei dem alle "Quads" als 2 Dreiecke ohne gesharte Vertices gerendert werden (-> super simpel). Dabei bekommt jedes Quad UVs von 0,0 -> 1,1 und dann werden die Vektor-Linien im Shader erzeugt. Das dürfte dann nachher auch ein bei den Modellen ein guter Ansatz sein.

[Schrompf]

Sieht sehr stylisch aus!

[Schrompf]

Jeder Felsen hat mal klein angefangen...

[joeydee]

Hatte ich ja gestern schon beim Stammtisch gezeigt. Heute noch ein wenig dran weitergearbeitet. Hab jetzt umgestellt auf ein traditionelles Heightmapterrain, bei dem alle "Quads" als 2 Dreiecke ohne gesharte Vertices gerendert werden (-> super simpel). Dabei bekommt jedes Quad UVs von 0,0 -> 1,1 und dann werden die Vektor-Linien im Shader erzeugt. Das dürfte dann nachher auch ein bei den Modellen ein guter Ansatz sein.

Sieht sehr cool aus! Die Überstrahlung an den Ecken kommt auch sehr gut rüber.
Bei der Szene erinnere ich mich auch wieder was ich noch lösen wollte falls ich sowas mal wieder mache: Bei sich schneidender Geometrie die Schnittkanten finden und ebenfalls rendern.

[Schrompf]

Ja, das sieht echt so stylisch aus, dass ich selbst eins bauen will. Schneidende Geometrie... da dachte ich zuerst, haua das wird teuer. Aber nö, Normalen im Screenspace ausrendern wie so ein billiger DeferredRenderer, und dann ne Edge Detection darauf, und Du kriegst alle Kanten freihaus. Noch dazu in immer gleicher Stärke, egal wie weit weg die Oberfläche ist, was ja eine der erklärten Anforderungen von scheichs beim Stammtisch war.