Catégories
Astuces et Design

Influences et tendances des jeux HTML5

Les jeux basés sur le Web ont beaucoup évolué depuis les premiers jours de Flash et sa substitution ultérieure par HTML5, canvas et l'API WebGL pour éviter les plugins tiers. Nous avons maintenant d'innombrables cadres, outils, moteurs de jeu et bibliothèques à notre disposition pour créer des jeux 3D et 2D.

Three.js, Pixi.js, Babylon.js, Phaser, PhysicsJS, Playcanvas et A-Frame nous aident à gérer les moteurs à particules, la physique, les tilemaps, VR, AR, etc., il est même possible de créer des jeux basés sur la vision par ordinateur avec reconnaissance faciale, gestuelle ou vocale. Jetez un œil aux expériences Google AI pour voir certains jeux WebGL utilisant l'apprentissage automatique.

Les jeux WebGL se sont améliorés à une qualité impressionnante, dans Canvas, les graphismes sont accélérés matériellement par le GPU. Les jeux basés sur le Web offrent de nombreuses possibilités et avantages, comme la liberté de travailler directement dans le navigateur sans installation. Les jeux WebGL peuvent s'exécuter sur de nombreuses plates-formes et résolutions d'écran différentes dans la même version, et peuvent également être multijoueurs, en utilisant des WebSockets et des places de marché (app stores) indépendants d'iOS ou d'Android

Inspiration pour les jeux rétro

Il y a actuellement un esprit révisionniste, qui prend un grand plaisir à reproduire l'âge d'or des jeux vidéo d'arcade. Les premiers jeux d'arcade comme Astéroïdes, Attaque d'armure, ont été créés avec des graphiques vectoriels à afficher sur un moniteur vectoriel, ils étaient basés sur des calculs mathématiques, au lieu de graphiques raster. Ces jeux d'arcade vectoriels ont été distribués surtout dans les armoires d'arcade et, dans une moindre mesure, dans les systèmes domestiques comme Vectrex.

Les graphiques vectoriels ne pouvaient pas rivaliser avec la technologie des sprites dans le 8 bits l'ère des jeux d'arcade, et la troisième génération de consoles vidéo qui nous a apporté des jeux comme Galaxian, Donkey Kong, Space Invaders et Pac-Man.

Histoire des jeux vectoriels de jeux vidéo
40 jeux d'arcade vectoriels en moins de 30 minutes – Vidéo

Le marché des jeux informatiques a commencé à dominer le jeu vidéo scène. De nombreux jeux traditionnels ont été adaptés aux ordinateurs personnels, qui pouvaient également être utilisés comme outil de travail, contrairement aux consoles vidéo. L'aspect des jeux évoluait, influencé par les performances des ordinateurs.

Histoire des jeux vidéo 8 bits
Titres 8 bits – Donkey Kong, Pac-Man et Galaxian.

Il y avait essentiellement deux facteurs qui affectaient la qualité des graphiques, la résolution et la profondeur des couleurs. L'évolution des styles graphiques de jeu dépend des innovations techniques qui ont commencé en 1981 L'adaptateur de moniteur graphique couleur (CGA) par IBM, il avait une palette de 16 couleurs mais ne pouvait en afficher que 4 à la fois, laissant la place à ses schémas de couleurs. TGA et EGA est venu plus tard, puis le contrôleur d'affichage vidéo Video Graphics Array (VGA) en 1987 avec de grandes améliorations en résolution, mémoire vidéo et profondeur de couleur.

histoire des jeux vidéo CGA EGA VGA
Versions Prince Of Persia CGA / EGA / VGA

Comme nous pouvons le voir dans la collection suivante, bon nombre des Jeux WebGL utiliser des styles graphiques et des palettes de couleurs caractéristiques des jeux rétro des années 80.

Jouons! 🏓

Sélection de jeux WebGL

△ 👾 △ 👾 △ 👾 △ 👾 △ 👾 △ 👾 △ 👾 △ 👾 △

Chaque jour, Awwwards recueille d'excellents exemples pour votre inspiration – si vous avez aimé cette collection de jeux, consultez des collections similaires telles que les mini-jeux, les curseurs et les interactions et microinteractions mignonnes. Nous recherchons toujours un design plus frais. Si vous avez d'autres exemples, ajoutez-les aux commentaires en bas de l'article. Si vous êtes un passionné de design numérique de niveau supérieur, procurez-vous une copie de notre livre Hot Right Now Vol. 3, qui plonge dans les dernières tendances du design visuel, une lecture incontournable pour les créatifs numériques.

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *