Touffe d’herbe modèle 3D et planche de sprites gratuits

2D pixel art par Pixor, à partir du modèle 3D

48×48px · ×6
CôtéFace
AnimationBalancement
Size
Couleurs
selout · 48px ·8côtés

3D le modèle dont il est issu

Touffe d’herbe, modèle 3D
Ouvrir dans la démo du navigateur Ouvrir dans Pixor
Télécharger ▾
Ouvrir dans Pixor télécharge un petit fichier qui s’ouvre dans Pixor (version bureau). Pas encore Pixor ? Procurez-le-vous ou essayez la démo dans le navigateur. Les fichiers Godot et Aseprite sont dans le zip.

Des GIF à partager

Pour un devlog, un post ou un message Discord. En CC0 comme le reste : aucune mention requise.

Touffe d’herbe, GIF animé en pixel art
De face Télécharger
Touffe d’herbe sous ses 8 côtés, en pixel art animé
Tous les côtés Télécharger

Une touffe de brins d’herbe courbes et pointus en deux verts, déployés en éventail depuis un même point. Dans la boucle Sway, les brins ploient ensemble sous une rafale puis se redressent. À 48 pixels en vue de trois quarts, c’est le détail de sol de base que l’on parsème partout pour donner vie aux tuiles plates.

Chaque brin est balayé le long d’une courbe comme une fine coque fermée plutôt qu’un plan plat, si bien qu’il se rend proprement de n’importe quel côté sans disparaître vu de profil. Les brins sont groupés en éventails, et des shape keys les courbent pour le balancement. Les deux tons viennent des matériaux Grass et Light leaf.

Les touffes d’herbe sont l’accessoire le plus répété dans de nombreux jeux vus de dessus et de côté. Utilisez-les pour marquer une prairie praticable, cacher de petits objets à ramasser, ou réagir quand le joueur les traverse. Placez-les en groupes lâches plutôt qu’en grille, et décalez l’image de départ de chacune pour qu’elles ne se balancent pas toutes en même temps.

Pour de l’herbe sèche ou automnale, tournez les deux verts vers le jaune et le brun, ou vers un bleu-vert pâle pour une toundra gelée. La touffe va avec le parterre de fleurs et le buisson pour couvrir le sol, et adoucit le pied du chêne, du lot de rochers et de la clôture.

L’utiliser dans votre jeu

  • Godot 4 : godot/grass-tuft-selout-48.tres est une ressource SpriteFrames avec 8 animations (Sway_South, Sway_Southeast … Sway_Southwest) : déposez-la sur un AnimatedSprite2D et jouez Sway_South.
  • Aseprite : aseprite/grass-tuft-selout-48.aseprite a un tag pour chacun d’eux, 96 images en tout, à retoucher à la main ; son .json est juste à côté.
  • Unity, GameMaker et les autres : sprites/selout/grass-tuft-48px-8-sides.png contient 8 rangées de cases de 48×48 px, une par action et par côté, Sud (face) en premier. Une planche à 4 côtés et les tailles 32 et 64 px sont juste à côté.
  • Posts et devlogs : les GIF ci-dessus, aussi dans le dossier gifs/ du zip.
  • 3D : le GLB s’ouvre dans Blender, Godot, Unity et three.js. Le .blend conserve ses modificateurs, ses parties nommées et ses matériaux.

Comment ce look a été fait

Le sprite ci-dessus utilise le look contour sélectif de Pixor. Dans Pixor, chaque étape d’un look est un nœud modifiable : les bandes de lumière, les contours, la palette. Voici le graphe de Style de ce look :

Lumière et ombre
tramage
0
remplissage
0
hystérésis
0.05
reflet min
2
contour
aucun
ombres
activé
spéculaire
0.96
Encrage
convexe
aucun
pli
selout1
angle des plis
55
saut de profondeur
2.5
intérieur
selout2
trait intérieur min
3
extérieur
selout3
extérieur dedans
désactivé
traits de parties
activé
Combiner
remplissage
ombré
Nettoyage
anticrénelage
0
orphelin max
1
passes
4
largeur en pixels
1
Rendu en calques
Le graphe de Style de ce look : ce que fait chaque nœud, et ses réglages. Chaque nom renvoie à ce que fait le nœud.

Les autres looks du lecteur (net, rétro, aplat) sont d’autres graphes de Style. Avec Pixor, vous pouvez ouvrir cet asset, modifier n’importe quel nœud et faire votre propre rendu.

Assets gratuits similaires