Debian-facile

Bienvenue sur Debian-Facile, site d'aide pour les nouveaux utilisateurs de Debian.

Vous n'êtes pas identifié(e).

#1 10-09-2018 11:19:46

kao
Modérateur
Distrib. : Testing
Noyau : Linux 4.quelquechose
(G)UI : Gnome 3
Inscription : 28-09-2012
Site Web

KingsAndShips : Graphismes et Game Design

Bonjour,

J'ai ouvert il y a quelques temps un sujet dans la catégorie programmation pour présenter mon petit jeu fait maison : https://debian-facile.org/viewtopic.php?id=21940
Afin de séparer les discussions game design et graphisme de la programmation pure, j'ouvre ici un espace de discussion sur le game design et le graphisme qui va avec.
J'aimerai avoir vos retours, vos conseils et vos suggestions.

C'est jeu de Tower Defense que j'invente au fur et à mesure de mes idées. Il manque donc encore plein de chose mais il devient de plus en jouable au fur et à mesure que j'y pousse du code ou des graphismes.
Voici à quoi il ressemble pour le moment : KingsAndShips.jpg

Le synopsis est plutôt simple:
Le Roi (le lion) rentre d'une campagne en mer, mais vous (le renard) vous avez profitez de son absence pour vous installer à sa place.
Vous êtes bien dans vos nouveaux quartiers et vous n'avez pas du tout l'intention de rendre le trône au Roi. Vous organisez donc la défense afin de conserver votre nouveau chez vous.


En suivant les instructions ici vous pouvez le télécharger, le compiler et le tester : https://github.com/kaochen/KingsAndShips

  • N pour lancer une nouvelle vague (C'est une des parties sur lesquelles le joueur n'est pas censé avoir la main)

  • L pour passer au niveau suivant (que deux pour le moment smile , et ce sont plus des niveaux tests pour valider mon code)

  • R pour reseter le niveau.

  • D pour voir les trajectoires des bateaux et avoir un terminal plus verbeux

  • Q pour quitter




Je me suis inspiré, pour partie, d'un jeu qui s'appelle Ancient Planet http://www.zebest-3000.com/jeux/jeu-17339.html parce que c'est un des rares à être en isométrique. Et qu'il a plusieurs bonnes idées, Ancient Planet est un très bon jeu.

Sinon, en dehors du couple  C++/SDL2, j'ai basé la création du game design sur trois logiciels :

Blender
Blender est plus souple pour moi que Inkscae our Gimp notamment quand je dois générer les huit vues d'un objet avec ses animations : https://github.com/kaochen/KingsAndShip … ine_01.png . Blender me permet aussi de faire une projection isométrique facilement, il suffit de bien paramètrer la caméra.
Il posséde aussi un systéme d'animation très puissant qui permet de faire des choses sympa rapidement.

Imagemagick:
Blender me fait un rendu de 64 images séparés, la commande "montage" d'Imagemagick me permet de générer des tilesets de 8 par 8 très facilement.

Tiled
Pour l'édition des niveaux j'utilise Tiled (version Minimum 1.1). Je peux générer les cartes facilement, avoir plusieurs couches, notamment pour les vagues de bateau et faire un import rapide dans mon jeu.

Voilà c'est un jeu en pleine construction, auquel je consacre une partie de mon temps libre. Il avance tranquillement mais lorsque je l'ai démarré, je ne pensais pas arriver jusque là. Donc je vais continuer sur le même rythme sans me mettre de pression sur l'objectif ou sur une deadline et on verra le chemin qu'il prendra smile

Bien cordialement,
Kao

Dernière modification par kao (16-09-2018 10:47:05)

Hors ligne

#2 15-09-2018 20:05:04

leonlemouton
Adhérent(e)
Distrib. : Stretch
Noyau : Linux 4.9.0-6-amd64
(G)UI : Mate 1.16.2
Inscription : 14-08-2012

Re : KingsAndShips : Graphismes et Game Design

