Comment créer des tuiles isométriques inclinées (hauteur)


11

C'est peut-être mieux expliqué en images. J'essaie de créer un jeu isométrique 2.5D. Ma vision est que le jeu ressemble à mon objectif:

paysage isométrique

Je ne suis pas un graphiste, j'ai donc du mal à créer les tuiles "inclinées" pour simuler un terrain de différentes hauteurs. La création de la tuile isométrique de base a été facile en utilisant les étapes suivantes:

  1. Créer une version carrée 64x64 de la tuile
  2. Rotation de 45 degrés
  3. Réduisez la hauteur d'un facteur 2

La création des tuiles "inclinées" est plus un défi. À ma disposition, j'ai Photoshop, mais je suis loin d'être un expert dans son utilisation. Voici mon problème actuel:

entrez la description de l'image ici

Je ne sais pas comment je peux manipuler les sommets, sinon ce serait facile, mais en gros, pour obtenir une tuile "inclinée" de ma tuile isométrique de base, tout ce que je dois faire est de décaler le sommet et le sommet droit de 16 pixels vers le bas , tout en fixant les deux autres sommets. Cela générerait la tuile que je veux.

Quelle est la manière la plus simple d'y parvenir. Photoshop est-il le bon outil pour cela? Aucune suggestion?


Quel système graphique votre génération actuelle utilise-t-elle DirectX, OpenGL ou propriétaire pour générer? la réponse de base serait de stocker les sommets, puis de modifier les sommets selon les besoins (vous pouvez le faire comme un tableau de 8 vecteurs), mais la façon dont vous les livrez à l'écran est généralement avec un utilitaire graphique / bibliothèque comme directX, openGL
gardian06

J'utilise SFML pour rendre les sprites à l'écran, ce serait donc openGL. Je stocke les sprites sous forme de tuiles 64x64 sur le disque.
Filip Jeremic

@FilipJeremic, Hmm .. Est-ce un jeu de neopets?
Pacerier

Réponses:


3

Vous pouvez créer les tuiles si vous le souhaitez - en utilisant Photoshop ou autre chose. Je recommanderais un programme de dessin vectoriel, pas un programme de dessin pixelisé (je ne connais pas assez Photoshop, etc., pour savoir ce qu'il propose de nos jours).

Personnellement, je vous suggère de ne pas prendre la peine de créer des tuiles, mais que le jeu les dessine en utilisant votre API de dessin, ce sera beaucoup plus facile (surtout si vous vous rendez compte du nombre de tuiles inclinées différentes dont vous auriez besoin).


Je ne suis pas sûr d'être d'accord pour que le jeu rende les tuiles à moins que votre moteur / framework ne vous permette de le faire facilement (en 2D)
John McDonald

3

Conservez l'image carrée 64x64 comme source, pour obtenir des versions inclinées, vous devez d'abord incliner l'image vers le bas sur le côté droit (pour correspondre à votre exemple d'image), puis faire pivoter de 45 degrés et la réduire en hauteur. Le résultat serait la pente que vous recherchiez (avec un peu d'essais et d'erreurs pour savoir combien de biais).

Étant donné que toutes les étapes (modification de l'ombrage, de l'inclinaison, de la rotation, de la mise à l'échelle) en plus de créer le carré initial sont assez simples, vous voudrez peut-être envisager de faire ces étapes avec openGL soit au démarrage de votre jeu, soit comme une étape automatisée dans la construction processus (créez simplement un petit programme qui peut faire toutes les inclinaisons / rotations dont vous avez besoin et ajoutez-le au script de construction).

L'utilisation de graphiques vectoriels serait probablement une idée si vous souhaitez continuer à créer manuellement chaque tuile inclinée. Photoshop prend en charge les couches vectorielles , vous n'aurez donc pas besoin d'apprendre un nouveau programme pour l'essayer.


Pourquoi utilisez-vous Photoshop au lieu de Fireworks et etc.?
Pacerier

@Pacerier Je ne sais pas, la question d'origine mentionnait Photoshop. J'ai personnellement commencé à utiliser Krita récemment, avant cela Paint.net (que j'utilise toujours pour un travail plus rapide).
Daniel Carlsson
En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.