Partager via


Exemples de contrôle de maillage

Vue d’ensemble

Le package Exemples de contrôle fournit des contrôles d’interface utilisateur créés à l’aide du Kit de ressources Mesh que vous pouvez importer dans vos projets. Nous les utilisons largement dans nos tutoriels Mesh 101 et Mesh 201 .

Capture d’écran de plusieurs exemples de contrôle dans le tutoriel Mesh 101.

Les exemples de contrôle étant toujours en cours de développement, nous les appelons « exemples » pour indiquer qu’ils évoluent et qu’ils sont susceptibles de changer au fil du temps. Vous trouverez plus d’informations sur les exemples de contrôles dans la section Exemples de contrôle en détail plus loin dans cette page, mais voici un aperçu rapide de la façon dont nous les utilisons dans nos tutoriels.

BackplateBase

Étant donné qu’une plaque arrière est un objet de prise en charge utile pour tout affichage de texte d’information, nous utilisons le préfabriqué BackplateBase dans un certain nombre d’endroits.

Capture d’écran des nombreuses instances du préfabriqué BackplateBase dans le tutoriel Mesh 101.

Un exemple : dans le tutoriel Mesh 101, BackplateBase est un objet enfant de ChapterLabel , qui est l’affichage du texte d’information pour la première station , 3.1 : Lecture vidéo.

Capture d’écran d’un instance BackplateBase dans le tutoriel Mesh 101.

ButtonBase

Dans le tutoriel Mesh 101, le préfabriqué ButtonBase est utilisé pour créer le bouton Lecture de l’écran vidéo dans la station de lecture vidéo 3.1 : . Notez que le préfabriqué a été renommé ici « PlayVideoButton ».

Capture d’écran d’un instance ButtonBase dans le tutoriel Mesh 101.

Environnement

Dans le tutoriel Mesh 201, le préfabriqué Terre est utilisé pour Station 4 : Charger une URL à partir d’une ressource 3D.

Capture d’écran d’un préfabriqué terre instance dans le tutoriel Mesh 101.

InformationButton

Dans le tutoriel Mesh 101, le préfabriqué InformationButton est utilisé pour la station de déclencheur de boîte de dialogue 3.2 : Informations . Notez que le préfabriqué a été légèrement renommé ici en « Information_Button ».

Capture d’écran d’un instance InformationButton dans le tutoriel Mesh 101.

Prise en main

Le package Exemples de contrôle est inclus lorsque vous téléchargez les exemples Mesh à partir de GitHub.

Capture d’écran du package d’exemples de contrôle dans Explorateur de fichiers.

Pour ajouter le package Exemples de contrôle à votre projet :

  1. Dans votre projet Unity dans la barre de menus, sélectionnezGestionnaire de packagede fenêtre>.
  2. Cliquez sur la liste déroulante « + », puis sélectionnez Ajouter un package à partir du disque ....

Capture d’écran du menu Du Gestionnaire de package avec l’élément Ajouter un package à partir du disque mis en évidence.

  1. Dans la fenêtre Sélectionner un package sur le disque , accédez au dossier nommé com.microsoft.mesh.toolkit.control.samples , puis double-cliquez sur le fichier package.json .

Capture d’écran du fichier package.json dans Explorateur de fichiers.

  1. Le package d’exemples de contrôle s’affiche dans le Gestionnaire de package marqué comme « Local » ...

Capture d’écran du package d’exemples de contrôle dans le Gestionnaire de package.

... et se trouvent dans le dossier Packages de projet>.

Capture d’écran du package d’exemples de contrôle dans le dossier Packages.

Exemples de contrôle en détail

Les préfabriqués d’exemples de contrôle se trouvent dans les sous-dossiers du dossier Runtime .

Duree>Buttonbase

  • BackplateBase : utilisez ce préfabriqué pour placer tous vos contrôles sur une plaque arrière avec des coins arrondis et une surface irisée.

Capture d’écran du préfabriqué BackplateBase dans la scène.

  • ButtonBase : préfabriqué de base pour toutes les variantes de bouton. Le bouton anime, génère des commentaires audio en cas d’appui et contient une étiquette. Utilisez Visual Scripting pour configurer des événements qui se déclenchent lorsqu’un avatar clique sur le bouton.

Capture d’écran du préfabriqué ButtonBase dans la scène.

Duree>Globe

  • Terre : globe terrestre qui tourne et peut être sélectionné. Lorsqu’il est sélectionné, le globe génère une position de latitude et de longitude et ajoute un marqueur. Cette fonctionnalité peut être étendue et modifiée avec Visual Scripting. Toutes les actions sont partagées par tous les clients par défaut.

Capture d’écran du préfabriqué terrestre dans la scène.

Duree>InformationButton

  • InformationButton : bouton de pièce d’espace monde flottant. Le bouton permet la détection de proximité via le Avatar Trigger comportement. Lorsqu’un avatar est à une certaine distance du bouton, la pièce cesse de tourner et est affiché à la place. L’avatar peut cliquer sur la pièce. Si l’avatar est hors de portée, il ne peut plus cliquer sur le bouton et le bouton revient à tourner. Le comportement interagissant du bouton est piloté par son composant Mesh Interactable Setup et le script InformationButton .

Capture d’écran du préfabriqué InformationButton dans la scène.

Étapes suivantes