Ayolan-Editor

Bonjour tout le monde !

Je me présente pour ceux qui ne me connaissent pas encore, je suis Seby, développeur HTML5/JavaScript et co-créateur du projet Ayolan, un futur MMORPG dont le développement a débuté fin Septembre 2013. J’avais posté à l’époque une présentation d’Ayolan, un MMORPG HTML5/JavaScript amateur, qui est toujours en cours de développement.

Réaliser un MMORPG en amateur n’est pas une chose aisée, Nous avons donc fait le choix de d’abord réaliser les différents outils de gestion du jeu avant même de commencer le jeu en lui-même. J’ai donc réalisé différentes version de l’éditeur afin de trouver le compromis parfait entre l’évolutivité, la facilité d’utilisation, les différentes possibilités et options de l’éditeur.

C’est là qu’il nous est venu l’idée de crée Ayolan-Editor, un éditeur de carte en ligne, multi-utilisateurs, disponible pour tous (du plus petit au plus gros projet). Ayolan-Editor va nous permettre de proposer un espace gratuit pour les petits groupes de développement mais aussi un système de rentabilité pour les plus gros projets afin de financer le développement de notre projet de MMORPG, Ayolan.

L’éditeur

Ayolan-Editor est un éditeur de carte, multi-utilisateurs, utilisant un système d’édition de carte isométrique simple et intuitif. Il va vous permettre de travailler sur vos cartes avec les membres de votre projet en temps réel et simultanément !

De nombreux outils seront aussi mis à votre disposition :

• Un système de gestion et de paramétrage des ressources (tilesets et autres)
• Un système de gestion des différents points de téléportation entre vos cartes
• Un système de démo qui va vous permettre de découvrir vos cartes comme si vous étiez un simple joueur dans votre projet
• Un système d'import/export des cartes vers différents éditeurs tel que Tiled

Quelques screenshots

Les anciennes versions

Pour ceux qui souhaiterais voir d'avantages de captures d'écran (et des différentes versions), voici l'article sur mon blog perso : Ayolan-Editor, une constante évolution de l’éditeur de carte en temps réel!

Partie technique

L’éditeur est développé en HTML5/JavaScript en utilisant TypeScript.

Côté serveur :

• Node.js : Serveur JavaScript v8
• Sails.js : Framework MVC
• Redis.io : Moteur clé/valeur
• MongoDB : Base de données NoSQL
• Mocha : Tests unitaires

Côté client :

• Pixi.js : Le moteur de rendu
• Angularjs : Mise à jour des interfaces

Nous retrouver

Sur notre site internet : http://www.ayolan-editor.com

Sur les réseaux sociaux sur lesquels nous communiquons beaucoup :

• Twitter
• Facebook
• GooglePlus

En espérant que le projet vous plaira et vous sera utile par la suite, n'hésitez pas à nous donner votre avis, qu’il soit positif ou négatif ainsi que vos impressions sur les premières images d’Ayolan-Editor !

A très bientôt !

Quelques nouvelles concernant le développement du projet mais hélas… rien de réellement visible aux yeux des personnes qui ne sont pas du domaine du développement :

• Ajout d'une centaine de tests unitaires afin de vérifier le bon fonctionnement des divers modules
• Ajout du système permettant de mettre à jours les détails d'un projet (nom, site internet, projet privé…)
• Ajout du système permettant de modifier l'avatar du projet

Quelques petites captures quand même :

Si vous avez des questions ou des remarques, n'hésitez pas!

Ça a l'air très propre et bien organisé, excellent travail et bonne chance ! La démo se fait à plusieurs aussi ?

Merci beaucoup! Niveau organisation, il y a eu un gros travail derrière avant la création pour toute l'architecture du projet.

Pour la démo, je vais essayer de faire en sorte que l'édition se fasse à plusieurs oui, c'est aussi ce qui rend ce projet un peu original!

Pourquoi pas! Après, pourquoi veut tu créer un éditeur exactement? J'ai crée Ayolan-Editor car dans tous les éditeurs que j'ai pu réussir à trouver, aucun ne gérait la téléportation entre divers cartes de jeu.

C'est vraiment LA raison principale de base. Après, j'avais aussi d'autres idées tel que :

• Gérer l'élévation
• Editer une carte à plusieurs
• Développer un projet à plusieurs ou chacun peut apporté sa pierre
• Et bien d'autres…

Bref, c'est un regroupement d'idée qui ont fait que l'éditeur est né. Mais franchement, si des éditeurs avaient ces mêmes options, j'en aurais profité!!

Si tu veux toujours te lancer dans la création de l'éditeur, il faut aussi que tu réfléchisse bien à ton format de carte.

Pour finir, et "vendre" un peu mon éditeur (oui juste un peu :p), je vais donner la possibilités aux utilisateurs de pouvoir choisir entre différent choix pour exporté un projet/carte.

