Maison >interface Web >Tutoriel H5 >10 articles recommandés sur la somatosensorielle
1. Introduction Quel genre de jeu allons-nous faire ? Lors du salon Chengdu TGC2016 il n'y a pas si longtemps, nous avons développé un jeu somatosensoriel pour "Naruto Mobile", qui simule principalement le chapitre du jeu mobile "Nine-Tails Attack". L'utilisateur devient la quatrième génération et rivalise avec les Nine-Tails, attirant un un grand nombre de joueurs y participent. En apparence, ce jeu n'est pas différent des autres expériences somatosensorielles. En fait, il fonctionne sous le navigateur Chrome. En d'autres termes, il suffit de maîtriser la technologie frontale correspondante pour développer un jeu somatosensoriel basé sur le Web. Kinect. 2. Quels sont le principe et l’idée de mise en œuvre ? En utilisant H5 pour développer des jeux somatosensoriels basés sur Kinect, le principe de fonctionnement est en fait très simple. Kinect collecte des données sur les joueurs et sur l'environnement, telles que le squelette humain, et utilise une certaine méthode pour permettre au navigateur d'accéder à ces données. 1. Collectez des données. Kinect dispose de trois objectifs. L'objectif central est similaire à un appareil photo ordinaire et acquiert des images en couleur. Les lentilles gauche et droite obtiennent des données de profondeur grâce aux rayons infrarouges. Nous utilisons le SDK fourni par Microsoft pour lire les types de données suivants : Données de couleur : images couleur ; Données de profondeur : informations d'essai de couleur ; Données de squelette humain : sur la base des calculs ci-dessus, nous obtenons des données de squelette humain. 2
1. Exemple détaillé de développement d'un jeu somatosensoriel Kinect en utilisant HTML5
Introduction : Utilisez H5 pour développer des jeux somatosensoriels basés sur Kinect. Le principe de fonctionnement est en fait très simple. Kinect collecte des données sur les joueurs et sur l'environnement, telles que les os humains, et utilise une certaine méthode pour permettre au navigateur d'accéder à ces données.
2. Code d'implémentation du bouton élastique CSS3 tridimensionnel 3D
Introduction : Il s'agit d'une autre excellente animation de bouton CSS3 pur. Ce bouton CSS3 se caractérise par un effet visuel tridimensionnel 3D, et le bouton est élastique et texturé lorsque vous cliquez dessus. Surtout sur l'arrière-plan, les boutons apparaissent plus clairement et l'effet tridimensionnel devient plus fort. Une autre caractéristique de ce bouton est qu'il utilise CSS3 pour obtenir des effets d'animation, et le principe est simple. Il utilise simplement CSS3 pour restituer la case à cocher. Code HTML de téléchargement du code source de la démo en ligne : Articles Liés
Voir plus