User:AlexandraSM Creating the User Interface (FireMonkey 3D Tutorial)

From RAD Studio
Jump to: navigation, search

Go Up to Tutorial: Creating a FireMonkey 3D Application


Creating a FireMonkey 3D Application

  1. Select File > New > FireMonkey Desktop Application - Delphi > In FireMonkey Desktop Application wizard choose 3D FireMonkey Application and press the OK button.
  2. The FireMonkey Form Designer appears, displaying a FMX.Forms.TForm3D.

Adding and Adjusting Components

  1. From the Tool Palette, add the following FireMonkey 3D components (by entering the component name in the Search field and pressing Return):
    3D Form.png
  2. In the FireMonkey Form Designer, adjust the position and size of the FireMonkey 3D components to suit your needs:
    • To move an object, simply drag and drop.
    • To rotate a 3D component, use the three blue handles that appear when you click the component. Each handle rotates the component in the associated plane in space (that is, the x, y, or z vertex). When you click a handle, it becomes red to indicate that it is the active handle. Note: You can also use the RotationAngle properties in the Object Inspector (x, y, and z)
    • To resize a component, use the resizer control, which is a small blue cube located on one corner of the component. The resizer works in one dimension at a time; the resizer is red on the side of the cube that is the selected (active) dimension. Note: You can also use the properties in the Object Inspector (for TCube, the size-related properties are Depth, Width, and Height).
  3. To change the material of the two cubs to the followings:
    1. Add a TTextureMaterialSource to the form.
    2. Add a TLightMaterialSource to the form
  4. This is the result at designs time
    3D Components Design time.png
  5. At this point, you can click F9 to compile, build, and run your first FireMonkey 3D application.
    3D Components Run time.png

Next

See Also