msikma / pokesprite Goto Github PK
View Code? Open in Web Editor NEWDatabase project of box and inventory sprites from the Pokémon core series games
Home Page: https://msikma.github.io/pokesprite/
License: MIT License
Database project of box and inventory sprites from the Pokémon core series games
Home Page: https://msikma.github.io/pokesprite/
License: MIT License
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!
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!
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.
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.
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.)
There are new Mega Evolutions (and a new "Primal Evolution") from Omega Ruby and Alpha Sapphire. It would be great if pokesprite supported these.
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.
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.
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:
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.
Sprites for half of the Pokemon starting with the letter V and then through to Z are missing.
The image for Mega Glalie's mega stone is called "glalite" here. It should be "glalitite", according to the following sources:
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.
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.
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.
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
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.
Apparently, as of Pokémon Home, the following shiny Pokémon changed designs:
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.
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
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.
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! 😄
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
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
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.
They need to be regenerated and re-added as soon as all the new ORAS sprites have been added.
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:
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)
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 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%.
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/
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
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
Hello, Vespiqueen is Missing :(
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?
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? @⏝@
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
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.
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!
How is the sprite of 10% Forme Zygarde? I only can put 50% and complete Formes.
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?
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):
Stonjourner is missing a Shiny sprite entirely. Both sprites present in the project match the vanilla sprite found in SWSH.
Posting here as requested.
http://i.imgur.com/yj55AOP.png
Just some normal/shiny Arceus sprites I made with the various plates.
I'm using Pokesprite a lot in a project I'm making, but some sprites aren't showing up correctly.
If you go to this site, click on route five at the top, and move up a little, you'll find that the wrong sprites with the wrong Pokemon.
http://giacomolaw.me/pokefinder/#route5
The sprites are all correctly assigned, and I don't know why it's happening.
The code can be found here: https://github.com/GiacomoLaw/pokefinder
Thank you!
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.