Dessin d'un grand terrain de niveau 2D à déplacement latéral


12

Je suis un relativement bon programmeur mais maintenant qu'il s'agit d'ajouter des niveaux de base à mon jeu 2D, je suis un peu bloqué.

Ce que je veux faire: un niveau de test acceptable, grand (8000 * 1000 pixels) "collines vertes" pour mon jeu.

  • Quelle est la meilleure façon pour moi de le faire?

Il n'a pas besoin d'avoir fière allure, il ne devrait tout simplement pas ressembler à de la peinture MS avec l'outil de ligne et de pot de peinture.

Fondamentalement, il devrait simplement bouer avec de l'herbe au-dessus, en forme de collines.

Mais comment dois-je le dessiner, je ne peux pas simplement retirer l'outil crayon et commencer à le dessiner pixel par pixel, puis-je?


2019, la question est toujours d'actualité :)
Город

Réponses:


20

Photoshop a des effets de calque qui peuvent être utilisés pour dessiner très rapidement de beaux niveaux. Je ne sais pas si cela fonctionnerait avec GIMP, mais voici quelques étapes pour obtenir rapidement quelque chose à l'écran en utilisant Photoshop:

Instructions

  1. Obtenez des textures de terre et d'herbe. Celui que j'utilise dans mon exemple provient de cet ensemble de textures libres .
  2. Ouvrez une texture de saleté dans Photoshop. Sélectionnez tout Ctrl-Aet copiez Ctrl-C. Sélectionnez ensuite Edit > Define Pattern...dans le menu. Nommez votre motif "Dirt".
  3. Faites de même pour la texture Grass, nommez-la "Grass".
  4. Créez un nouveau calque dans Photoshop et appliquez l’ effet Pattern Overlayet Strokeà votre calque. Sélectionnez le motif "Dirt" pour la superposition et le motif "Grass" pour votre AVC (voir les images ci-dessous).
  5. Peignez avec n'importe quel pinceau sur votre calque ... au lieu d'avoir une seule couleur ennuyeuse, il devrait être rendu sous forme de paysage, grâce aux effets de calque. La beauté de ceci est que vous pouvez librement ajouter / supprimer des parties de votre paysage en utilisant des outils de dessin réguliers comme le pinceau ou la gomme.
  6. (facultatif) Dessinez un dégradé du bleu foncé (haut) au bleu clair (bas) sur le calque d'arrière-plan de votre ciel (vous pouvez également utiliser des effets de calque pour cela).
  7. (facultatif) Ajoutez des effets de calque supplémentaires comme un dégradé et une ombre portée à votre calque "paysage" afin d'obtenir une meilleure apparence.

Images

Paramètres de superposition de motifs

Paramètres de superposition de motifs Photoshop

Paramètres de course

Paramètres des traits de Photoshop

Résultat final

Avec quelques effets de calque supplémentaires et un arrière-plan.

image finale

Vous pouvez également télécharger le fichier PSD ici pour le consulter.


1
et vous avez juste une grande image pour tout le niveau?
Spooks

1
Oui, vous pouvez le stocker pour tout le niveau; Je séparerais l'arrière-plan, les objets, etc. des collines réelles. Pour la détection de collision, vous pouvez utiliser la couche alpha. +1 pour un art technique incroyable :)
ashes999

4

De nombreux jeux de plateforme et jeux de toutes sortes utilisent un système de niveaux basé sur des tuiles, où chaque niveau est composé d'une grille de tuiles, parfois en plusieurs couches. Vous pouvez avoir plusieurs tuiles "surface d'herbe", plusieurs tuiles de boue, etc. Ensuite, au lieu de dessiner une image énorme, vous disposez les tuiles sur une carte. Il a tendance à économiser de l'espace sur la texture, entre autres.

Les jeux 2D plus avancés adoptent une approche similaire, mais avec de grands "tampons" qui peuvent être librement déplacés, pivotés et / ou mis à l'échelle pour constituer un niveau et ne sont pas collés à une grille comme dans la technique basée sur les tuiles. Aquaria utilise cette méthode.


2

Si cela ne vous dérange pas d'avoir l'air un peu ennuyeux, vous pouvez simplement dessiner un tas de cercles de tailles différentes le long d'une ligne plate (votre plan de masse) et les remplir à l'inondation. Ensuite, vous pouvez revenir en arrière et dessiner une boîte brune couvrant partie "souterraine" de la carte, puis ajoutez de petites touches de sol pour rencontrer les courbes supérieures du cercle. Ensuite, vous pouvez faire une passe de détail pour ajouter de l'herbe ou autre chose (très facile si vous avez Photoshop avec les différents pinceaux).

Cette aide?


2

Je vous recommande fortement de vous procurer une copie de Paint.NET gratuite et 100 fois meilleure que MS Paint - elle dispose de quelques outils de base pour faciliter la génération d'œuvres d'art dans le sens que vous recherchez.

Il vous permettra, par exemple, de faire une sélection et de remplir la sélection entière avec une couleur / un dégradé donné, cela vous évitera d'utiliser l'outil stylo et de dessiner pixel par pixel.

Ce n'est même pas proche de Photoshop, mais c'est excellent pour ce type de cas d'utilisation, où vous recherchez de l'art de style basique.

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.