Je cherchais une idée pour une interface un peu originale pour mon site web sur Carrera. Quelque chose qui fasse course automobile et qui permette de découvrir ou redécouvrir facilement des articles, des circuits.
Et j’ai eu l’idée de créer un monde 3D que l’on peut parcourir avec une petite voiture une bonne partie des éléments du site sous forme de totems.
Apres plusieurs versions à tester, d’améliorations en améliorations, d’optimisations, je partage avec vous cette version que sera surement encore amélioré dans le futur.
Pour les pressés voici le lien : https://www.carrera-fun.com/world/
Sinon voici quelques informations avant de commencer.
La première chose a faire était de développer un outil pour exporter les informations des articles du site web www.carrera-fun.com . Et pour ordonner tout cela dans un univers 3D, j’ai développé un éditeur de monde où je peu placer tout les différents éléments.
Le monde d’organise en différents circuits que l’on voit au sol avec des totems tout autour de la piste. Les pistes et totems sont organisés par thèmes.
Comme les circuits sont au sol, vous pouvez vous amuser à faire des tours de circuits.
Les touches
| Action | Touches (Clavier AZERTY) | Touches (Clavier QWERTY) |
| Avancer / Reculer | Z / S ou flèches ↑ / ↓ | W / S ou flèches ↑ / ↓ |
| Tourner à gauche / droite | Q / D ou flèches ← / → | A / D ou flèches ← / → |
Devant un totem : F pour accéder à un article
Comme je le disais plusieurs thèmes sont présent dans le monde de « Carrera Fun World », vous y trouverez -donc les thèmes suivants :
- les articles sur Carrera GO
- les articles sur Carrera FIRST
- les articles sur Carrera D132
- les articles sur Carrera HYBRID
- des plans de circuits réels en GO
- des plans de circuits réels en HYBRID
- des plans de coffrets GO
Pour trouver chaque thème facilement dans ce monde relativement grand, des indicateurs en haut de l’écran indiquent la direction des thèmes. C’est la position du rail de départ du circuit du thème qui est indiqué. Pour trouver la direction du thème souhaité, il suffit de faire un tour à 360° sur soit même pour voir sa direction.
Pour vous éviter de vous perdre dans l’immensité de la plaine, des balises virtuelles (Markers) flottent en haut de votre écran. Semblables à un affichage tête haute (HUD) aéronautique, ces indicateurs calculent en temps réel la distance exacte (en mètres) qui vous sépare d’une zone majeure de l’exposition et pointent précisément vers sa direction.
Bonus
En bonus, il y a des objets à récupérer sur les différents circuits, vous pouvez vous amuser a parcourir tout les circuits pour tous les récupérer, le nombre d’objet est indiqué en haut a droite de l’écran.
Un compteur de score est affiché en haut à droite de votre écran (ex: 0 / 15). Des cônes géométriques sont dissimulés aux quatre coins du décor. Foncez dessus avec votre véhicule pour les collecter et faire grimper votre score ! Saurez-vous tous les retrouver ?
Vous n’êtes pas seul
Imaginez que ce monde virtuel est une grande place publique. Si vous vous y connectez en même temps qu’un autre visiteur, vous n’êtes pas seul dans votre coin : le programme fait se croiser vos chemins. Vous pilotez votre voiture rouge, et vous verrez les autres utilisateurs se balader à vos côtés sous la forme de voitures bleues. C’est l’équivalent virtuel d’une promenade partagée dans un parc !
Languages
Sélecteur de Langue : Situé en haut à gauche, un menu déroulant vous permet de basculer instantanément l’expérience en Français 🇫🇷, Anglais 🇬🇧, ou Allemand 🇩🇪. L’intégralité du monde (menus, totems, catégories) se régénère automatiquement à la volée.
Un vrai petit monde avec que du CARRERA.
Envie de tester, n’attendez pas, cliquez ci-dessous :