J'aurais mon propre format de carte (qui se rapproche fortement de Tiled) et quand les utilisateurs souhaiteront utiliser leurs cartes, il auront juste à faire un simple export et obtiendront leurs cartes avec leur format. De ce fait, il n'y aura pas de soucis de compatibilité, même en cas de mise à jour de l'éditeur.

On peut aussi envisager, pour plus tard, de créer un format d'export à la demande.

L'éditeur de RPG Maker gère très bien les téléports.

En effet il gère ça. Mais ne gère pas les sorties multi formats, l'élévation… Bref c'est un super logiciel pour la création de RPG 2D mais pas pour faire de l'édition de cartes pour un projet externe.

Perso mon éditeur de level concerne les jeux de plateformes et supporte le multi-layer et la parallaxe, la création de collisions, un mode démo avec caméra suivie ou fixe ou libre et bien d'autres choses, mais vu que j'ai passé le jeu de Python à C++ je vais devoir faire de même avec l'éditeur

Ca semble être un éditeur sympa! Pourquoi ne pas utiliser le même éditeur dans tes 2 projets? A moins que tu veuille reprendre ton éditeur afin de le rendre plus "puissant" avec le C/C++?

Parce-que l'éditeur n'est en fait que le jeu avec des options d'édition alors les mêmes fichiers sources sont utilisés Donc l'éditeur utilisera les sources C++ qui sont plus abouties et qui gèrera les nouveautés. Vous avez un exemple du format de map natif au jeu ? Ou vous utilisez du JSON ou XML ?

Ok, j'avais fait la même chose lors du développement de mon tout premier prototype de RPG HTML5.

Avec cette dernière version, le moteur de l'éditeur et de notre futur "MMO" possède exactement les même bases que je surcharge avec l'éditeur/jeu. Ca permet de maintenir le code plus facilement.

Si un jour je décide par exemple de créer un jeu avec un moteur complètement différent, je peut toujours écrire un nouveau moteur pour le jeu et garder l'actuel pour éditer mes cartes vu que je peut exporter mes cartes sous n'importe quel format.

Alors pour le format, j'utilise actuellement le JSON avec une architecture proche de celui de Tiled. J'ai juste à coder les différents formats pour faire de l'import/export sous tous les formats imaginable.

Quelques nouvelles captures :

Les nouveautés de ces derniers jours :

• Possibilité de changer de nom d'utilisateur/Team ID
• Suppression d'un compte utilisateur/Team
• Possibilité de quitter une équipe (si un autre administrateur existe)
• Système de stockage/aperçu des sessions des utilisateurs

On peut déléguer son statut de leader d'une équipe ?

Alors, j'ai réalisé un système de rôle très complet.

Chaque équipe de développement/utilisateur a la possibilité de créer des groupes d'utilisateurs et des rôles.

Un rôle peut être paramétré avec différent droits (droit de voir les projets privée, éditer les groupes d'utilisateurs, modifier les droits…). Tous ce qui peut être modifier aura la possibilité d'avoir un accès spécifique.

Voici une capture des accès disponible (avec des couleurs ^^) :

Ces rôles seront ensuite affectés à des groupes d'utilisateurs ou des utilisateurs (si l'on se trouve dans un projet).

Ensuite, tu a les droits au niveau des projets (qui eux n'utiliseront pas les droits d'administrations d'équipe même s'il les ont). Tu peut ajouter TES groupes d'utilisateurs à un projet (si bien sûr tu dispose des droits) et leur assigné donc un rôle précis qui permettra tel ou tel action.

Les rôles disponible dans les projets seront crée par l'auteur du projet (si c'est une équipe, il faudra crée les différents rôles dans l'équipe).

Et donc, pour répondre à ta question, oui tu peut par exemple donner un accès complet à un/des autres utilisateurs.

Je sais pas si j'ai été suffisamment clair?

Si j'ai à peu près compris Tu as des utilisateurs avec des droits différents par projet avec possibilité de gérer plusieurs projets avec les mêmes droits c'est ça ?

En gros oui c'est ça. Paramétrable à souhait.

Bonjour à tous!

Le développement de l'éditeur continue. L'espace gestion des projets commence à prendre forme et j'ai commencé à reprendre l'éditeur en lui même afin de pouvoir commencer l'édition des cartes. Ca avance donc!

Une autre petite nouvelles, c'est le site officiel qui est dispo mais encore bien vide. Il se trouve ici : Ayolan-Editor.com

Il est disponible en français/anglais via la liste en haut de l'écran et la seule autre page dispo est… La page de l'équipe!

N'hésitez pas à donner votre avis, positif ou négatif. Je préfère recevoir trop de critique que pas assez.

Bonne journée et merci!

La page est très propre, juste le logo que je trouve bof en haut à gauche, à part ça, joli boulot