Tutorial: DiscoFloor

Description

Abstract
This tutorial learns how to create a cool looking discofloor.

Level
Beginner

Assets

The following files are used in this tutorial:

[Pilgrim program folder]/Media/Tutorial Assets/:
- tex_gradient.bmp
- mesh_plane.3ds
- tex_tiles.bmp

Tutorial Steps

Setting up the 3D scene

Start by opening a new project:
Choose File -> New. In the dialog that appears, go to the Project tabpage, select the Project icon and press OK.

Save the project under the name “Tut_Discofloor.ppr” (File -> Save Project As). During the tutorial, make sure you save your work frequently (using File -> Save Project).

Open a new 3D Layer: File -> New -> Layer tabpage. Select the 3D Layer and press OK. It appears on the layer manager with a default name like 3D#0.

Go into edit mode

Move the camera to a useful place. Select Cam_0 in the Scene Navigator and change the position to: 0, 0, -800. You can fill in these numbers in the bottom of the Scene Navigator.

Now import the 3D model
Click Yes and import mesh_plane.3ds, click OK again to finish the importing process

When you import a 3D object it can be important to center the pivot point. Do this by selecting Mod_0 in the Scene Navigator and click 'Set Centre at Avarage' in the model tab (left of the screen). Move the plane in front of the camera. First select the Mod_0 in your Scene Navigator and change the position to: 0, 0, 0. Then rotate it: -25, 0, 0. You can also do this in the bottom of the Scene Navigator by clicking the Rotate-tab.

Make the plane a bit bigger so its fullscreen in front of the camera. Select Mod_0 and scale it to: 401, 0, 432 (also found in the Scene Navigator)

Now lets make a good shader for it. Doubleclick on your 3D layer 3D#0 and open the tab 'Shaders' in the left of the screen (if it isnt open yet). Click on 'Default' to open the folder then Click on '[1][1]Default DX8PV'. Thats our shader! Change the 'Object Texture' to ProcTex3 and 'Emissive Color' to black (0, 0, 0).


Making a cool animated texture

Open the filemanager by clicking on the folder image (bottem left corner of the screen).

Go to: [Pilgrim program folder]/Media/Tutorial Assets/ and click on the tex_gradient.bmp file. Drag it to the layer manager to any row other than the 3D scene (for example: 4).

Double click on the row's name (4) and change the name to 'Tex' by typing it next to 'Caption:' in the left of your screen.

Now lets check if it works. Activate both and you'll get the following results:

Ok, so you're thinking: why use the 3Dlayer? Well, it's time to give the 3D layer an effect.

Go to the Layer Effect Editor for 3D#0. Double click on 3D#0 and click on the first effect slot

In the Layer Effect Editor add a Transform effect. To do so, open the Basic map on your left and click Transform. Drag it to the left of the screen and connect it with the 'Layer Pre' and the 'Layer Post'.

Now lets give the texture some animation.
Open the 'Behaviour Tool' in the 'View'-tab (shortcut: ALT-4).
Click on the ´Trans X´ parameter of your Transform effect (its in your Layer Effect Editor).
Go back to the 'Behaviour Tool' and click 'New based on..>', choose 'Loop', change the Speed to 0.5 and then click on the 'Add' button. Now the texture will move from left to the right.

Close the 'Layer Effect Editor'


Making the block effect

Select your 3D#0 scene with a double click.

Change the resolution to: 8x8. Change the 'Sampling' (under the tab 'Basic Appearance') to: '0: Sharp'

Now it starts to look like a disco floor. Add a Transform effect again to the 3D#0 layer to center the blocks so it fits the screen better. (click on an effect slot to open the Layer Effect Editor and drag a Transform effect).


Adding a mask

Open the filemanager by clicking on the folder image (bottem left corner of the screen).

Go to: [Pilgrim program folder]/Media/Tutorial Assets/ and click on the mask_tiles.bmp file. Drag it to the layer manager to any row other than the 3D scene or the texture (for example: 6).

Double click on the row's name (4) and change the name to 'Mask' by typing it next to 'Caption:' in the left of your screen.

Also change the 'Blending Mode:' of the row to '2: Multiply' so it will function as a mask (using only the dark parts of a picture).

Activate all layers to see the final product!


Options

Try changing the movement or colors

Try importing video as a texture!

Try adding another extra (8x8 blocks) mask layer. Really cool effect!


Your comments

This tutorial was written by Emiel Ament. For feedback mail to: emielament@hotmail.com
Comments on the Pilgrim Help Documentation are greatly appreciated. Please send your feedback to helpdocs@pilgrim-visuals.com.