Salut Kao !

Je viens de mettre à jour le jeu ; aucun souci !
C'est tout de suite plus stratégique avec la gestion des ressources !

Après avoir rudement bataillé j'ai réussi à finir le dernier niveau !! tongue
Il y a même une nouvelle tour ; j'ai mis un peu de temps à comprendre qu'il fallait la construire dans l'eau et je ne sais pas trop quel est son effet (à ce coût exhorbitant c'est un comble !!) mais c'est beau ! smile

Il y a le bouton menu ; ça promet !

Au niveau de l'interface, je pense que des explications au survol des boutons de construction des tours seraient bienvenues.
Le clic sur une tour déja construite pourrait ouvrir un petit menu pour décrire et améliorer les tours par exemple !!
Des déplacements / zoom sur la carte peuvent peut-être ajouter du dynamisme et permettre de construire des cartes plus importantes...

Un drapeau avec la tête du renard sur le chateau peut permettre de clarifier la cible...

C'est top ! J'ai hate de découvrir de nouveaux niveaux !!
cool cool cool

Modif : juste un petit truc, le premier lien du message ci-dessus ne semble pas fonctionner

Dernière modification par leonlemouton (15-09-2018 20:15:49)


Leonlemouton
°(")°

Hors ligne

#3 16-09-2018 11:44:06

kao
Modérateur
Distrib. : Testing
Noyau : Linux 4.quelquechose
(G)UI : Gnome 3
Inscription : 28-09-2012
Site Web

Re : KingsAndShips : Graphismes et Game Design

@leonlemouton merci pour le retour.

Il y a même une nouvelle tour : En fait cela fonctionne comme une barrière, elle est passive, elle permet de bloquer un chemin. Sur la première carte, il vaut mieux en poser deux wink.
Elles doivent coûter cher et avoir une faible résistance. C'est un ralentisseur de bateau plus efficace que l'éolienne mais avec une durée de vie plus courte. Je me suis demandé quoi mettre comme bloqueur et j'ai pensé qu'un radeau en feu pouvait être une bonne idée.

Il y a le bouton menu ; ça promet ! : Je suis allé un peu plus loin dans la branche devellop avec l'implémenation d'onglets. Le principe fonctionne mais je n'arrive pas encore à me décider sur le design du menu. Pour l'instant je n'arrive pas à pondre quelque chose de jolie. Si vous avez des idées, vous pouvez me les partager sous forme de lien vers de images.
Il faut que je trouve un design simple à mettre en place, sans trop de graphisme : Celui là est jolie : https://vignette.wikia.nocookie.net/kin … 0816210732 mais me demanderai trop de travail sur les graphismes contrairement à un truc comme celui ci : https://iunctis.fr/uploads/default/orig … e18d18.png. Il faut que je baisse un peu mes ambitions sur le menu, c'est une partie complexe et chronophage, mais j'espére pouvoir produire quelques choses bientôt.


Au niveau de l'interface, je pense que des explications au survol des boutons de construction des tours seraient bienvenues. Je détecte déjà le survol d'un bouton. Un petit cadre pourrait être facile à mettre en place.

Le clic sur une tour déja construite pourrait ouvrir un petit menu pour décrire et améliorer les tours par exemple !! J'y pense depuis le début, il faut que je trouve le temps de le faire, pour moi c'est un point essentiel.

Des déplacements / zoom sur la carte peuvent peut-être ajouter du dynamisme et permettre de construire des cartes plus importantes... Une partie du code est prêt mais pas tout. Cela a des implications lourdes sur le code et le Game design. Le fait de pouvoir changer la taille de la fenêtre serait top, c'est sûr. Il me faudrait plusieurs jours consécutifs  de code pour le mettre en place je pense.

Un drapeau avec la tête du renard sur le chateau peut permettre de clarifier la cible... Pour l'instant je suis partie sur rouge révolutionnaire pour le Renard, Bleu royauté  pour le Lion. Il faudrait que je mette un rappel de couleur à côté de leurs effigies.

C'est top ! J'ai hate de découvrir de nouveaux niveaux !! L'idée de passer par Tiled pour éditer les niveaux c'était aussi de permettre à d'autre personne que moi de pouvoir élaborer d'autre niveau.
C'est déjà possible mais je dois encore travailler pour que les contributions extérieures soient plus simple, notamment avec un fichier .tsx générique servant de base de travail.

Modif : juste un petit truc, le premier lien du message ci-dessus ne semble pas fonctionner J'ai corrigé.

Encore merci pour le retour.

Hors ligne

#4 27-09-2018 14:18:27

kao
Modérateur
Distrib. : Testing
Noyau : Linux 4.quelquechose
(G)UI : Gnome 3
Inscription : 28-09-2012
Site Web

Re : KingsAndShips : Graphismes et Game Design

Cela m'a demandé un peu de temps mais je commence à bien avoir amorcé le menu:
1538049392.jpg
Il y a trois type de boutons pour le moment :
Les boutons onglets qui permettent de passer de l'un à l'autre.
Les boutons textes sur une ligne qui permettent d'avoir une information (résolution etc...)
Et enfin les boutons de niveau qui sont des sortes de fiche pour chaque niveau. Ils sont cliquables et permettent de charger un autre niveau ou de reseter le niveau courant.

La mise en place des menus a été assez compliqué, notamment pour n'afficher que les boutons utiles, ou appartenant qu'a un onglet spécifique. Mais maintenant je peux affiner le design et les informations que je veux mettre dans le menu. J'ai poussé le tout dans la branche master histoire d'avoir vos retours et  suggestions.

Je souhaite flouter le fond du menu, mais cela s'avére assez compliqué parce qu'il faut que je mélange les pixels qui sont derrière le menu avant de pouvoir l'afficher. Et comme ce qui est derrière est composé d'une myriade de petite image, il va falloir que je me creuse la tête scratchhead.gif

Hors ligne

#5 17-10-2018 16:50:10

kao
Modérateur
Distrib. : Testing
Noyau : Linux 4.quelquechose
(G)UI : Gnome 3
Inscription : 28-09-2012
Site Web

Re : KingsAndShips : Graphismes et Game Design

leonlemouton a écrit :


Des déplacements / zoom sur la carte peuvent peut-être ajouter du dynamisme et permettre de construire des cartes plus importantes...



En voulant avancé le menu, je me suis dit qu'il fallait que j'ai quelques niveaux dispo sous la main en plus. J'en ai donc ajouté un nouveau avec le château situé dans une petit crique.
Dans ma lancé je me suis dit qu'il serait rigolo d'en ajouter une carte plus petite, de 20 par 20 au lieu de 30 par 30. Cette bonne idée a en fait ouvert la boite de Pandore des petits trucs à résoudre....

Je vous passe les détails mais avoir une grille plus petite m'a demandé de réfléchir sur la résolution d'écran, le fait de pouvoir déplacer l'écran au dessus de la carte, le fait de centrer la carte, de connaître la taille de grille avant de charger un jeu etc...

- Du coup j'ai ajouté un fichier preferences.ini  qu'il est possible d'éditer pour changer la résolution.
- On peut se déplacer avec les flèches mais les bateaux ne suivent pas. Je pense plutôt à faire du cliquer glisser pour les déplacements de la carte.
- La mer ne suis pas le mouvement encore.
- Je pense qu'il faut que j'ajoute un masque de la carte sur les bord pour masquer l'apparition des bateaux soit avec des nuages soit avec autre chose. Je n'ai pas encore choisis.
- Il faut que je fasse un centrage sur le village et non sur le centre de la carte.

J'ai encore plein de truc à résoudre mais c'est plus cool de pouvoir changer la résolution de la carte comme de l'écran. Comme d'hab ce n'est pas du travail finit mais qui avance.
Si vous avez des suggestions sur le gameplay n'hésitez pas.
Cordialement,
Kao

Dernière modification par kao (19-10-2018 14:27:43)

Hors ligne

#6 19-10-2018 20:02:32

kao
Modérateur
Distrib. : Testing
Noyau : Linux 4.quelquechose
(G)UI : Gnome 3
Inscription : 28-09-2012
Site Web

Re : KingsAndShips : Graphismes et Game Design

J'ai ajouté un petit correctif : les bateaux suivent les déplacements de la carte. Ils ne se perdent plus...

Hors ligne

#7 28-10-2018 09:53:55

kao
Modérateur
Distrib. : Testing
Noyau : Linux 4.quelquechose
(G)UI : Gnome 3
Inscription : 28-09-2012
Site Web

Re : KingsAndShips : Graphismes et Game Design

On peut maintenant déplacer la carte en gardant le clic gauche enfoncé cool
Il faudrait que je j'ajoute un bouton "recentrer" au cas ou l'on se perde....

Hors ligne

#8 28-10-2018 11:56:09

Tristan07
Adhérent(e)
Distrib. : Debian 9, Stretch
Noyau : Linux 4.9.0-4-amd64
(G)UI : Gnome 3.22
Inscription : 21-05-2016
Site Web

Re : KingsAndShips : Graphismes et Game Design

vous êtes des fous géniaux ! WOA !!

Debian Stable est ce qui rend la vie plus intéressante que l'informatique ( voir Robert Filliou pour l'origine de cette citation smile
Debian c'est pas difficile ! zen.gif
https://lescahiersdudebutant.fr/
Pour une aide efficace sur le forum : https://debian-facile.org/viewtopic.php?id=13352

En ligne

#9 30-10-2018 11:17:42

kao
Modérateur
Distrib. : Testing
Noyau : Linux 4.quelquechose
(G)UI : Gnome 3
Inscription : 28-09-2012
Site Web

Re : KingsAndShips : Graphismes et Game Design

Tristan07 a écrit :

vous êtes des fous géniaux ! WOA !!


Je prend ça pour un compliment smile merci !

Je viens d'ajouter un bouton de centrage qui place la fenêtre au dessus du village.
C'est le cas aussi lorsque on charge ou recharge une carte, on est toujours au dessus de village pour commencer. C'est plus logique je trouve.
Comme le premier niveau avait le village en bordure, je l'ai copié en level_6 et j'ai modifié le level_1 pour avoir le village au centre de la carte. Au lancement de l'application c'est plus jolie et plus cohérent de commencer par un niveau dont le village est au centre.

Hors ligne

#10 07-11-2018 23:37:45

kao
Modérateur
Distrib. : Testing
Noyau : Linux 4.quelquechose
(G)UI : Gnome 3
Inscription : 28-09-2012
Site Web

Re : KingsAndShips : Graphismes et Game Design

J'ai trouvé un peu de temps pour du modeling, j'ai donc ajouté un nouvel arbre.
1541624067.jpg
J'en ai profité pour tenter de corriger l'animation du premier afin d'avoir un petit balancement fluide du haut de l'arbre.
Les deux arbres sont animés avec un petit balancement.
J'ai essayé de créer une désynchronisation entre les arbres avec un numéro de départ aléatoire...
Il y a encore des réglages à faire mais c'est un bon début pour le second arbre smile

Hors ligne

#11 14-11-2018 17:04:40

kao
Modérateur
Distrib. : Testing
Noyau : Linux 4.quelquechose
(G)UI : Gnome 3
Inscription : 28-09-2012
Site Web

Re : KingsAndShips : Graphismes et Game Design

Après quelques tâtonnements, l'eau suit le déplacement de la carte ce qui est plus cohérent et j'ai ajouté un cache noir autour de la carte.
Il n'y a pas de limite au bord noir pour le moment d'où l'intérêt du bouton avec la petite maison pour retrouver le village.
1542207445.png
A suivre...

Hors ligne

Pied de page des forums