Apa saja contoh keren dari efek shader piksel prosedural? [Tutup]

16

Apa saja contoh bagus dari efek shader piksel prosedural atau layar-ruang? Tidak diperlukan kode; Saya hanya mencari inspirasi.

Secara khusus, saya mencari efek yang tidak bergantung pada geometri atau sisa adegan (sehingga mereka akan terlihat oke dirender sendirian di quad) dan tidak didasarkan pada pemrosesan gambar (mereka tidak memerlukan "gambar dasar" , "meskipun mereka dapat menggabungkan tekstur). Multi-pass atau single-pass baik-baik saja. Tangkapan layar atau video akan ideal, tetapi gagasan juga berfungsi.

Berikut adalah beberapa contoh dari apa yang saya cari (semua dari sampel RenderMonkey): alt teks http://public.blu.livefilestore.com/y1pXcNg_0EPZVzwu1T84a4Yek373x8062rhrNCA7UcftTjCkeiY-5uAuJiBYY29x2E53p5MO-uMA8FmEquvxsPCkA/effect1.jpg?psid=1 alt teks http :? //public.blu.livefilestore.com/y1p_5Lx7BdjFyFRBkbcc0WakAT7Q-99fVcFOxmTXBbG4VtoFzC0UfAj51eSnE7ZOD84EYL2Y51HhMS2nWsohhn1mQ/effect2.jpg psid = 1 alt teks http://public.blu.livefilestore.com/y1p_5Lx7BdjFyE3KhYtHe-Cdg7XuXcJ9Ou-GKzED-kZnzACyB5ypA6NSCfsYfuKa0h3ztoDRwwq9qBddX2OfG0fhg/effect3.jpg?psid= 1 alt teks http://nv3wrg.blu.livefilestore.com/y1p1iHFwf-wytDo8HlTJca8RfckA-iTKgvLiJm0t9iz3S35YgeEnt99NMjKDgotxa3Bv90wAhOylabzx2xdx?

Saya mengetahui pertanyaan ini ; Saya tidak meminta sumber implementasi shader yang sebenarnya tetapi untuk beberapa ide inspirasional - dan yang ada di Perpustakaan NVIDIA Shader kebanyakan membutuhkan adegan atau efek pemrosesan gambar.

graphics textures art shaders Robert Fraser
sumber
Bisakah Anda benar-benar melakukan hal-hal seperti itu secara prosedural, tanpa pangkalan? Ini tentu baru dan menarik bagi saya.
Bebek Komunis
@The Communist Duck - Semua contoh ini berasal dari RenderMonkey, sehingga Anda dapat melihat bagaimana mereka selesai. "Basis" biasanya merupakan gambar derau (tiga yang pertama menggunakan derau volumetrik sedangkan yang keempat adalah simulasi dinamika fluida yang menghasilkan fluida pada tekstur kecepatan dan kerapatan tempat pengguna mengklik dan mensimulasikan (melintasi 23 lintasan ...) dari sana Mungkin juga untuk sepenuhnya prosedural (yaitu pola), tetapi GPU terbatas pada generasi angka acaknya, sehingga gambar noise yang dihasilkan secara offline biasanya lebih baik
Robert Fraser

Jawaban:

28

Pemetaan interior adalah efek yang sangat mengagumkan. Dibutuhkan flat quad yang membosankan dan membuatnya terlihat seperti bangunan dengan interior, semuanya seluruhnya dalam pixel shader. Ini semi-prosedural karena beberapa aset dibuat dengan tangan, tetapi shader menempatkannya secara prosedural.

teks alternatif

Martin
sumber
1
Manis ... daging ... Yesus itu luar biasa.
Robert Fraser
Pasti harus memasukkan itu ke dalam aplikasi saya berikutnya;)
Rushyo
Wow, jika saya bisa memasukkannya ke dalam mesin Cube 2, saya akan dapat membuat ulang portofolio portofolio saya, membuatnya lebih cepat, DAN lebih cantik (MAKAN prosesor Anda dengan bangunan yang dimodelkan secara manual di sekitar gedung tempat Anda bermain)
speeder
Memberi hadiah untuk yang satu ini, tapi terima kasih kepada semua orang yang memberikan saran!
Robert Fraser
Pdf-link tidak berfungsi. Bolehkah Anda memastikan keberadaannya?
Michael
7

Untuk inspirasi hebat, jangan lupa untuk memeriksa efek demo oldskool. Hal-hal seperti plasma, api, copperbar, warps, lensa, rotozoomers muncul di pikiran.

Tentu saja akan membutuhkan porting di pihak Anda, tapi itu tantangan saya kira.

Inilah sumber yang bagus dengan beberapa efek dan sourcefiles: http://www.oldskool.org/demos/explained/demo_graphics.html

Kodok
sumber
Benar-benar lupa tentang demoscene. Warna 18-bit, khususnya, mungkin membuat efek pemrosesan gambar yang manis. Saya juga benar-benar lupa tentang fraktal - Saya telah melihat mandlebrot HLSL; Aku ingin tahu apa yang bisa dibuat orang lain menjadi shader.
Robert Fraser
5

Lihat Facewound . Khususnya lihat contoh dalam tutorial shader .

Andrew Russell
sumber
1
Itu cukup luar biasa, tetapi sebagian besar tampak seperti efek pemrosesan gambar
Robert Fraser
2

Ada banyak contoh shader di sini

Beberapa hal hebat yang bisa Anda bangun dan dapatkan inspirasi darinya.

Kimau
sumber
Itu situs yang sangat manis! Sebagian besar tampak seperti pencahayaan lama / pembiasan / dll, tetapi beberapa dari material tersebut terlihat keren
Robert Fraser
2

ShaderToy adalah renderer shader WebGL yang menunjukkan berbagai shader di browser Anda. Ini memiliki banyak contoh, dan Anda dapat mengedit contoh dan mengompilasinya dengan cepat! Saya telah menghabiskan berjam-jam bermain dengannya :)

Anda perlu menjalankan WebGL di browser Anda. Chrome mungkin merupakan taruhan terbaik Anda saat ini.

gak
sumber
1

Lihat juga perangkat lunak seperti Mental Mill. Hal ini memungkinkan pemrograman shader berbasis simpul dengan operasi matematika. Tambahkan banyak gelombang dan gambar acak dan lihat apa yang keluar dari ujung lainnya. Sering dapat menemukan jauh lebih banyak dari proses daripada gambar yang saya temukan ("hei ini terlihat seperti kilat kilat").

underscorediscovery
sumber
Ya! Saya benar-benar bertanya pada b / c ini. Saya sedang mengerjakan alat (sumber terbuka) yang serupa (meskipun audiens yang sedikit berbeda)
Robert Fraser
Keren, teknik ini biasanya disebut teknologi jenis "splicing", dan "abstract shader tree". Ada juga hal-hal seperti mapzoneeditor.com yang memiliki referensi bagus.
underscorediscovery
1

Jika Anda memiliki salinan Unreal yang asli, Anda dapat melihat paket tekstur di editor dan melihat semua efek yang rapi. Mirip dengan contoh yang Anda posting di pertanyaan awal.

Andrew Russell
sumber