Was sind einige coole Beispiele für prozedurale Pixel-Shader-Effekte? [geschlossen]

16

Was sind einige gute Beispiele für prozedurale Pixel-Shader-Effekte oder Pixel-Shader-Effekte im Bildschirmbereich? Es ist kein Code erforderlich. Ich suche nur Inspiration.

Insbesondere suche ich nach Effekten, die nicht von der Geometrie oder dem Rest der Szene abhängen (so dass sie auf einem Quad alleine gut gerendert aussehen) und nicht auf der Bildverarbeitung basieren (sie erfordern kein "Basisbild") , "obwohl sie Texturen enthalten können). Multi-Pass oder Single-Pass ist in Ordnung. Screenshots oder Videos wären ideal, aber Ideen funktionieren auch.

Hier sind ein paar Beispiele von dem, was ich suche (alle aus den Render Proben): Alt - Text http://public.blu.livefilestore.com/y1pXcNg_0EPZVzwu1T84a4Yek373x8062rhrNCA7UcftTjCkeiY-5uAuJiBYY29x2E53p5MO-uMA8FmEquvxsPCkA/effect1.jpg?psid=1 alt text http : //public.blu.livefilestore.com/y1p_5Lx7BdjFyFRBkbcc0WakAT7Q-99fVcFOxmTXBbG4VtoFzC0UfAj51eSnE7ZOD84EYL2Y51HhMS2nWsohhn1mQ/effect2.jpg psid = 1 alt - Text http://public.blu.livefilestore.com/y1p_5Lx7BdjFyE3KhYtHe-Cdg7XuXcJ9Ou-GKzED-kZnzACyB5ypA6NSCfsYfuKa0h3ztoDRwwq9qBddX2OfG0fhg/effect3.jpg?psid= 1 alternativer Text

Mir ist diese Frage bewusst . Ich frage nicht nach einer Quelle für tatsächliche Shader-Implementierungen, sondern nach inspirierenden Ideen - und diejenigen in der NVIDIA Shader-Bibliothek erfordern meistens eine Szene oder sind Bildverarbeitungseffekte.

graphics textures art shaders Robert Fraser
quelle
Können Sie solche Dinge tatsächlich prozedural tun, ohne eine Basis zu haben? Das ist sicherlich neu und interessant für mich.
Die kommunistische Ente
@Die kommunistische Ente - Alle diese Beispiele stammen von RenderMonkey, sodass Sie sehen können, wie sie gemacht werden. Die "Basis" ist typischerweise ein Rauschbild (die ersten drei verwenden ein volumetrisches Rauschen, während die vierte eine Fluiddynamiksimulation ist, die Fluid auf den Geschwindigkeits- und Dichte-Texturen erzeugt, auf die der Benutzer klickt und von dort aus simuliert (über 23 Übergänge ...) Es ist auch möglich, vollständig prozedural vorzugehen (dh ein Muster), aber die GPU ist in der Erzeugung von Zufallszahlen begrenzt, so dass offline erzeugte Rauschbilder in der Regel besser sind.
Robert Fraser

Antworten:

28

Interior Mapping ist ein ziemlich toller Effekt. Es braucht ein langweiliges, flaches Quad und lässt es wie ein Gebäude mit Innenräumen aussehen, die sich alle im Pixel-Shader befinden. Es ist semi-prozedural, da einige der Assets handgefertigt sind, aber der Shader sie prozedural platziert.

Alt-Text

Martin
quelle
1
Süßer ... Speck ... Jesus, das ist großartig.
Robert Fraser
Müssen auf jeden Fall in meine nächste App integrieren;)
Rushyo
Wow, wenn ich das in die Cube 2-Engine einbauen kann, wäre ich in der Lage, meine Portfolio-Demo neu zu erstellen, sie schneller und hübscher zu machen (sie ESST Ihren Prozessor mit manuell modellierten Gebäuden um das Gebäude, in dem Sie tatsächlich spielen)
speeder
Die Prämie wird diesem verliehen, aber danke an alle anderen, die Vorschläge gemacht haben!
Robert Fraser
Der pdf-Link ist ausgefallen. Können Sie bitte sicherstellen, dass es existiert?
Michael
7

Vergessen Sie nicht, sich die Oldskool-Demo-Effekte anzusehen, um sich inspirieren zu lassen. Dinge wie Plasma, Feuer, Kupferbarren, Warps, Linsen, Rotozoomer kommen in den Sinn.

Natürlich würde es eine Portierung auf Ihrer Seite erfordern, aber das ist eine Herausforderung, denke ich.

Hier ist eine nette Ressource mit einigen Effekten und den Quelldateien: http://www.oldskool.org/demos/explained/demo_graphics.html

Kröte
quelle
Völlig vergessen von der Demoszene. Insbesondere die 18-Bit-Farbe kann einen süßen Bildverarbeitungseffekt erzielen. Ich habe auch Fraktale total vergessen - ich habe einen HLSL-Mandlebrot gesehen; Ich frage mich, was andere zu Shadern machen könnten.
Robert Fraser
5

Schauen Sie sich Facewound an . Schauen Sie sich insbesondere die Beispiele im Shader-Tutorial an .

Andrew Russell
quelle
1
Das ist ziemlich fantastisch, aber sie scheinen meistens wie Bildverarbeitungseffekte
Robert Fraser
2

Hier finden Sie eine Reihe von Shader-Beispielen

Einige großartige Dinge, auf die Sie aufbauen und die Sie inspirieren können.

Kimau
quelle
Das ist eine ziemlich süße Seite! Die meisten scheinen wie die alte Beleuchtung / Lichtbrechung / etc, aber einige dieser Materialien sehen cool aus
Robert Fraser
2

ShaderToy ist ein WebGL-Shader-Renderer, der verschiedene Shader in Ihrem Browser anzeigt. Es gibt viele Beispiele, und Sie können die Beispiele bearbeiten und sie sofort kompilieren! Ich habe stundenlang damit gespielt :)

Sie müssen jedoch WebGL in Ihrem Browser ausführen. Chrome ist im Moment wahrscheinlich die beste Wahl.

gak
quelle
1

Schauen Sie sich auch Software wie Mental Mill an. Es ermöglicht die knotenbasierte Shader-Programmierung mit mathematischen Operationen. Fügen Sie eine Reihe von zufälligen Wellen und Bildern hinzu und sehen Sie, was am anderen Ende herauskommt. Kann oft viel mehr aus dem Prozess herausfinden als Bilder, die ich finde ("hey das sieht aus wie Blitzschwärme").

Underscorediscovery
quelle
Jep! Ich frage dieses B / C, ich arbeite an einem ähnlichen (Open-Source-) Tool (wenn auch etwas anderes Publikum)
Robert Fraser
Cool, die Technik wird normalerweise als "Splicing" - und "Abstract Shader Tree" -Technologie bezeichnet. Es gibt auch Dinge wie mapzoneeditor.com, die einen guten Bezug haben.
Underscorediscovery
1

Wenn Sie eine Kopie des ursprünglichen Unreal haben, können Sie die Texturpakete im Editor durchgehen und alle netten Effekte sehen. Sie ähneln den Beispielen, die Sie in der ursprünglichen Frage gepostet haben.

Andrew Russell
quelle