Lord Horazont bereichert unser Wiki mit einem weiteren Tutorial.
Diesmal geht es um eine Wasserebene. Er zeigt wie man mit und ohne Shader Reflektionen und Refraktion einbaut.



Tutorial Wassereffekt

Wie immer wird um Feedback gebeten.

_________________
Steppity,✲steppity,✴step,❆step,✳step!
❆ ❄ ❄ ❄ ❅ ❄ ❆ ❄ ❅ ❄ ❅ ❄ ❅ ❄ ❄
❅ ☃ ❄ ❄ ❄ ❅ ❄ ❄ ❄ ❅ ❄ ☃ ❄ ❆ ❄ ❄

Yay, endlich ein Wasser Tutorial auf DGL. Herzlichen Dank

Werde mich morgen glaub ich mal mit beschäftigen.

Tolles Tutorial!
Werde es mir demnächst zu Gemüte führen, momentan sind Conan und ich immer noch an unserem Animations Loader
Aber ich hoffe, dass ich bald selbst schönes reflektierendes Wasser in meine Programme einbauen kann...
Wenn nicht, weiß ich ja, wen ich damit nerven kann

_________________
http://texelviews.delphigl.com

*angst bekomm*

Ne, wenn fragen bestehen, immer her damit!
Und viel spaß mit dem ding!

Gruß Lord Horazont

_________________
If you find any deadlinks, please send me a notification – Wenn du tote Links findest, sende mir eine Benachrichtigung.
current projects: ManiacLab; aioxmpp
zombofant network • my photostream
„Writing code is like writing poetry“ - source unknown

„Give a man a fish, and you feed him for a day. Teach a man to fish and you feed him for a lifetime. “ ~ A Chinese Proverb

Vielen Dank für dieses Tutorial!

_________________
"Du musst ein Schwein sein in dieser Welt, sangen die Prinzen, das ist so 1.0. Du musst auf YouTube zeigen, dass dir dein Schweinsein gefällt, das ist leuchtendes, echtes Web 2.0."
- Hal Faber
Meine Homepage: http://laboda.delphigl.com

Cooles Tutorial. Vorallem auch weil es einen "Shaderfreien"-Teil gibt.
Ich hab mir das Tutorial jetzt nicht im Detail durchgelesen. Was mich interessiert ist, ob es für den "Feintuning" Abschnitt auch eine shaderfreie Version gibt oder ist es dort nicht nötig (bzw. möglich) sowas zu implementieren.

Bei den Bildern finde ich den Effekt immer etwas verwirrend, weil die die reflektierende Fläche außerhalb der Reflexion unsichtbar ist. Könntest du noch ein Bild hinzufügen, wo die Reflexionsfläche eine schicke Wassertextur hat. Dadurch könnte man vermutlich auch den Unterwasserteil besser von der Reflexion unterscheiden.
So als finalen Kick.

Ansonsten find ich Tutorials mit vielen Bildern immer gut.

_________________
Blog: kevin-fleischer.de und fbaingermany.com

Hm, "echtes" Wasser hat ja an sich auch keine Textur, daher habe ich sowas nicht gemacht. Wenn allerdings mehr Objekte drumherum stehen oder man auch noch ne Skybox einbaut, dann sieht das ganze bestimmt noch besser aus, weil mehr gefüllt.
Was deine andere Frage betrifft: Ich hatte keine Idee, wie man den Feintuning Teil Shaderfrei lösen kann, da man ja den Abstand des Fragmentes von der Wasseroberfläche braucht.

Und danke für das viele Lob

Gruß Lord Horazont

_________________
If you find any deadlinks, please send me a notification – Wenn du tote Links findest, sende mir eine Benachrichtigung.
current projects: ManiacLab; aioxmpp
zombofant network • my photostream
„Writing code is like writing poetry“ - source unknown

„Give a man a fish, and you feed him for a day. Teach a man to fish and you feed him for a lifetime. “ ~ A Chinese Proverb

Ja mach mal ne Skybox drum. Das könnte schon schön werden.

Das Wasser keine Textur hat kann ich so nicht bestätigen. Zumindest hat es eine Farbe. Bei dir ist es absolut klar. Kannst du es irgendwie einfärben?

_________________
Blog: kevin-fleischer.de und fbaingermany.com

Einfärben wäre ja simpel zu machen, eine einfache Multiplikation im Shader bei gl_FragColor = mit gl_Color, dann könnte mans über glColor einfach steuern.
Und beim Non-Shader-Way kann mans ja sowieso über glColor4f steuern.

Skybox is im Moment schlecht, ich schlag mich gerade mit meinen Partikeleffekten rum
... und ich hab keine Skybox zur hand

Gruß Lord Horazont

