Frictional Game Wiki

<h1>Material Editor</h1> <div class="level1"> <p> The Material Editor helps out in creating new materials to be used in games. It can be run as a standalone app or can be invoked from file inputs in other editors when pressing the '+' button. </p> </div> <h2>Overview</h2> <div class="level2"> <p> When run, the first screen we get to see is like this: </p> <p> <a href="/doku.php?id=hpl3:tools:materialeditoroverview.jpg" class="wikilink2" title="hpl3:tools:materialeditoroverview.jpg" rel="nofollow">materialeditoroverview.jpg</a> </p> <p> Each part of the screen has a specific function, as follows: </p> </div> <h2>Main Menu</h2> <div class="level2"> <p> This is a menu bar, just like in any other windowed application. Available options for this particular editor are as follows: </p> <ul> <li class="level1 node"> <b>File</b><ul> <li class="level3"> <b>New</b>: This command will reset the material to an empty one, and the editor to a default state as well.</li> <li class="level3"> <b>Open</b>: This will load a map file in the editor.</li> <li class="level3"> <b>Save</b>: Use this to save your work to a file in disk. Will ask for a file name when no file has been created.</li> <li class="level3"> <b>Save As</b>: This will also save your work, but will ask for a file name everytime it is called.</li> <li class="level3"> <b>Quit</b>: This will exit the program.</li> </ul> </li> </ul> </div> <h2>General Settings</h2> <div class="level2"> <p> This group contains inputs to control basic properties for the currently edited material. </p> <ul> <li class="level1"> <b>Material Type</b>: This combo box will show the available engine material types. Currently these are "decal", "soliddifuse", "translucent" and "water".</li> <li class="level2"> <b>Depth Test</b>: if the material should be affected by depth test.</li> <li class="level2"> <b>Blend mode</b>: blending mode to be used by the material.</li> <li class="level2"> <b>Physics Material</b>: the physics material that will be associated to this material. For example, if you create a metallic looking material, it should be logical to associate it to a metal physics material (these being defined in the materials.cfg file located in the redist folder)</li> </ul> </div> <h2>UV Animation Settings</h2> <div class="level2"> <p> This group contains controls to add and edit UV texture coordinate animations. Displacements, rotations, etc can be done using these. </p> <ul> <li class="level1"> <b>UV Animation</b>: currently selected animation. Any edition will be done on this particular one.</li> <li class="level2"> <b>Create</b> / <b>Delete</b>buttons: will add a new animation / remove the currently selected one.</li> <li class="level2 node"> <b>Anim Type</b>: animation type for the current animation. Possible values are:<ul> <li class="level3"> <b>Translate</b>: will perform a linear displacement over the texture along the given axis and at the given speed.</li> <li class="level3"> <b>Sin</b>: will add an oscillating movement over the texture along the given axis, with the given amplitude and at the given speed.</li> <li class="level3"> <b>Rotate</b>: will rotate the texture around the selected axis and at the given speed.</li> </ul> </li> <li class="level2"> <b>Axis</b> / <b>Speed</b> / <b>Amplitude</b>: used to set the parameters used for the previously explained setting.</li> </ul> </div> <h2>Texture Units</h2> <div class="level2"> <p> This group is one vital part of the material edition process. All texture data that is going to be used by the material in the engine will be set here. It is divided in two different parts: </p> <ul> <li class="level1 node"> <b>Available Texture Units</b>: here we will see a list of the texture units that this material can use. If you want a material to use a determinate unit, you need to enable it in this list. To do so, just check the box right at the side of it. Each type of material will have its own set of units, that should be a subset of the following:<ul> <li class="level3"> <b>Diffuse</b>: base color data for the material.</li> <li class="level3"> <b>NMap</b>: Normal Map, per-texel surface normal data. When enabled, the surface will get shaded according to the normal info.</li> <li class="level3"> <b>Alpha</b>: this layer will mask any result using the alpha value (0 not visible - 1 fully visible)</li> <li class="level3"> <b>Specular</b>: this unit will mask specular highlights.</li> <li class="level3"> <b>Height</b>: this unit will store a map of height levels across the material. SolidDiffuse requires this unit to be enabled in order for Parallax Mapping to work.</li> <li class="level3"> <b>Illumination</b>: the texture in this unit will be used as a self illumination pattern.</li> <li class="level3"> <b>DissolveAlpha</b>: this unit will be looked up at by the mesh dissolve effect.</li> <li class="level3"> <b>CubeMap</b>: this unit will make the material look as if reflecting an environment given by a cubemap texture.</li> <li class="level3"> <b>CubeMapAlpha</b>: just like Alpha, but this unit will only mask the cubemap reflection.</li> </ul> </li> <li class="level2 node"> <b>Texture Unit Panels</b>: here we will see details for every texture unit that we have enabled from the available units listing. Along with a thumbnail, we will have the following inputs:<ul> <li class="level3"> <b>File</b>: texture file for the unit. Must be in a valid format (jpg, png, bmp…)</li> <li class="level3 node"> <b>Wrap Mode</b>: this will set the texture behaviour when the surface it is applied onto has texture coordinates that exceed the 0.0-1.0 range. Available modes are<ul> <li class="level4"> <b>Repeat</b></li> <li class="level4"> <b>Clamp</b></li> <li class="level4"> <b>ClampToEdge</b></li> <li class="level4"> <b>ClampToBorder</b></li> </ul> </li> <li class="level3"> <b>Use Mip Maps</b>: sets if MipMapping should be enabled for the texture.</li> <li class="level3 node"> <b>Animation Mode</b>: sets if the texture data should be loaded as an animation. A special formatting on file names is required for this to work. Available modes are:<ul> <li class="level4"> <b>None</b>: no animation at all.</li> <li class="level4"> <b>Loop</b>: the animation will show over and over, "rewinding" itself everytime the end is reached.</li> <li class="level4"> <b>Oscillate</b>: the animation will play forward and then backwards when the end is reached.</li> </ul> </li> <li class="level3"> <b>Frame Time</b>: time in seconds that frames will be displayed.</li> </ul> </li> </ul> </div> <h2>Preview Window</h2> <div class="level2"> <p> This window will show a realtime preview of how the material would look ingame. Following there is a description of each control: </p> <ul> <li class="level1"> <b>Viewport</b>: the actual material showcase. It should show a simple model using the material, a background and two lights. The current point of view can be controlled with the mouse. Left mouse button + movement will orbit the camera around the model, scrolling wheel up and down will zoom in and out respectively. Pressing the right mouse button + movement will move one of the lights around.</li> <li class="level2"> <b>Model</b>: this combobox will show a set of preview models that you can select. Currently available there is a Box, a Cylinder, a Sphere and a Plane.</li> <li class="level2"> <b>Rotate Model</b>: when checked, the model will rotate around its own Y axis (upward one).</li> <li class="level2"> <b>Background Type</b>: use this to select a cubemapped background or a flat colored one.</li> <li class="level2"> <b>Cubemap File</b>: background file that will be shown when the cubemap background type is selected.</li> <li class="level2"> <b>Background Color</b>: color that will be shown when the flat background type is selected.</li> <li class="level2"> <b>Fixed Light Color</b>: diffuse color for the non-movable light.</li> <li class="level2"> <b>Movable Light Color</b>: diffuse color for the moveable light.</li> </ul> </div> <h2>Material Specific Variables</h2> <div class="level2"> <p> This group will show controls that are specific to a material type. Descriptions for them should show when moving the mouse over them. </p> </div>