Accueil / Coulisses

Comment Azothia a créé le site de Niroga

Azothia est une agence web et automatisation installée à Monéteau, près d’Auxerre (Yonne). Elle a créé NIROGA, un jeu mobile Android de survie en monde ouvert, et le site que vous lisez.

Le projet

Le site de NIROGA a trois objectifs : faire connaître le jeu avant sa sortie, recueillir les adresses e-mail des joueurs qui veulent être prévenus le jour J, et montrer ce qu’une agence web à Auxerre peut construire quand elle maîtrise à la fois le produit et sa vitrine.

La page d’accueil se lit comme une bande-annonce : quatre temps forts, des phrases courtes, de vraies images du jeu et un seul appel à l’action, l’inscription pour être prévenu de la sortie.

L’île, avec les vraies données du jeu

L’île affichée en 3D à l’accueil n’est pas une illustration : son relief, ses arbres et ses villes sont exportés directement du jeu (développé avec le moteur Godot), puis affichés dans le navigateur avec three.js. Dans le jeu, l’île jouable mesure 2,1 km de large et compte 11 villes et villages. En chiffres, pour le site :

• Relief, routes, rivières, 11 villes et villages et 167 bâtiments sont exportés du jeu.
• La carte affichée fait 2,3 km de côté ; le volcan culmine à 680 m.
• 18 637 arbres, dont 8 162 placés exactement comme dans le jeu.
• Les montagnes sont affinées pour le site (ravines, roche, lave du cratère) ; altitudes, villages et tracé de l’île restent ceux du jeu.
• 305 543 triangles en 8 appels de dessin sur ordinateur, 129 365 triangles sur téléphone.
• 1,4 Mo de données pour toute l’île.

La plongée, avec les vrais modèles 3D

En faisant défiler la page, la caméra plonge sous la surface, de la côte jusqu’à la mer abyssale, où attend le léviathan. Les poissons que vous croisez sont les modèles 3D du jeu.

• 20 modèles 3D, dont le léviathan et le bateau de pêcheur.
• 206 000 triangles en 11 appels de dessin sur ordinateur, 113 000 en 12 sur téléphone.
• 937 Ko de données, images d’attente comprises.

Rapide, même sur téléphone

NIROGA est un jeu mobile : la plupart des visiteurs arrivent sur téléphone. Le site choisit donc entre deux niveaux de qualité selon l’appareil, et affiche une image fixe à la place de la 3D si l’appareil ne la gère pas ou si le visiteur a demandé à réduire les animations. Le texte et les boutons s’affichent avant la 3D, qui se charge ensuite.

La première version du site faisait 43,6 écrans de haut ; celle-ci en fait 7 sur ordinateur et 7,3 sur téléphone. C’est la même exigence que pour des sites pour TPE et PME : aller à l’essentiel, vite.

Respect de la vie privée

Aucun traceur, aucun cookie de mesure d’audience ni de publicité. Les polices et les scripts sont servis par le site lui-même. L’inscription ne demande qu’une adresse e-mail, avec une information claire et conforme au RGPD, détaillée dans les mentions légales et la politique de confidentialité.

La méthode

Le site a été conçu et développé par Azothia, avec des outils d’IA pilotés et vérifiés par l’agence. La même approche sert à l’automatisation des tâches répétitives de ses clients : devis, relances, suivi client.

Questions courtes

Qui a créé le site de Niroga ?

Azothia, l’agence qui a aussi créé le jeu.

Avec quelles technologies ?

React et TypeScript pour la page, three.js et React Three Fiber pour la 3D, Vite pour la construction, hébergement sur Cloudflare Pages. Le jeu lui-même est développé avec Godot.

Fonctionne-t-il sur téléphone ?

Oui. Le téléphone est la cible n° 1 : qualité adaptée à l’appareil, et une image fixe si la 3D n’est pas possible.

Azothia peut-elle faire la même chose pour mon entreprise ?

Oui : site vitrine, page de lancement ou outil sur mesure. Vous pouvez voir ses autres réalisations.