Création d'une application 3D FireMonkey dotée d'effets d'animation
Remonter à Tutoriel : Création d'une application 3D FireMonkey
Ce tutoriel illustre comment créer une application FireMonkey 3D et ajouter une animation à un objet 3D sans écrire une seule ligne de code.
Sommaire
Création d'une application 3D FireMonkey
- Sélectionnez Fichier > Nouveau > Application multi-périphérique - Delphi. Dans l'expert Application multi-périphérique, choisissez Application 3D et appuyez sur le bouton OK.
- Le Concepteur de fiches apparaît, en affichant un FMX.Forms3D.TForm3D.
Ajout de composants
Depuis la palette d'outils, ajoutez les composants FireMonkey 3D suivants (en entrant le nom du composant dans le champ Chercher) :
- Un TCube
- Un TLightMaterialSource
Ajustement des composants
- Dans le Concepteur de fiches FireMonkey, ajustez la position et la taille des composants FireMonkey 3D conformément à vos besoins :
- Pour déplacer un objet, effectuez un simple glisser-déposer.
- Pour faire pivoter un composant 3D, utilisez les trois poignées bleues qui apparaissent quand vous cliquez sur le composant. Chaque poignée fait pivoter le composant dans le plan associé de l'espace (c'est-à-dire, le sommet x, y ou z). Quand vous cliquez sur une poignée, elle devient rouge pour indiquer que c'est la poignée active. Remarque :Vous pouvez aussi utiliser les propriétés RotationAngle dans l'inspecteur d'objets (x, y et z).
- Pour redimensionner un composant, utilisez le contrôle redimensionneur, représenté sous la forme d'un petit cube bleu situé sur un coin du composant. Le redimensionneur travaille dans une dimension à la fois. Il est rouge sur le côté du cube qui est la dimension sélectionnée (active). Remarque : Vous pouvez aussi utiliser les propriétés de l'inspecteur d'objets (pour TCube, les propriétés relatives à la taille sont Depth, Width et Height).
- Pour changer le matériau du cube :
- Pour spécifier la couleur et la texture du matériau, utilisez les propriétés du TLightMaterialSource.
- Dans l'inspecteur d'objets, après avoir sélectionné le TLightMaterialSource :
- Ajustez la propriété Texture en cliquant sur les points de suspension […] >Modifier. L'expert Editeur de bitmaps s'ouvre. Cliquez sur le bouton Charger de l'éditeur de bitmaps pour charger la texture voulue. Après le chargement de la texture, cliquez sur le bouton OK de l'éditeur de bitmaps.
- Ambient, Diffuse, Emissive et Specular peuvent être définies comme dans l'image suivante.
- Pour spécifier la couleur et la texture du matériau, utilisez les propriétés du TLightMaterialSource.
- Pour ajouter l'effet d'animation au cube :
- Dans l'inspecteur d'objets, le TCube ayant la focalisation, cliquez sur le menu déroulant de Depth, puis sélectionnez Créer un nouveau TFloatAnimation.
- Dans l'inspecteur d'objets, le TFloatAnimation ayant la focalisation, modifiez les propriétés suivantes comme décrit dans l'image
- Dans l'inspecteur d'objets, le TCube ayant la focalisation, répétez les instructions ci-dessus pour les propriétés Height et Width.
- Appuyez sur F9 pour compiler, construire et exécuter le projet.
1 | 2 | 3 | 4 |
---|---|---|---|
Voir aussi
- Utilisation des effets d'animation FireMonkey
- Création d'un composant FireMonkey (Delphi)
- Création d'un composant FireMonkey (C++)
- Application 3D multi-périphérique
- FireMonkey 3D
Exemples de code
- Exemple FireMonkey HD Animation
- Exemple FireMonkey 3D Animation
- Exemple FireMonkey First App3D
- Exemple FireMonkey 3D Arrows
- Exemple FireMonkey ViewPort3D TLightTexture3D
- Exemple FireMonkey Planets
- Exemple FireMonkey Cameras Textures 3D