» Tutorial - Of Effects and Shaders
This site relies heavily on Javascript. You should enable it if you want the full experience. Learn more.

Tutorial - Of Effects and Shaders

Mandarin | Italian | French | Japanese

In this tutorial we'll take you step by step through your first pixel- and vertexshaders. The good thing with shaders is that the basics are really simple. There are actually not many things you need to know about. And even for realizing more advanced stuff (like lighting) the principles are the same and you only need a better understanding of the math involved, which is a different story.

So lets start with getting the vocabulary straight:

In Direct3D (which vvvvs render engine is based on) pixel- and vertexshaders are dealt with in so called Effects. Before reading any further we'd recommend you to check the Graphics section of the documentation and read through the EX9... links you find there to get a basic overview of the topic. Or at least if you're not in the mood to read that now make sure to check back there as soon as specific questions arise.

And now please dive into the following pages one after the other:

Pixelshading

Pixelshader Preparations
Manipulating Colors
Texture Coordinates
Neighbouring Pixels
Multiple Textures
Multiple Passes

Vertexshading

Vertexshader Preparations
Mr. Wiggle
Function Printing
Vertex Data
Normals
Geometry Morphing

All patches and effects of this tutorial in a pack: of-effects-and-shaders

anonymous user login

Shoutbox

~2h ago

joreg: PSA: This wednesday 11pm vvvv.org will be moving servers. If everything goes according to plan we should be back within a few hours.

~10h ago

joreg: Also as every 2 weeks: This Tuesday: Free introduction to the all-new #vvvv: free-vvvv-intro-workshops-this-summer-in-berlin followed by the regular vvvv meetup

~11h ago

skyliner: anyone at usbynight?

~12h ago

joreg: Reminder: This wednesday in #berlin: Getting Started with Data Visualization: https://nodeforum.org/announcements/workshop-getting-started-with-data-visualization/ vvvv #creativecoding #dataviz

~3d ago

joreg: @eglod vvvv is international! wenn du hilfe auf deutsch brauchst, dann komm am besten in unseren deutschen chat: https://riot.im/app/#/room/#vvvv-at:matrix.org

~3d ago

eglod: In allen möglichen Sprachen gibt es VVV. V4 ist deutsch, warum nicht in deutscher Sprache. eglod

~3d ago

eglod: In allen möglichen Sprachen gibt es VVV. V4 ist deutsch, warum nicht in deutscher Sprache. eglod

~4d ago

joreg: Reminder: First #vvvv meetup in #hamburg this friday: vvvv-hamburg-meetup-1 Hope to see some of you there!

~7d ago

AKa-visuals: Hi guys. Everyone guess when xenko engine would be avaliable to play around in vl ... Isnt?