Editor di pixel art gratuito · Funziona nel tuo browser
Pixel art e animazione per il tuo gioco
Disegna gli sprite, animane ogni fotogramma ed esporta sprite sheet che il tuo motore legge così come sono: Godot, Unity, GameMaker o qualsiasi motore che accetti JSON.
- Gratis
- Nessuna installazione
- Nessuna filigrana
L’editor
Tutto ciò che serve a uno sprite
Costruito per il modo in cui nascono gli sprite di gioco: tele piccole, pochi colori, molti fotogrammi.
Strumenti pixel
Matita pixel-perfect, linee, rettangoli, ellissi e riempimento, con simmetria su uno o due assi e blocco alfa per ricolorare.
Animazione a fotogrammi
Una timeline di fotogrammi con tag, durata per fotogramma e onion skin. Continua a disegnare mentre viene riprodotta.
Livelli e gruppi
Dai un nome ai livelli, raggruppali, bloccali e nascondili. La timeline mostra quelli che si muovono, così gli sprite lunghi restano leggibili.
Palette
Parti da PICO-8, Sweetie 16, Endesga 32 o Game Boy, crea rampe e sfumature con variazione di tonalità e cambia un colore in tutti i fotogrammi in una volta.
Tile
Una griglia di tile sulla tela e un’anteprima affiancata 3 × 3 che mostra le giunzioni prima del tuo livello.
Riferimenti e importazioni
Disegna sopra un’immagine di riferimento, apri un PNG come sprite o taglia in fotogrammi uno sprite sheet esistente.
Esporta
Sprite sheet con JSON in stile Aseprite, GIF e fotogrammi PNG, scalati da 1× a 8× senza sfocatura.
Sprite affiancati
Tieni insieme gli sprite di un personaggio come schede in un unico file di progetto .mori, con una palette condivisa.
Lavoro al sicuro
Una copia del lavoro non salvato viene conservata nel browser e riproposta se la scheda si chiude. I progetti recenti sono a un clic.
Esporta
Dritto nel tuo motore
L’esportazione scrive lo sprite sheet e il file che il tuo motore legge, così l’animazione arriva suddivisa, temporizzata e con i nomi dei tuoi tag.
- Godot 4
.tresUna risorsa SpriteFrames con un’animazione per tag, pronta per un AnimatedSprite2D.
- Unity
.png.metaLo sheet arriva come sprite Multiple già suddiviso, con filtro Point e senza compressione.
- GameMaker
_strip8.pngUna striscia con il nome che GameMaker usa per dividerla in fotogrammi all’importazione.
- Qualsiasi motore
.jsonJSON in stile Aseprite (hash o array) con fotogrammi, durate e tag, per Phaser e altri.
Anche GIF, PNG singoli e fotogrammi PNG, da 1× a 8×.
Come funziona
Dalla tela vuota al tuo gioco in tre passaggi
Passaggio 1: Inizia uno sprite
Scegli una dimensione e una palette, oppure parti da un modello per un personaggio, un tileset o un’icona.
Passaggio 2: Disegna e anima
Aggiungi fotogrammi, assegna tag ai loop e guardali andare mentre continui a disegnare.
Passaggio 3: Esporta nel tuo gioco
Scrivi lo sprite sheet e il file che il tuo motore legge, in un solo passaggio.
Fotoritocco
Un editor di foto nello stesso banco di lavoro
Per texture, key art e schermate per lo store, o qualsiasi foto su cui lavorare: livelli, maschere e strumenti di ritocco, con le scorciatoie che chi usa Photoshop conosce.
Livelli di regolazione
Valori tonali, Curve, Tonalità/Saturazione e altre dodici, ciascuna sul proprio livello con una maschera, modificabile o disattivabile in qualsiasi momento.
Ritocco
Pennello correttivo al volo, pennello correttivo, toppa, timbro clone e riempimento in base al contenuto, con scherma, brucia, sfoca, nitidezza e fluidifica.
Selezioni e maschere
Selezione rapida, bacchetta magica, lazo e Seleziona e maschera per capelli e bordi morbidi, su una maschera di livello così nulla viene cancellato.
Testo, forme e stili
Testo modificabile, forme e strumento penna, con stili di livello come ombra esterna, traccia e bagliore.
File PSD
Apri un PSD con livelli, maschere, regolazioni e stili, e salva una copia in PSD per restituire il lavoro.
Texture di gioco
Rendi una texture senza giunzioni, ridimensionala a una potenza di due o trasforma una foto in pixel art e continua come sprite.
Prossimamente
Dove sta andando Moriqa
Queste cose sono in programma, non ancora costruite; la roadmap mostra a cosa si sta lavorando.
- In programmaComponenti e varianti
Disegna una parte una volta e riusala negli sprite, con varianti con nome come colori o stati.
- In programmaAnimazione a fotogrammi chiave
Sposta, ruota e scala le parti tra le chiavi invece di ridisegnare ogni fotogramma.
- In programmaProgetti di illustrazione
Forme vettoriali, tracciati e testo su tavole da disegno, esportati come SVG o PNG nitido.
Moriqa
Domande frequenti
Moriqa è gratuito?
Sì. Tutto nell’editor è gratuito, compresi tutti i formati di esportazione, e nulla ha la filigrana. Non esiste un piano a pagamento; se Moriqa ti è utile, puoi sostenerlo su Buy Me a Coffee.
Mi serve un account?
Sì, gratuito. Accedi con Google, GitHub, Discord o email e l’editor si apre. I tuoi progetti restano salvati come file .mori sul tuo computer; l’account è il tuo profilo, su cui si baserà la condivisione dei componenti con altri artisti.
Come porto uno sprite nel mio gioco?
L’esportazione scrive uno sprite sheet più il file che il tuo motore legge: una risorsa SpriteFrames per Godot 4, un .meta di sprite suddiviso per Unity, una striscia con nome per GameMaker oppure JSON in stile Aseprite per Phaser e altri motori. Le durate dei fotogrammi e i tag arrivano come animazioni.
Posso aprire i file di Aseprite?
Non ancora. Puoi aprire un PNG come sprite, oppure importare uno sprite sheet esistente e tagliarlo in fotogrammi. L’esportazione JSON di Moriqa segue il formato di Aseprite, quindi gli strumenti che leggono gli sheet di Aseprite leggono anche quelli di Moriqa.
Dove viene conservato il mio lavoro?
Sul tuo computer. Salvi i file di progetto .mori dove vuoi, e il browser conserva una copia del lavoro non salvato per riproportela se la scheda si chiude. Nulla viene caricato.
Funziona su telefono o tablet?
L’editor è pensato per i browser di computer fissi e portatili, con mouse o tavoletta grafica. Gli strumenti gratuiti di moriqa.com funzionano anche sul telefono.
E il fotoritocco e l’illustrazione?
Il fotoritocco è già qui: lo stesso editor ha una modalità foto con livelli, maschere, livelli di regolazione, strumenti di ritocco e file PSD. I progetti di illustrazione sono in programma; la roadmap mostra a cosa si sta lavorando.
L’editor usa l’IA?
Non per disegnare o modificare: gli strumenti sono fatti per essere usati a mano. La modalità foto ha due comandi, «Seleziona soggetto» e «Rimuovi sfondo», che usano lo stesso modello dello strumento gratuito di rimozione dello sfondo, e lo dicono prima che un’immagine venga inviata.
Correlati
Strumenti gratuiti per pixel artist
Disegna il tuo primo sprite
L’editor si apre nel browser con un nuovo sprite pronto. Niente da installare; basta un account gratuito.