Maison >interface Web >tutoriel HTML >10 articles recommandés sur la première personne en HTML
Description de la fonction : les touches de direction gauche et droite contrôlent la direction du joueur, et les touches de direction haut et bas contrôlent le mouvement avant et arrière du joueur. Aperçu de l'effet : Principe de mise en œuvre : Dans l'aperçu de l'effet ci-dessus, vous pouvez voir que le côté droit est une carte plate 2D, tandis que le côté gauche est une vue 3D à la première personne. La relation entre les deux images est essentiellement très étroite. la réalisation de la 3D Le processus visuel est le processus de conversion de la carte en vision à la première personne basée sur la carte 2D. La réalisation des effets 3D est uniquement limitée aux plans (ce qui signifie qu'il n'y a pas d'effet tridimensionnel vu de côté). Dans cet effet 3D limité, nous utilisons chaque objet comme une unité pour obtenir la 3D grâce à la différence visuelle entre les différents plans des objets. . Dans cet effet, afin de donner à l'objet un effet tridimensionnel lorsqu'il est vu sous différents angles, nous avons changé l'unité d'un plan à une ligne. Tout d'abord, nous créons quelque chose appelé plan visuel, qui ressemble à un miroir et projette l'objet physique sur un plan. Tout d'abord, initialisons la taille du plan : screenSize:[320,240],//Après la taille de l'écran visuel, nous pouvons utiliser 1 pixel comme Unité, tant que vous connaissez la hauteur de chaque pixel de l'objet affiché sur le plan visuel, vous pouvez dessiner l'objet en vue à la première personne
1 Détails. le cas de code pour implémenter le labyrinthe 3D en HTML5
Introduction : Dans l'aperçu de l'effet ci-dessus, vous pouvez voyez que le côté droit est une carte plate 2D et celui de gauche est une vue 3D à la première personne. La relation entre les deux images est essentiellement le processus de réalisation de la vision 3D. mapper en vision à la première personne basée sur la carte 2D.
2. Partage de code pour un jeu de tir à la première personne HTML5
Introduction : Dans le jeu, tout en évitant les attaques ennemies, vous devez récupérer trois clés différentes, ouvrir les portes correspondantes, et enfin atteindre la destination. Le jeu est également basé sur le framework de jeu HTML5 auto-développé cnGameJS. Il est recommandé d'utiliser le navigateur Chrome pour visualiser. Aperçu de l'effet :
3. J'ai récemment lu un livre qui mentionnait souvent le code client
Introduction : J'ai récemment lu un livre qui mentionnait souvent le code client. Comment comprendre le sens de ce terme ? J'ai récemment lu un livre Le livre est très bon et le terme code client entier est souvent mentionné. Il semble que la première personne écrive du code côté serveur. Je crois comprendre que, par exemple, le code de base de l'ensemble du framework est du code côté serveur, et les différents contrôleurs auxquels les utilisateurs accèdent lorsqu'ils naviguent directement sont des codes côté client. Je ne sais pas si cette compréhension est correcte.
4. Jeu de tir à la première personne écrit en compétences javascript_javascript
Introduction : Chapitre 1 écrit en javascript One- jeu de tir en personne
[Recommandations de questions et réponses associées] :
javascript - Lorsque js gère les événements du clavier, la réponse de la souris est retardée ?
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!