Discussion :

[Seby63]

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








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

Côté client :

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

Nous retrouver

Sur notre site internet : Bientôt

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 ! Tous les messages de soutient sont aussi les bienvenue (c'est peu mais ça motive!)

A très bientôt !

[nouknouk]

Salut,

projet très intéressant et beaucoup de boulot abattu. Félicitations !

Il y a un dépôt GitHub ou quelque chose de similaire, dispo quelque part ?

[Seby63]

Bonsoir,

Merci beaucoup. Oui en effet, pas mal de boulot. C'est la "3ème version" de l'éditeur (sachant que les anciennes n'ont jamais vraiment été fonctionnelle). Je peut mettre éventuellement des captures des anciennes version (au besoin) pour voir la différence.

Non pas de dépôt sur GitHub, les sources resteront "privées". Mais j'espère proposer une version alpha/beta d'ici la fin de l'été afin d'avoir des retours sur l'éditeur et proposer aux utilisateurs le meilleur!

Concernant l'avancement, je dirais que 40% de l'éditeur de carte est réaliser, je travaille actuellement sur la partie gestion des projets des utilisateurs/équipes de développement. Mon système de gestion des projets se rapprochera fortement de celui de Bitbucket (création d'équipe, de roles, de groupes...).

Pour ceux qui souhaiterais voir d'avantages de captures d'écran (et des différentes versions), voici l'article sur mon blog perso : http://www.dhumez-sebastien.com/2015...en-temps-reel/

[eliniel]

Franchement bravo. C'est un travail colossal!
J'attends la suite! ^^

[Seby63]

Franchement bravo. C'est un travail colossal!
J'attends la suite! ^^

Merci beaucoup! Ca fait plaisir et ça motive pour la suite! C'est peu être pas grand chose, mais juste un message de soutient permet de redonner un peu de boost!

[Seby63]

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!

[Seby63]

Quelques nouvelles captures :

[Seby63]

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

Et de nouvelles captures afin que vous puissiez voir la liste des accès actuellement modifiable pour chaque rôle :

[Seby63]

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 (après une grosse bataille avec les DNS) mais encore bien vide. Il se trouve ici : http://www.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!

[Seby63]

Juste une petite image pour dire que le développement de l'éditeur suit son cours :

[yahiko]

Beau projet HTML5/TypeScript.

Bonne continuation !

[Seby63]

Beau projet HTML5/TypeScript.

Bonne continuation !

Merci beaucoup! J'espère faire une vidéo en vitesse accéléré de dessin d'une carte une fois que le système d'objet sera lui aussi en place.

[Elsepeth]

C'est beau, ça donne envie.
Super boulot, hâte de l'essayer !
Bon courage

[Seby63]

C'est beau, ça donne envie.
Super boulot, hâte de l'essayer !
Bon courage

Merci Bientôt... Bientôt... ^^

Quelques nouvelles concernant le développement de l'éditeur :

• Correction de bug divers
• Système permettant de changer les Tiles d'une carte (effet visible chez les utilisateurs sur la même carte)
• Système de zoom
• Système de sauvegarde des Tiles
• Système de création des différents calques + déplacement de ceux-ci
• Système permettant d'ajouter un tileset à la carte courante
• Système de raccourci clavier/éditeur

Voilà donc de gros système qui viennent d'être mis en place. Il reste encore pas mal de boulot bien sûr mais... Le plus gros système étant le système de sauvegarde des Tiles. Il fallait que tous les utilisateurs ai les même tiles et que celles-ci soit sauvegardés de temps en temps... Je pourrais donner quelques explications si certains le souhaite.

Voilà donc pour finir, une petite capture qui présente une carte de 100*100 tiles de taille 128*64px avec un effet de zoom à 10%!

[yahiko]

Votre outil pourrait être encore plus intéressant s'il implémentait de la génération procédurale.

[Seby63]

Votre outil pourrait être encore plus intéressant s'il implémentait de la génération procédurale.

En effet ça pourrait être une bonne idée. Le seul "soucis", c'est que les tilesets proviennent des utilisateurs. Ca peut être une amélioration par la suite de crée ce genre de système mais il faut réfléchir au système de détection des Tiles.

[Seby63]

Après quelques recherches rapide... C'est largement faisable. Je pense que je réaliserais cet options un peu plus tard.

En ce qui concerne le système en lui même, il faudra simplement paramétrer un tileset en attribuant certains numéro à des tiles pour généré un terrain aléatoire. Merci pour l'idée!

[Bousk]

Désolé si ça a été dit quelque part mais : le format de sortie, kézako ? Y'a des specs qqpart ?

[Seby63]

Désolé si ça a été dit quelque part mais : le format de sortie, kézako ? Y'a des specs qqpart ?

Salut,

Alors non en effet, j'ai pas parler du format de sortie. Le format de sortie sera libre (JSON, XML, ...). Avec une structure de fichier qui pourra être sélectionner l'utilisateur.

Structure du genre :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
var layer : {
    tile : [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0]
};
 
// Ou
var layer : {
    tile : [[0, 0, 0, 0, 0], [0, 0, 0, 0, 0], [0, 0, 0, 0, 0]]
};

Le but de l'éditeur et de donner un maximum de possibilités aux utilisateurs. Il évoluera en fonction des demandes.

[Seby63]

L'éditeur commence à prendre forme...