JeuWeb - Crée ton jeu par navigateur
Une petite carte galactique - Version imprimable

+- JeuWeb - Crée ton jeu par navigateur (https://jeuweb.org)
+-- Forum : Discussions, Aide, Ressources... (https://jeuweb.org/forumdisplay.php?fid=38)
+--- Forum : Art, graphisme, audio (https://jeuweb.org/forumdisplay.php?fid=50)
+--- Sujet : Une petite carte galactique (/showthread.php?tid=7300)

Pages : 1 2

Une petite carte galactique - MadMass - 25-01-2015

Hello,

J'ai bossé dernièrement sur mon module de carte galactique, que j'ai complètement refait (avant j'avais fait un truc infâme à base de PNG transparents générés par GD, mais depuis j'ai bossé mon CSS, et jsuis pas devenu bon, mais presque :wow: )

Bref ça ressemble à ça :
[Image: 1422138706-06.jpg]

Bon les éléments de l'UI sont encore dans leur version temporaire, et il manque pas mal d'infos sur la carte faute d'avoir codé les modules nécessaires... L'important c'est la carte !
Je précise que le halo indique si la planète est amie ou ennemie... J'aime pas trop, jvais sûrement le changer.

Enfin voilà, juste pour montrer ce que j'ai fait, je suis plutôt content car j'en touche pas une en graphismes >.<
Des suggestions d'améliorations peut-être ? ^^

RE: Une petite carte galactique - Aedius - 27-01-2015

Pas mal !

et c'est fait comment du coups ?

Pour le halo effectivement c'est pas très parlant, peut être quelque chose qui fasse plus affichage tête haute ?

RE: Une petite carte galactique - niahoo - 28-01-2015

Ce que je trouve bizzare c'est l'ombre sur les planètes. Si le truc au milieu est une étoile, il faudrait que sa lumière se reflète sur les planète de façon logique.

RE: Une petite carte galactique - keke - 29-01-2015

j'aime bien la représentation des planètes dans le jeu spore :

https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcSE-4wG6YB2Vk36KRkX64qnSuT5e19xsL_CEcqjl1_v1gbTM3hi

Peut-être cela pourra te donner des idées ?

Kéké qui est nul en graphisme, mais qui trouve que tes planêtes sont pas dans le ton que le reste de l'image (mais que je saurais pas faire mieux :-( )
PS : il y'a un pourtour noir autour de ton soleil. Je pense (et ça n'engage que moi) que ce serait plus joli si le pourtour était claire, photo du soleil à l'appuie (regarde la courbure du soleil en bas au milieu).
http://www.astrotouraine.fr/wp-content/uploads/2014/03/Soleil.jpg

RE: Une petite carte galactique - @lucard - 09-02-2015

Alors, j'viens ajouter mon grain de sel.

Il y a un gros problème de palette de couleur. C'est dommage.

Je suppose que :
  • le gros jaune au milieu c'est le soleil. → dans ce cas ne met pas autant de contraste [Les tâches solaires se voient grâce à des filtres], met le presque blanc. avec un léger glow blanc cassé/jaune autour (glow ↔ lueur externe)
     [Image: sun.png] (sur fond noir ça le fait mieux !)
  • planètes alliés/ennemies → si tu veux différencier 2 planètes par leur appartenance, ne modifie pas le décors (ici les halos comme tu dis) mais simplement la couleur des noms. Planete 01 / Planete 02
  • les halos des planètes → en principe le halo est une teinte proche de la couleur moyenne de la planète, souvent plus claire.
    voilà quelques exemples que j'avais fait il y a quelques temps maintenant 

    [merci de ne pas les réutilisées → je ferais peut-être un Tutorial pour les re-créer]
    • [Image: dry01.png][Image: gaz02.png][Image: ice01.png][Image: ocean01.png][Image: temp03.png][Image: tropical03.png]


RE: Une petite carte galactique - starmindfr - 09-02-2015

Pas mal en effet c'est juste du statiques ou tu va faire les mouvements en css ? peut être rajouter les ellipses pour modéliser les mouvements autours des étoiles, c'est pas mal a la mode.

RE: Une petite carte galactique - Xenos - 09-02-2015

Ah, le tutoriel pour les créer m'intéresse (pour pouvoir l'automatiser et construire les images des planètes à la volée Smile )

RE: Une petite carte galactique - Thêta Tau Tau - 09-02-2015

J'ai eu la même idée que Xenos.
Avec canvas on peux même le faire côté client.
Cela dit ça doit pas être évident d'arriver à avoir un bon rendu + de la diversité.

RE: Une petite carte galactique - @lucard - 10-02-2015

En fait pour la diversité tout part de "Filtres→Rendus→Nuages et Nuage par différence."
Comme la génération du nuage est aléatoire, il y a autant de possibilités. =)

comme y'a une demande d'au moins 2-3 personnes j’essaierai de le faire assez rapidement. =)

RE: Une petite carte galactique - Xenos - 10-02-2015

un bon rendu + de la diversité. doivent être réalisables, avec de la combinatoires (plusieurs effets croisés), des paramètres de planète nombreux (atmosphère, sol, taille, vents,...), voire un peu de pseudo-aléatoire (pour éviter les clones exacts)...

Faudra que je regarde ce que "nuages par différence" fait en pratique... Cet effet est assez obscur pour moi Wink

*En attente du tuto*