The testing UI in Shazzam is a popular feature. I get a lot of email commenting on how nice it is to see the shader effects applied in real time.
The top half of the Shazzam screen is where you find all the sample test items. This includes six sample images.
Figure 1: Sample image tabs.
You can add your own image in the Custom Image tab via the File menu.
Figure 2: File menu.
Figure 3: Your custom image.
Trying out the effect
Once you have your HLSL code ready you apply the affect by pressing the F7 key. The shader is applied to all eight samples. Here you can see the WaveWarper effect applied to the custom image.
Figure 4: WaveWarper effect applied.
What’s new in version 1.2?
There are two new tabs added to the tab section in v1.2. The first is a sample UI consisted of a few buttons and a listbox. The second is a media tab, which plays a sample video. You can add your own video via the File menu. Yes, that’s right. You can play an video and apply a shader while it is running.
Figure 5: UI sample tab.
Figure 6: Sample video tab.
Figure 7: Sample video with WaveWarper effect applied.
[...] Sample UI and Media tabs [...]