:arrow_backward: :arrow_double_up: :arrow_up_small: :arrow_down_small: :arrow_forward:

3D Game Shaders For Beginners

Running The Demo

After you've built the example code, you can now run the executable or demo.

bash

./3d-game-shaders-for-beginners

Here's how you run it on Linux or Mac.

bash

3d-game-shaders-for-beginners.exe

Here's how you run it on Windows.

Demo Controls

The demo comes with both keyboard and mouse controls to move the camera around, toggle on and off the different effects, adjust the fog, and view the various different framebuffer textures.

Mouse

You can rotate the scene around by holding down the <kbd>Left Mouse</kbd> button and dragging. Hold down the <kbd>Right Mouse</kbd> button and drag to move up, down, left, and/or right. To zoom in, roll the <kbd>Mouse Wheel</kbd> forward. To zoom out, roll the <kbd>Mouse Wheel</kbd> backward.

You can also change the focus point using the mouse. To change the focus point, click anywhere on the scene using the <kbd>Middle Mouse</kbd> button.

Keyboard

<kbd>w</kbd> to rotate the scene down.
<kbd>a</kbd> to rotate the scene clockwise.
<kbd>s</kbd> to rotate the scene up.
<kbd>d</kbd> to rotate the scene counterclockwise.
<kbd>z</kbd> to zoom in to the scene.
<kbd>x</kbd> to zoom out of the scene.
<kbd>⬅</kbd> to move left.
<kbd>➡</kbd> to move right.
<kbd>⬆</kbd> to move up.
<kbd>⬇</kbd> to move down.

<kbd>1</kbd> to show midday.
<kbd>2</kbd> to show midnight.

<kbd>Delete</kbd> to toggle the sound.
<kbd>3</kbd> to toggle fresnel.
<kbd>4</kbd> to toggle rim lighting.
<kbd>5</kbd> to toggle particles.
<kbd>6</kbd> to toggle motion blur.
<kbd>7</kbd> to toggle Kuwahara filtering.
<kbd>8</kbd> to toggle cel shading.
<kbd>9</kbd> to toggle lookup table processing.
<kbd>0</kbd> to toggle between Phong and Blinn-Phong.
<kbd>y</kbd> to toggle SSAO.
<kbd>u</kbd> to toggle outlining.
<kbd>i</kbd> to toggle bloom.
<kbd>o</kbd> to toggle normal mapping.
<kbd>p</kbd> to toggle fog.
<kbd>h</kbd> to toggle depth of field.
<kbd>j</kbd> to toggle posterization.
<kbd>k</kbd> to toggle pixelization.
<kbd>l</kbd> to toggle sharpen.
<kbd>n</kbd> to toggle film grain.
<kbd>m</kbd> to toggle screen space reflection.
<kbd>,</kbd> to toggle screen space refraction.
<kbd>.</kbd> to toggle flow mapping.
<kbd>/</kbd> to toggle the sun animation.
<kbd>\</kbd> to toggle chromatic aberration.

<kbd>r</kbd> to reset the scene.

<kbd>[</kbd> to decrease the fog near distance.
<kbd>Shift</kbd>+<kbd>[</kbd> to increase the fog near distance.
<kbd>]</kbd> to increase the fog far distance.
<kbd>Shift</kbd>+<kbd>]</kbd> to decrease the fog far distance.

<kbd>Shift</kbd>+<kbd>-</kbd> to decrease the amount of foam.
<kbd>-</kbd> to increase the amount of foam.

<kbd>Shift</kbd>+<kbd>=</kbd> to decrease the relative index of refraction.
<kbd>=</kbd> to increase the relative index of refraction.

<kbd>Tab</kbd> to move forward through the framebuffer textures.
<kbd>Shift</kbd>+<kbd>Tab</kbd> to move backward through the framebuffer textures.

Copyright

lettier.com

:arrow_backward: :arrow_double_up: :arrow_up_small: :arrow_down_small: :arrow_forward: