msikma / pokesprite Goto Github PK

View Code? Open in Web Editor NEW

964.0 64.0 165.0 24.9 MB

Database project of box and inventory sprites from the Pokémon core series games

Home Page: https://msikma.github.io/pokesprite/

License: MIT License

Python 89.38% Shell 9.59% JavaScript 1.03%

icons sprites pokemon pokedex

pokesprite's Issues

How to display the icon when I got the Json file?

Sorry for asking this, i'm new to web-applications.
So now I can get the json output from decerate:
{ request: { slug: 'pikachu' },
attributes:
{ type: 'pkmn',
slug: 'pikachu',
color: null,
form: null,
gender: null,
dir: null },
exactMatch: true,
found: true,
data: { coords: { x: 1, y: 63 }, props: { flipped: false } },
size: { w: 40, h: 30 } }

How do I use it to display the icon? Thanks in advance!

Shiny Naganadel error

The icon for shiny Naganadel shows yellow wings, but it actually has black wings.

Having issues when using Pokesprite with jQuery!

Hi all

I'm having issues using Pokesprite with jQuery. When jQuery is enabled, all the mons show up as Bulbasaur. When disabled, it fixes itself and goes back to normal.

I am being affected on this repo: https://github.com/GiacomoLaw/pokefinder

I know that it is jQuery, as disabling it fixes the problem.

Thanks in advance!

Ribbons

Pokesprite is great, and I love using it. However, there's something it still needs: images for ribbons.

At least the most common ribbons from event Pokémon like the Classic, Premier, Wishing could be implemented on the script.

Add new icons for Pokémon Sword/Shield

Relates to #46.

Pokémon Sword/Shield is nearing release (only a few more days), but somehow part of it has apparently already leaked and so I have an early release of the box sprites.

The new sprites are 68x56. Most have been changed, which means I'll have to redo most. The old Pokémon sprites will remain where they are, and the new icons will go to /icons/pokemon-68x56. I can never change the location of the old sprites anymore, because I'll be breaking approximately a billion trade excel sheets 😄

This may not be the definitive list of new icons. The image I linked has some confusing things, like Alolan Raichu and Alolan Dugtrio being smaller than their Kanto counterparts, for example—possibly indicating that their old box sprites are just there for compatibility and they don't actually appear in the game? Or, possibly indicating that their sprites will be updated later. We'll see. In any case, the old icons did get updated (the old ones had 15 colors, the new have 63 colors).

~~Also, I don't have a dump of the item icons yet. I'll see if I can get one. If you have it, let me know on Twitter.~~

I don't think anybody cares about the sprite sheet generator, but I'm remaking it in Node/Javascript right now and the new larger icons will become the defaults.

Edit: I've got a full dump of items and Pokémon icons named by ID numbers now, which will be a massive help.

Shiny Darkrai color error

It's not as noticeable when viewing it in its regular size, but I've noticed just now that the darkey grey "outline" color from the regular Darkrai sprite was (I assume unintentionally) left untouched when the shiny sprite was made, making it look a little odd:

