Cuore modello 3D e sprite sheet gratis

2D pixel art di Pixor, dal modello 3D

32×32px · ×8
LatoDavanti
Animazionepulsazione
Size
Colori
selout · 32px ·8lati

3D il modello da cui è stato renderizzato

Cuore, modello 3D
Apri nella demo nel browser Apri in Pixor
Scarica ▾
Apri in Pixor scarica un piccolo file che si apre in Pixor (desktop). Non hai ancora Pixor? Prendilo o prova la demo nel browser. I file per Godot e Aseprite sono nello zip.

GIF da condividere

Per un devlog, un post o un messaggio su Discord. CC0 come il resto: nessun credito richiesto.

Cuore, GIF animata in pixel art
Di fronte Scarica
Cuore da tutti i 8 lati, pixel art animata
Ogni lato Scarica

Cuore: un modello rosso e paffuto che pulsa dolcemente, il simbolo universale della salute. È una spessa piastra arrotondata con un bordo morbido, così si legge come un oggetto solido invece che come una forma piatta, e gli sprite lo mostrano gonfiarsi e assestarsi in un loop calmo che va bene sia per un raccoglibile sia per una barra della salute.

Il cuore nasce come un unico contorno. Il bordo arrotondato è estruso da copie sfalsate di quel contorno, e le metà sono ricavate dallo stesso identico contorno, così ogni variante combacia esattamente. Le varianti stanno negli extra: un cuore vuoto in ferro scuro e un mezzo cuore pieno a sinistra e vuoto a destra.

Con i cuori pieni, a metà e vuoti puoi costruire la classica fila di contenitori di salute delle avventure d’azione e dei roguelike. Usa il cuore pieno pulsante come oggetto che ripristina la salute, poi riusa i fotogrammi fermi di tutti e tre per l’HUD. La pulsazione viene aggiunta da Pixor al render, non animata con chiavi in Blender.

Come raccoglibile, cuore è centrato nella sua cella di 32 pixel. Per farne invece un indicatore di scudo o di mana, sostituisci il materiale rosso con il blu o l'oro e renderizza di nuovo. Si abbina bene alla pozione come secondo tipo di oggetto curativo.

Usalo nel tuo gioco

  • Godot 4: godot/cuore-selout-32.tres è una risorsa SpriteFrames con 8 animazioni (pulse_South, pulse_Southeast … pulse_Southwest): trascinala su un AnimatedSprite2D e riproduci pulse_South.
  • Aseprite: aseprite/cuore-selout-32.aseprite ha un tag per ciascuna di queste, 64 fotogrammi in tutto, da ritoccare a mano; il suo .json è accanto.
  • Unity, GameMaker e il resto: sprites/selout/cuore-32px-8-sides.png ha 8 righe di celle da 32×32 px, una per azione e lato, prima Sud (fronte). Accanto ci sono uno sheet a 4 lati e le dimensioni 48 e 64 px.
  • Post e devlog: le GIF qui sopra, anche nella cartella gifs/ dello zip.
  • 3D: il GLB si apre in Blender, Godot, Unity e three.js. Il .blend conserva modificatori, parti con nome e materiali.

Come è stato fatto questo look

Lo sprite qui sopra usa il look a contorno selettivo di Pixor. In Pixor ogni passo di un look è un nodo che puoi cambiare: le bande di luce, i contorni, la palette. Questo è il grafo di Stile di quel look:

Luce e ombra
dithering
0
riempimento
0
isteresi
0.05
luce alta min
2
contorno di luce
nessuno
ombre
acceso
speculare
0.96
Lavoro di linee
convesso
nessuno
piega
selout1
angolo di piega
55
salto di profondità
2.5
interno
selout2
linea interna min
3
esterno
selout3
esterno all’interno
spento
linee delle parti
acceso
Combina
riempimento
ombreggiato
Pulizia
antialiasing
0
isolati max
1
passaggi
4
larghezza in pixel
1
Render a livelli
Il grafo di Stile di questo look: cosa produce ogni nodo e le sue impostazioni. Ogni nome rimanda a cosa fa il nodo.

Gli altri look del visualizzatore (pulito, retro, piatto) sono altri grafi di Stile. Con Pixor puoi aprire questo asset, cambiare qualsiasi nodo e renderizzare il tuo.

Asset gratuiti correlati