Je suis le seul artiste de notre studio de jeu, ce qui signifie que je dois gérer l'animation, l'interface utilisateur, le matériel publicitaire, les ressources pour les réseaux sociaux, les personnages, les objets et les environnements. Tout ce qui a besoin d'au moins un peu d'art tombe sur mes épaules. Je ressens souvent tout le fardeau pour moi, alors je me demande:

Est-il possible d'accélérer d'une manière ou d'une autre tout cela?!

Dans cet article, je vais parler de la façon dont nous développons des tuiles d'environnement 2D pour des jeux tels que Levelhead et Crashlands, et montrer une technique qui nous permet de gagner un peu de temps et d'augmenter la polyvalence des ressources d'environnement graphique. Cette méthode simplifie également la création de types de terrain d'aspect organique qui se fondent bien les uns avec les autres. Je ne suggère pas d'utiliser cette méthode lors de la création de jeux de tuiles d'environnement, mais cela deviendra une bonne reconstitution d'un ensemble d'outils pour tout artiste.

Cette méthode est appelée SPLATTER TILE!

Le problème du carrelage traditionnel

Je cherche toujours des moyens de travailler plus rapidement et avec plus de flexibilité. Je travaille avec des méthodes de carrelage traditionnelles comme les 9 tranches et les cartes de tuiles, et je trouve souvent que les résultats sont trop durs. Nous obtenons une grille qui colle à l'environnement de telle manière que je ne peux rien changer.

Après avoir plongé dans la création de tels environnements de tuiles, j'ai découvert que la meilleure façon de créer des ensembles de tuiles plus vivantes et organiques n'est pas de changer la technique, mais d' augmenter le nombre de tuiles dessinées. Je suis rapidement passé de simples 9 tranches à des tuiles de plus en plus larges qui transmettaient tous les virages et les virages du terrain. Pour voir combien de tuiles il faut pour créer un sentiment de vivacité et de flexibilité avec un exemple, regardez cet exemple de craftpix.net :


Désormais, lors de la création d'un niveau, le concepteur peut choisir parmi 57 tuiles distinctes. Du point de vue de la création de graphiques, si vous supprimez tous les doublons et les tuiles en miroir, vous obtenez environ 17 tuiles uniques.

Ayant travaillé dans ce style, j'ai trouvé que je devais changer un de ces ensembles de carreaux et j'ai commencé à m'arracher les cheveux parce que je devais changer tous ces 17 carreaux. Ça m'a fait réfléchir !

Comment créer des carreaux qui semblent naturels dans le monde et qui ne ressemblent pas à une grille? Et existe-t-il un moyen de le faire sans le processus monotone de conversion de ces carreaux en transparente avec toutes les variations coupées en morceaux?

Il s'est avéré que ces deux problèmes sont liés. En bref, pour créer des ensembles de tuiles très organiques, vous devez soit dessiner un grand nombre de ressources de tuiles traditionnelles, soit changer complètement la technique.

La base de cette technique est la différence entre la bordure réelle de la tuile et les graphiques eux-mêmes, et c'est ce que la fondation de Splatter Tiles est. Regardons-les de l'intérieur.

Tuile d'éclaboussure d'anatomie

• Espace de tuile (TILE). Il s'agit de l'espace de grille réel que l'ordinateur utilise. Si vous créez des carreaux qui s'arrêtent à ces frontières, l'artiste obtiendra des ressources traditionnelles avec une structure en treillis clairement visible.
• Bande organique (DÉVERSEMENT ORGANIQUE)! C'est là que la magie opère. Nous allons étendre la tuile dans cet espace pour créer des formes ressemblant à la tuile que nous voulons représenter - si c'est une pierre, nous la rendrons «en blocs» le long des bords. La terre est cahoteuse et inégale, l'herbe est coupante et a de nombreux bords tranchants, etc. (ci-dessous, nous considérerons tout cela).
• Ligne de délimitation (LIGNE DE LIMITE)! Il s'agit de la bordure de la tuile du point de vue de l'artiste. Si vous traversez cette ligne, des parties de la tuile actuelle seront dessinées lors du rendu de la tuile voisine , qui a l'air moche. La tuile entière doit être à l'intérieur.

Bref exemple

Vous remarquerez peut-être que les tuiles éclaboussures vous permettent d'obtenir une sensation de chaos organique très rapidement et sans trop de difficulté. Bien que la réticence de l'environnement soit encore perceptible, la fusion des figures en raison de leur nature floue la rend beaucoup plus vivante.

Exemple plus détaillé

Si vous faites un autre pas en avant, l'ensemble de tuiles éclaboussures, comme dans le cas du jeu de tuiles traditionnel, peut être utilisé pour créer une variété de formes organiques qui ressemblent encore moins à une grille. Dans notre dernier jeu Levelhead , qui est toujours en accès anticipé sur Steam, nous utilisons un ensemble de tuiles éclaboussures pour chaque biome et pour chaque ensemble de tuiles esthétiques que les joueurs peuvent utiliser. Par exemple, voici les tuiles éclaboussures de la jungle:


Et voici à quoi ils ressemblent dans le jeu:


Et voici le biome des champignons astéroïdes et ses tuiles d'éclaboussures correspondantes:



Voici un exemple de notre RPG en monde ouvert Crashlands:

Conseils pour créer efficacement des tuiles d'éclaboussures

• Créez des formes de base sauvages pour les carreaux. C'est ainsi que vous pouvez vous éloigner de la sensation de "mesh".
• Utilisez toutes les couleurs près des bordures de la tuile. L'ombrage à différents points de la bordure doit être élevé et faible afin que lorsque la bordure se connecte à une autre tuile d'éclaboussure, ils puissent se mélanger de manière transparente à des points individuels.
• Testez-le! Comprendre comment remarquer rapidement les modifications apportées dans le bon contexte. Vous pouvez utiliser des clones, un redémarrage à chaud ou une sorte de système de modèles - cette étape, quelle que soit la méthodologie, est toujours la plus importante lorsque vous travaillez avec des environnements.
• Choisissez vos couleurs à l'avance. Les tuiles éclaboussures se chevauchent, vous devez donc vous assurer que les couleurs se mélangent harmonieusement et n'irritent pas l'œil.
• Réglez la profondeur de la tuile. Par exemple, la terre est toujours sous l'herbe. Une pierre est entre eux. Cela vous permet de créer des motifs intéressants dans lesquels différentes tuiles se chevauchent.

Les tuiles éclaboussures sont généralement les mieux adaptées aux jeux avec une vue de dessus, où la vie ou la mort du joueur ne dépend pas du bord exact de la tuile. Cependant, si vous vous familiarisez avec eux, vous pouvez les adapter à un large éventail de genres différents, y compris un jeu de plateforme actif comme Levelhead!

«Mais Sam! Tu n'as pas besoin de dessiner un tas de tuiles de toute façon?

... enfer!

Et ici, nous sommes à nouveau confrontés à une réalité brutale: créer un environnement 2D intéressant et dynamique nécessite une quantité décente de graphiques. La technique que j'ai proposée vous permet simplement d'obtenir une sensation organique plus rapidement, donc cela vaut la peine d'être exploré avec le développement de carreaux traditionnels.