_________________
If you find any deadlinks, please send me a notification – Wenn du tote Links findest, sende mir eine Benachrichtigung.
current projects: ManiacLab; aioxmpp
zombofant network • my photostream
„Writing code is like writing poetry“ - source unknown

„Give a man a fish, and you feed him for a day. Teach a man to fish and you feed him for a lifetime. “ ~ A Chinese Proverb

Sascha hatte eine Im Wiki hinterlegt. Zwar nicht die größte, aber eine ist da.

_________________
Blog: kevin-fleischer.de und fbaingermany.com

Oops!

Versuche nun seit knapp 5 Stunden diesen Wassershader zum laufen zu bringen. Tada!!!!!! Und woran lags? Ein kleiner Fehler im Tutorial.
Das betrifft nur den Shader ohne "Feintuning".


Der Texturzugriff gehört nach unten und das erste Multiplizieren mit der Texturmatrix ist überflüssig:

Sonst lohnt sich das ganze rumgerechne mit den Koordinaten garnicht und die bumpMap zeigt keinen Effekt.

Gruß
damadmax

_________________
Es werde Licht.
glEnable(GL_LIGHTING);
Und es ward Licht.

Zitat aus einem Java Buch: "C makes it easy to shoot yourself in the foot; C++ makes it harder, but when you do it blows your whole leg off"

on error goto next

In anbetracht der Tatsache, dass der Shader bei mir in der Form, in der er im Tutorial steht wunderbar funktioniert ist das durchaus interessant... Ich werde mal schauen, wie das bei mir mit deiner Änderung aussieht...

Ah, sagen wirs so, es ist kein Fehler im dem Sinne, vermutlich hast du einfach die beiden Zeilen:

nicht mit übernommen, die auf diesen Teil folgen. Aber du hast in dem Sinne recht, dass der Texturzugriff am Anfang kompletter Irrsinn ist, genauso wie das setzen der Koordinaten. So gesehen, ist das auf jeden fall eine Optimierung, die ich wohl übersehen habe. Ich frage mich, wie es überhaupt dazu gekommen ist, vermutlich durch die stetige Weiterentwicklung des Shaders.

Auf jeden fall, danke für den Hinweis.

Gruß Lord Horazont

_________________
If you find any deadlinks, please send me a notification – Wenn du tote Links findest, sende mir eine Benachrichtigung.
current projects: ManiacLab; aioxmpp
zombofant network • my photostream
„Writing code is like writing poetry“ - source unknown

„Give a man a fish, and you feed him for a day. Teach a man to fish and you feed him for a lifetime. “ ~ A Chinese Proverb

Betrifft ja nur den nicht getunten Shader. Da fehlen besagte 2 Zeilen noch. Und den hatte ich per copy&paste rübergeballert.

Aber mittlerweile habe ich auch den getunten ans Laufen gebracht.
Allerdings hat das mit vpos.z für den Alphawert nicht so ganz geklappt. Habe stattdessen gl_Vertex.z genommen. Klappt 1A. Sofern man noch die Wasserhöhe mit einbezieht.
Und habe mir so ein 2. Rendern gespart.

_________________
Es werde Licht.
glEnable(GL_LIGHTING);
Und es ward Licht.

Zitat aus einem Java Buch: "C makes it easy to shoot yourself in the foot; C++ makes it harder, but when you do it blows your whole leg off"

on error goto next

Moment moment, du hast dir das Rendern mit dem Tiefenshader gespart? Wie hast du das gemacht? Sollte ich da was übersehenhaben was die Performance verdoppeln kann?
//Edit: Habe den Fix jetzt ins Tutorial eingetragen

Übrigens: Wenn du ein hübsches ergebnis hast, poste hier doch mal nen Screenshot

Gruß Lord Horazont

_________________
If you find any deadlinks, please send me a notification – Wenn du tote Links findest, sende mir eine Benachrichtigung.
current projects: ManiacLab; aioxmpp
zombofant network • my photostream
„Writing code is like writing poetry“ - source unknown

„Give a man a fish, and you feed him for a day. Teach a man to fish and you feed him for a lifetime. “ ~ A Chinese Proverb

In deinem Tiefenshader schreibst du doch nur die Z koordinate (angenommen die Waterplane ist bei 0) des Fragments in den Alpha Kanal.
Nur eben in einem separaten Renderdurchlauf.

Mein Shader schreibt es beim normalen Rendern mit weg. Neben der Normalen Farbe halt auch den Alpha. Sollte kein Problem sein, da die Shader eh für jedes Projekt optimiert sein sollten.

Scrshot gibts hier

_________________
Es werde Licht.
glEnable(GL_LIGHTING);
Und es ward Licht.

Zitat aus einem Java Buch: "C makes it easy to shoot yourself in the foot; C++ makes it harder, but when you do it blows your whole leg off"

on error goto next