© 2023 Créé blog.championxperience.comchampionxperience.com
Mouvements humains contrôlés par clavier dans 3DEXCITE
Dans l' 3DEXCITE Creative Experience , vous pouvez faire déplacer un personnage humain le long d'une trajectoire prédéfinie en appuyant sur une touche du clavier. Pour ce faire, commencez par configurer le comportement de mouvement, puis créez un script d'événement et enfin, configurez un scénario dans Storytelling. Ce guide vous accompagnera pas à pas dans l'activation du contrôle des déplacements humains au clavier dans 3DEXCITE, vous permettant ainsi de contrôler précisément les mouvements de votre personnage.
Passons en revue le processus étape par étape !
Étape 1 :Importer le modèle humain
Avant toute chose, nous devons introduire un personnage humain dans la scène.
- Ouvrez votre scène dans Creative Experience.
- Ensuite, cliquez sur Importer et sélectionnez un modèle humain parmi les ressources disponibles.
- Une fois le modèle importé, vous devez ensuite positionner le personnage humain à l'endroit où vous souhaitez qu'il commence.
Étape 2 : Ajouter un comportement de mouvement
Maintenant que le modèle humain est en place, nous pouvons nous concentrer sur l'ajout du comportement de mouvement.
- Tout d'abord, sélectionnez le sujet humain dans la scène.
- Ensuite, allez dans l' Propriétés .
- Ensuite, cliquez sur Ajouter une bibliothèque et choisissez Comportement de mouvement humain.
- Attribuez ce comportement au modèle humain.
De ce fait, l'humain pourra se déplacer le long d'un chemin en réponse à l'événement programmé.
Étape 3 : Créer un chemin pour l'humain
Avant de passer à la scénarisation du mouvement, définissons d'abord le chemin que suivra l'humain.
- Tout d'abord, rendez-vous dans l' Essentiels .
- Ensuite, cliquez sur « Tracé » et commencez à dessiner votre tracé dans la scène.
- Si nécessaire, ajustez la forme du tracé pour assurer un mouvement fluide.
- Enfin, enregistrez le chemin et assurez-vous qu'il est correctement connecté à la scène.
Ce chemin servira de guide de déplacement lorsque le script sera déclenché.
Techniques JavaScript pour la saisie au clavier dans 3DEXCITE
Étape 4 : Créer un acteur scénarisé
À ce stade, nous devons configurer un acteur scripté pour gérer les entrées clavier et déclencher les mouvements du personnage humain.
- Commencez par sélectionner Créer un acteur scripté dans les logiques .
- Copiez et collez le code JavaScript suivant dans l'éditeur de script :
var TriggerEventClass = function () {
EP.Event.apply(this, arguments);
};
TriggerEventClass.prototype = Object.create(EP.Event.prototype);
TriggerEventClass.prototype.constructor = TriggerEventClass;
TriggerEventClass.prototype.type = 'TriggerEventType';
if (!STU.TriggerEvent) {
STU.TriggerEvent = TriggerEventClass;
}
if (!EP.EventServices.getEventByType(TriggerEventClass.prototype.type)) {
EP.EventServices.registerEvent(TriggerEventClass);
}
beScript.onStart = function () {
// Code à exécuter au démarrage du script.
};
beScript.onStop = function () {
// Code à exécuter lorsque l'expérience s'arrête.
};
beScript.execute = function (context) {
// Exécuté à chaque image.
// 'context.deltaTime' fournit le temps écoulé depuis la dernière image.
};
beScript.onAllKeyboardRelease = function (iEvent) {
// Décommentez la ligne suivante pour déboguer les relâchements de touches.
// console.log(iEvent.key);
if (iEvent.key === this.KeyCode) {
let newEvent = new STU.TriggerEvent();
this.actor.dispatchEvent(newEvent);
}
};
Étape 5 : Comprendre le code JavaScript
Analysons ensemble ce que fait ce script et comment il fonctionne dans Creative Experience.
1️⃣ Création d'un événement personnalisé
var TriggerEventClass = function () {
EP.Event.apply(this, arguments);
};
Ceci définit une classe d'événement personnalisée appelée TriggerEventClass. Elle étend la EP.Event , ce qui la rend reconnaissable comme un événement dans Creative Experience.
2️⃣ Mise en place du prototype d'événement
TriggerEventClass.prototype = Object.create(EP.Event.prototype);
TriggerEventClass.prototype.constructor = TriggerEventClass;
TriggerEventClass.prototype.type = 'TriggerEventType';
Ici, nous créons un prototype d'objet basé sur EP.Event et définissons un type d'événement personnalisé, TriggerEventType.
3️⃣ Enregistrement de l'événement personnalisé
Ces fonctions définissent le cycle de vie du script :
onStart: S'exécute au démarrage du script.onStop: S'exécute lorsque l'expérience s'arrête.exécuter: S'exécute à chaque image (utile pour les actions continues).
5️⃣ Gestion des entrées clavier
Cette fonction est déclenchée à chaque relâchement d'une touche. Elle vérifie si la touche relâchée correspond à notre KeyCode. Si c'est le cas, elle crée une nouvelle instance de l'événement personnalisé (STU.TriggerEvent) et la transmet à l'acteur.
Étape 6 : Configurer le capteur
Ensuite, pour détecter l'événement de pression sur la touche, nous devons configurer un capteur.
- Tout d'abord, allez dans l'onglet Capteurs et créez un nouveau capteur.
- Ensuite, définissez le type sur
ÉVÉNEMENT. - Ensuite, définissez l' ID sur
TriggerEventType. - Définissez l' alias sur
Exécuté. - Cliquez sur l' icône Lecture pour activer le capteur.
Définir une propriété KeyCode
Autrement dit, pour préciser quelle touche déclenche le mouvement :
- Dans l' onglet Propriétés, cliquez sur Ajouter une nouvelle propriété.
- Définir le nom sur
KeyCode. - Définir le type sur
Entier. - Définissez la valeur sur 73 (ce qui correspond à la touche « I » dans le guide de l’API JavaScript).
Étape 7 : Créer un scénario narratif
Après avoir configuré le capteur, nous définissons maintenant comment l'humain réagit à l'événement.
- Cliquez sur « Créer un scénario » sous l' « Narration » .
- Ajoutez un nouveau bloc « À chaque exécution de l'acteur de script »
- Définissez l'action sur Activation humaine.
- Ensuite, ajoutez un autre bloc pour le chemin de suivi humain.
- Reliez-les entre eux afin que, lorsque l'événement se produit, l'humain s'active et suive le chemin.
Étape 8 : Lancer l’expérience
Tout est prêt ! Maintenant, testons-le :
- Cliquez sur « Jouer » pour lancer la simulation.
- Appuyez touche I de votre clavier.
- Ensuite, l'humain devrait commencer à suivre le chemin.
Conclusion
Dans ce tutoriel, nous avons détaillé le processus suivant :
- Importer un modèle humain dans la scène.
- Ajout d'un comportement de mouvement pour permettre le déplacement.
- Créer un chemin que l'humain puisse suivre.
- Écrire un script JavaScript pour détecter les entrées clavier.
- Configurer un capteur pour déclencher un événement.
- Enfin, utiliser la narration pour faire réagir l'utilisateur lorsqu'il appuie sur la touche « Je ».
De plus, cette méthode peut être étendue pour créer des interactions plus complexes, comme le déclenchement d'animations, le contrôle de plusieurs personnages ou l'intégration d'événements supplémentaires.
Enfin, dans le prochain article de blog, nous explorerons l'automatisation des postures et des gestes à l'aide de JavaScript.
Représentant(e) en développement des ventes chez ChampionXperience
Hanen Bdioui est rédactrice en chef chez ChampionXperience, où elle supervise le contenu relatif à la CAO, la VR et les technologies émergentes de l'ingénierie. Elle travaille chez Dassault Systèmes en tant que créatrice de contenu et ingénieure d'application SOLIDWORKS , et contribue également comme rédactrice technique pour Engineering.com et EngineeRules, traitant de sujets liés à la CAO, au PLM et à la simulation. Hanen crée par ailleurs du contenu spécialisé pour 3DEXCITE, la plateforme 3DEXPERIENCE et Onshape, afin d'accompagner les ingénieurs et les entreprises dans l'adoption de flux de travail numériques modernes.
Derniers articles de Hanen Bdioui (voir tous)
Dans notre précédent article de blog, nous avons exploré comment faire suivre un chemin prédéfini à un humain à l'aide de JavaScript. Si vous l'avez manqué, consultez-le !