(To the right, how it looks when I use colors from Shiny Darkrai's Gen. 5 sprite.)

Add new Mega Evolutions and Primal Evolutions from Omega Ruby and Alpha Sapphire

There are new Mega Evolutions (and a new "Primal Evolution") from Omega Ruby and Alpha Sapphire. It would be great if pokesprite supported these.

Gigantamax Charizard shiny colors seem not accurate

It seems that the original is more purple rather than gray.
Here is a comparison (pokesprite VS HOME shiny render):

Gen 7 style (40x30) sprites for Gen 8 Pokémon (Pokémon Showdown)

It was pointed out to me that Pokémon Showdown has small sprites (40x30) for large Gen 8 Pokémon in their database. See their spritesheet here.

These could be added to PokéSprite, so that it's possible to fully represent all Pokémon in 40x30 size as well.

I've asked for more information and permission to add these images.

Shiny Beautifly image not appearing

The image for shiny Beautifly fails to load on a Google Spreadsheet when used as a function reading:

=image("https://raw.githubusercontent.com/msikma/pokesprite/master/icons/pokemon/shiny/beautifly.png")

Regular Beautifly works, however, and all other shiny and regular sprites seem to work.

Enhancement: Ability to reference a Pokemon based on Pokedex number instead of name

It would be great to be able to reference a Pokemon based on its national Pokedex number (like '025' for Pikachu) instead of by name. Pokemon naming schemes aren't well defined, and it may be difficult for a web application to generate names that work with pokesprite. For example:

Is Nidoran Female Nidoran-F? Nidoran F.? Nidoran ♀?
What about Mr. Mime? Mr-Mime, Mr.Mime?

Size of sprites ?

Are all the sprites the same size, or are they different sizes ? If thy are the same, what are the dimensions. I would like to know because I need the dimensions to access them from my java project.

Missing

Sprites for half of the Pokemon starting with the letter V and then through to Z are missing.

Glalite should be Glalitite

The image for Mega Glalie's mega stone is called "glalite" here. It should be "glalitite", according to the following sources:

Size of sprites qq

Gender differences not working

As you can see on the compiled overview in this repo and when you try to compile it for yourself, gender differences are not working at all.

Gen8 icons aren't aligned the same

Please see the following two examples:
https://raw.githubusercontent.com/msikma/pokesprite/master/pokemon-gen8/regular/grookey.png
https://raw.githubusercontent.com/msikma/pokesprite/master/icons/pokemon/regular/pikachu.png

As you can see the grookey sprite seems to have extra space which can be seen easily if you copy image and paste it next to gen 1-7 ones in paint - https://prnt.sc/rfqcsf

This causes Pokemon to not be aligned and not displaying properly in tabs as seen here: https://tinyurl.com/Kanimi-Pokemon

Any reason for the extra space on the new sprites?

Also unless I am blind there's no koffing-galar or weezing-galar.

Old Amber? Also Thunder Stone error.

I was looking through the fossils and I noticed that the Old Amber - the fossil that is used to revive Aerodactyl - is completely missing. Is it in a separate section, or was it simply forgotten?

Also, this may just be me, but the Thunder Stone sprite doesn't appear to be loading when I add it into a Google sheet. The other evolution items work just fine, but the Thunder Stone strangely isn't.

Icon overview page in Readme should link to output/overview.html

The Readme makes several references to the icon overview page:

There are many different icons that can be displayed. See the icon overview page for a complete overview.

It would be great if this would link to the overview page at output/overview.html

I made DexTool and it uses PokéSprite

Hello,

I made a DexTool in order to help people manage their Pokémon living dexes with the correct box ordering. It also has features for shiny living dexes, image exporting, encounter counting and output for streaming services.

All of the Pokémon sprites are from PokéSprite, so I thought you'd like to know.

Gourgeist Sprite

Hi, Gourgeist has the same image for all sizes

Shiny changes as of Pokémon Home

Apparently, as of Pokémon Home, the following shiny Pokémon changed designs:

Castform's rainy, snowy and sunny forms
Minior (now each color has a unique shiny)
Magearna, which actually already had shiny versions, but that version was never officially obtainable

I'm not sure if this is a full list. Anybody know of other changes besides these?

For Minior and Magearna, I think we should make a copy of their current shiny sprites and name them "gen7" (or maybe "original"?) so that we can keep the images around, and then add the new versions. PP doesn't seem to have all Minior images yet, though, so we might need more screenshots.

Thanks to Wordeur for alerting me to this by email.

Meltan and Melmetal sprites

I don't know if these sprites are "official," but the sprites for Meltan and Melmetal are available on Bulbapedia:

https://archives.bulbagarden.net/wiki/File:808MS.png
https://archives.bulbagarden.net/wiki/File:809MS.png

Shiny Cap Pikachu color error / Busted Mimikyu request (and maybe Totems?)

The shiny Cap Pikachu sprites shouldn't have regular Pikachu's shiny colors. They're based on Ash's (non-shiny) Pikachu and aren't supposed to be obtainable in shiny form, but shiny Partner Cap Pikachu is possible due to an oversight and has the same colors as the non-shiny form (as do the rest if hacked into the game):

Also, can we get a custom sprite for Busted Form Mimikyu? Looks like it's the only non-Totem alternate form without its own sprite. I'm not sure if it's worth the effort making separate sprites for the Totems too, some like Kommo-o already take up most of the image space so I don't know if it's feasible to make them any bigger.

Having issues using Pokesprite on site

Hi all

I linked the CSS to the url sheet on the download site. However, the icons are not showing:

https://github.com/GiacomoLaw/pokemon-team

Anyone know why?

Thank you! 😄

Icons for complete and 10% zygarde forms and Ash-greninja

Hello,

Thanks a lot for all this work and sharing.
I noticed that some icons (regular and shinies) were missing for zygarde 10% form, zygarde complete form and Ash-greninja.

Is it already planned to add them ?

Best regards,
Alex

Hippopotas and Hippowdon

Hey mate.

First off, amazing work. Big fan of the shiny sprites.

I noticed there's something wrong with the Hippopotas and Hippowdon sprites. These guys have different forms (colours) based on gender, but here the male are listed as the regular sprite, while the regular female is listed as the shiny. Neither the male of female shinies are included.

A friend of mine recoloured the regular sprites to the shiny colours and said you could use them if you wanted.

Shiny Male Hippopotas
Shiny Female Hippopotas
Shiny Male Hippowdon
Shiny Female Hippowdon

[Feature Request] Refactor icon names to add veekun/pokedex DB compatibility / interoperability

In an attempt to bring cross-project compatibility, I had to struggle a bit in order to find all images for the Pokemon, Pokemon forms and items listed in the database generated from the well known veekun/pokedex project. Still after my attempt in one of my projects there are a lot of mismatches that I could not solve.

The Veekun Pokedex project is an effort to rip the data directly from the games and is used by numerous projects including https://veekun.com/dex, http://pokeapi.co, https://pokedextracker.com/ (if I am not wrong) and many more (the project has ~300 forks).

Veekun Pokedex has also its cons because the "slugs" or string identifiers they use are neither fully compatible with other well known projects: Pokemon Showdown and Smogon.

My goal is to bring naming consistency to all these projects, including this one, so they will be interoperable.
I think that the best thing to do first is to make this project compatible with Veekun Pokedex, then make that one compatible with Smogon and Showdown, so at the end this project will be compatible with all of them, via the Veekun Pokedex.

What do you think? Are you interested? I will be happy to offer my help in form of pull requests.

Pre-rendered sprite sheets on the Github wiki are out of date

They need to be regenerated and re-added as soon as all the new ORAS sprites have been added.

Sprites with transparent pixels trimmed?

Wondering if it's possible to have the new sprites with the transparent pixels cropped out. I understand that having them all conform to a standard of 68 by 56 pixels makes sense for a lot of use cases, but trying to use them in Google Sheets makes a lot of sprites tiny and hard to see.

For example, Grookey's actual height is about 25 pixels, but since the image height is 56, it shrinks down to half the size of the row. On the other hand, Eternatus's Eternamax form takes up the entire 56 pixels, so it's also not possible to simply crop all sprites to half the height in Google Sheets.

Image cropped to actual sprite height (taken from serebii.net):

Sprites in 68x56 box:

dex number slug not working

According to the docs and #2, I should be able to do something like:

<span class="pkspr pkmn-004"></span>

But when I try to decorate the node, I just get the following warning message:

Couldn't decorate icon with the following properties: { slug: "004", type: "pkmn" }

I thought maybe this was just a problem with the npm build, but I get the same issue on the overview page. You can reproduce this with a very big hack on the console there:

document.body.innerHTML = '<span class="pkspr pkmn-004"></span>'
PkSpr.decorate(document.body)

Sprite generator

There was a sprite generator mentioned while the gen 8 sprites were made, is this still worked on or got this one dropped?

Sprites look blurry on retina display

Sprites look blurry due to the fact that they're upscaled on a retina display. Figure out if we can change the upscale to a point upscale rather than the browsers' standard bilinear/bicubic algorithm, and check whether we can get this to work correctly with global zoom values other than 200%.

[Feature Request] Add USUM icons

I know it is a bit early and probably you don't want to spoil yourself yet, but would be nice to add the icons for the new Pokemon and new forms in Ultra Sun and Moon

You can see them here (contains SPOILERS) : https://richi3f.github.io/pokemon-team-planner/

Difference between Male and Female

Hin i can't seen the difference between gender (cf. screenshot)

Shiny star gone

Hi,

In this commit you got rid of status icons. I actually use Shiny and Pokerus ones. Do you have anything against bringing them back?

Thanks

Sprite for female Meowstic is missing

The male Meowstic sprite is present (Meowstic.png), but the female variant is missing.

See this directory:
https://github.com/msikma/pokesprite/tree/master/icons/pokemon/regular

Vespiqueen

Hello, Vespiqueen is Missing :(

Usability

I'm going over the documentation, and while I find the project super useful I also find it slightly hard to use, from a developer experience point of view.

The npm module doesn't seem up-to-date, and doesn't even seem to be referenced here so I'm not sure whether it's meant to be used or not (I'd suggest to make it first-class citizen, as that's the main way JS modules are consumed nowadays).
The need to call a JS function in order for the icon to be properly displayed isn't great. I think it's because the CSS stylesheet doesn't list all the information, and the elements are instead dynamically generated to save size. Is that it? If so, have you tried listing the background-position for each of the 8k+ class names? I would expect web browsers to optimize most of the cost (both runtime and space, thanks to gzip).

Basically, what would be really interesting imo would be to import the css style in the page, and just be able to create the icons by creating only one element with the right class. Given that various icon fonts operate like this I would expect this to be possible for pokesprite?

Procedural Spinda

Adding to the list of barely significant variations, I made a simple script to procedurally draw spots on spinda: https://codepen.io/5310/pen/vmXONE?editors=0010

It makes no sense to statically render spinda variations. But if the sprite-sheet generator tool can host this generator as an addon then these blank and "filled-in" sprites might become useful. They may also be useful even to a user who to generate their own spinda spots manually or in-engine, they can just generate the clipping spots and composite the blank and filled-in layers.

What do you think, too trivial? @⏝@

Genesect forms

Hi msikma,

I noticed you added different forms for Silvally and Arceus, that's great !
Would it be possible to do the same thing for Genesect (with the different drives: Shock, Burn, Chill, Douse) ?

Unfortunately I'm not able to see the new icons you added on http://msikma.github.io/pokesprite/overview.html
Is it a refresh issue ?

Kind regards,
Alex

Sprites Not Showing

For some reason, I'm unable to display any sprite on my site. I'm using the Laravel framework and followed all the steps in the readme. Sorry if this is something simple. Both files below are included in dex.blade.php.

My meta.blade.php file:

My dex.blade.php file:

My footer.blade.php file:

Add new Alola Pokémon and forms

It's that time again. There are 81 new Pokémon, and several new forms.

I'm not sure if there is good reference material yet. In previous versions I used animated GIFs of shiny Pokémon (made from screen recordings) which were extremely useful because the color fidelity of those images is very good. Photos of 3DS screens are not very usable for this purpose.

option for vertically centered sprites

hey @msikma! big fan of this repo, we use it to generate sprites for pokedextracker.com.

i would love to see an option for vertically centered sprites. the way the design is on our app, it looks much better for the icons to be vertically centered:

to get around this, we have forked your repo, written a photoshop action to vertically center each image, and saved over the original files.

it would be great if you had a vertically centered option in this repo so that we could avoid that work in the future.

thanks!

10% Zygarde Form

How is the sprite of 10% Forme Zygarde? I only can put 50% and complete Formes.

Gourgeist

Hey there!

Thanks for everything you have done for this. This is an amazing project.

I noticed you finished your update but I can't find the shiny Gourgeist Alternate Forms. Would it be possible for them to be added when you get a chance?

[SWSH] Dhelmise Shiny Sprite

As you can see in the above comparison, the wooden part of the anchor remains brown when Shiny.

The Gen 7 sprite correctly replicates the official coloration:

Sprite Inconsistency / Missing Sprites

Case 1: Hitmonlee

Hitmonlee had its sprite updated in SWSH, it does not use the same sprite as the one present in LGPE. Its Shiny sprite should be updated to reflect the sprite change for consistency.

Normal (SWSH sprite):

Shiny (based on LGPE sprite):