Lorsqu'il s'agit d'utiliser JavaScript avec la technologie de prochaine génération, le mouvement Leap est l'un de mes appareils préférés avec lesquels travailler. Avec le mouvement Leap, JavaScript n'est pas une pensée après. Ce n'est pas un module tiers piraté ensemble par des passionnés - il est développé avec soin et considération par l'équipe Leap Motion à chaque nouvelle version de l'API. Leur dernière version de V2.1, actuellement en version bêta, est sacrément excitante. Dans cet article, je donnerai un aperçu des nouvelles capacités disponibles pour les développeurs JavaScript.
L'API fournit des données supplémentaires pour chaque main globale. Les données de la main sont disponibles dans Frame.Hands tout comme dans l'API précédente, mais dans les mises à jour, nous obtenons une merveilleuse collection de nouvelles données qui faciliteront la vie pour les développeurs de mouvement Leap.
L'une de mes inclusions préférées dans la nouvelle API est la capacité de savoir à quel point le mouvement Leap est certain de ses données. hand.confidence fournit une valeur de 0 à 1, ce qui vous permet de savoir à quel point ce qu'il constate correspond au modèle d'une main qu'il comprend. De faibles valeurs pourraient signifier qu'il n'est pas certain des données globales de la main ou cela pourrait signifier qu'il est incertain des positions des doigts / osseuses. Cela vous permet de vérifier à quel point le mouvement Leap est sûr avant de prendre une action. Je serais ravi de voir cela conduire à des interactions beaucoup plus lisses et, espérons-le, encourager les utilisateurs à être très clairs dans leurs gestes.
Hand.Type stimule si le mouvement Leap pense qu'il voit une main gauche ou une main droite. Si votre main est dans un poing, alors ça va lutter un peu avec cette distinction.
hand.pinchStrength est une merveilleuse nouvelle propriété qui donne une valeur de 0 à 1, ce qui représente à quel point le pouce et le doigt sont proches les uns des autres. Cela pourrait ouvrir des possibilités intéressantes pour les gestes et le contrôle des applications en tant que pincement est un geste humain agréable et naturel.
hand.grabStrength renvoie une valeur de 0 à 1 comme le fait la résistance à la pincée, mais il représente si votre main est ouverte à plat ou fermée en poing. Les possibilités ici sont tout aussi excitantes - obligez vos utilisateurs à serrer une balle de stress virtuelle ou à saisir et à jeter quelque chose dans une pièce virtuelle.
Dans les nouvelles modifications de l'API squelettique, chaque main a toujours cinq doigts et vous pouvez obtenir un tout nouvel ensemble de données pour chaque doigt que le mouvement de saut peut voir.
Vous pouvez lire dans quel type de doigt chaque bit de données représente en utilisant Finger.Type. Cet objet sera une valeur de zéro à quatre:
Chaque fois que le mouvement LEAP se lit dans les données de la main, il le lit avec les cinq doigts.
Si certains doigts ne pointent pas au-dessus du mouvement de saut, l'appareil les enregistre comme non étendues à l'aide de doigt.extended = false.
Je ne connais pas bien la structure osseuse de la main, j'ai donc eu la chance d'apprendre quelque chose de nouveau ici. Mon médecin serait fier de mes connaissances élargies. En espérant que le Metacarpus entre dans une conversation occasionnelle un jour.
Le mouvement de LEAP fournit des données sur les quatre os dans chaque doigt, ordonnés du poignet à la pointe de chaque doigt: métacarpien, phalanges proximales, phalanges intermédiaires et phalanges distales. Cela n'a aucun sens pour la majeure partie de la société, alors voici un joli diagramme que j'ai trouvé sur Wikipedia Commons:
Il va plus en détail avec chaque os (je les ai arrangés du poignet à la pointe du doigt):
Il a également des objets pour chaque osse de doigt avec plus de détails - Finger.Metacarpal, doigt.proximal, doigt.intermediate et doigt.distal. Chacun d'eux est représenté dans l'API de mouvement Leap comme un os avec les détails suivants:
Bone.Type - Une valeur de 0 à 4 représentant le type d'os:
0 - Metacarpal
4 - L'avant-bras
Bone.Basis - fournit un réseau en deux dimensions qui représente le vecteur de l'os. Vous pouvez faire des mathématiques assez folles avec cela pour détecter des positions particulières. Je devrai m'intégrer dans une pratique des mathématiques avant d'essayer d'utiliser ces valeurs, mais c'est génial que le potentiel est là!
Fondamentalement, c'est une bonne quantité de données là-bas.
J'ai lancé une démo rapide pour montrer à quel point les données de coordonnées diffusent via cette API. La démo suivante montre les coordonnées pour chacun des doigts.Carposition, Finger.McPosition, Finger.Pipposition et Finger.Dipposition, ainsi que des données de base qui sont récupérées pour la main et les doigts. Ce n'est aussi qu'une petite fraction des données disponibles!
La démo ressemble un peu à ceci:
Vous pouvez l'essayer en action avec votre mouvement de saut ici.
Il y a plus à l'API de mouvement V2 Leap que ces fonctionnalités, il a également pris en charge les casques VR comme l'Oculus VR et donne également accès aux données d'image réelles du mouvement LEAP. Malheureusement, ces fonctionnalités ne sont pas encore disponibles dans l'API JavaScript, mais j'espère que nous les verrons bientôt avant que l'API ne quitte Beta!
Si vous cherchez plus de détails sur le début de ces API, le meilleur endroit où aller est le site de développeur de mouvement Leap:
LEAP Le mouvement est un dispositif matériel qui capture le mouvement de la main humaine dans l'espace 3D. Il fonctionne avec JavaScript via la bibliothèque LEAPJS, qui fournit une API simple et intuitive pour accéder aux données de mouvement Leap. Cela permet aux développeurs de créer des applications interactives qui peuvent suivre et répondre aux mouvements de la main. La bibliothèque LEAPJS fournit des méthodes de suivi de la position, de la vitesse et de l'orientation des mains, des doigts et des outils, ainsi que pour détecter les gestes tels que les balayages, les cercles et les robinets.
Pour utiliser le mouvement Leap avec JavaScript, vous avez besoin d'un ordinateur avec un port USB 2.0, exécutant Windows 7 ou plus tard, Mac OS X 10.7 ou version ultérieure, ou Linux. Vous avez également besoin du logiciel Leap Motion, qui comprend la bibliothèque LeapJS. Le logiciel peut être téléchargé à partir du site Web de Leap Motion. De plus, vous avez besoin d'un navigateur Web qui prend en charge WebGL, tels que Chrome, Firefox ou Safari.
Configurez le mouvement LEAP pour une utilisation avec JavaScript, téléchargez d'abord et installez le logiciel Leap Motion à partir du site Web Leap Motion. Ensuite, connectez le contrôleur de mouvement LEAP à votre ordinateur avec un câble USB. Le logiciel Leap Motion détectera automatiquement le contrôleur et commencera le suivi. Pour utiliser Leap Motion avec JavaScript, incluez la bibliothèque LEAPJS dans votre fichier HTML avec une balise de script.
Dans quelle mesure le suivi squelettique est-il précis fournis par Leap Motion et JavaScript?
Oui, le mouvement LEAP fournit des SDK pour plusieurs langages de programmation, y compris C, C #, Java, Python et JavaScript. Cela en fait un outil polyvalent pour les développeurs, ce qui leur permet de choisir la langue qui convient le mieux à leurs besoins et compétences.
Alors que le mouvement de saut et JavaScript fournit un outil puissant pour développer des applications interactives, il y a certaines limites à connaître. Le contrôleur de mouvement LEAP nécessite une ligne de vue claire aux mains et peut être affectée par une lumière vive ou des surfaces réfléchissantes. De plus, bien que la bibliothèque LEAPJS fournit une API simple et intuitive, elle peut ne pas offrir le même niveau de contrôle et de flexibilité que les SDK pour les autres langues.
Si vous rencontrez des problèmes avec le mouvement Leap et JavaScript, vous pouvez prendre plusieurs étapes. Tout d'abord, assurez-vous que le contrôleur de mouvement LEAP est connecté et que le logiciel de mouvement LEAP est en cours d'exécution. Si le contrôleur n'est pas détecté, essayez de le débrancher et de le remuer. Si vous rencontrez des problèmes avec la bibliothèque LeapJS, assurez-vous d'utiliser un navigateur Web compatible et de vérifier la console JavaScript pour les erreurs.
Actuellement, Leap Motion ne prend pas en charge les appareils mobiles. Le contrôleur de mouvement LEAP nécessite une connexion USB, qui n'est généralement pas disponible sur les appareils mobiles. Cependant, le mouvement Leap se développe et améliore continuellement sa technologie, ce qui peut changer à l'avenir.
Il y en a beaucoup Ressources disponibles en ligne pour apprendre à utiliser Leap Motion avec JavaScript. Le site Web de Leap Motion fournit une mine d'informations, notamment un guide de développeur, une documentation API et un forum communautaire. De plus, il existe de nombreux tutoriels et exemples disponibles sur des sites comme Github et Stack Overflow.
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
