[X] My Assistant

[Level-X]

v3.1.1
Castform [Sunny] | Castform [Rainy] | Castform [Snowy] | Kubfu | Urshifu [Single Strike/Rapid Strike] | Basculin [White-Striped] | Basculegion (Male) | Basculegion (Female)

v3.1
Galarian Meowth | Galarian Slowpoke | Galarian Slowbro | Galarian Farfetch'd | Galarian Slowking | Solgaleo [Radiant Sun] | Lunala [Full Moon] | Chewtle | Drednaw | Arrokuda | Barraskewda | Perrserker | Sirfetch'd | Indeedee (Shiny Tracker) | Indeedee [Male] (Shiny Tracker Ultimate) | Indeedee [Female] (Shiny Tracker Ultimate) | Dreepy | Drakloak | Dragapult | Eternatus | Sprigatito | Floragato | Meowscarada

GPX+ Shiny Tracker is a community project that is subject to regular updates. Any suggestions or contributions to updates are welcome.
Please message me if you have an issue with anything. I can be reached on the forums or on discord (Level-X#4607).




The project is hosted on GitHub. There you'll see a list of files in the repository.

Getting Started.html
It has information on how to use the basic functions. It's very helpful!

GPX+ Shiny Tracker Ultimate.html
The Shiny Tracker with gender differences included.

GPX+ Shiny Tracker.html
The Shiny Tracker without gender differences.

README.md
A file created by GitHub. Allows you to view the latest information on where and how to download new and past versions of the tracker.

Script-ClickProgress.js
A Javascript file made by Cycloneblaze. This gives you the option of easily adding the shinies you've collected with a mouse click over using manual code.

Style.css
This goes alongside the HTML files. Essentially, it holds the design and makes everything look pretty.

» » » Direct Download for GPX+ Shiny Tracker v3.1.1 « « «
It's always recommended that you download the latest version!
If you have problems with the direct download you can download on GitHub's website here




Current version changes

HTML:

Getting Started: Added v3.1.1 changes.
Banner updated to v3.1.1.
Added gender information for Santa Hariyama and Mrs. Hariyama on the base Shiny Tracker.
Added updated icons for Castform [Sunny], Castform [Rainy], and Castform [Snowy].
Added icons for Kubfu, Urshifu [Single Strike], Urshifu [Rapid Strike], Basculin [White-Striped], and Basculegion (Male/Female).
Incremented version number.

Past version changes

HTML:

Getting Started: Fixed many display problems.
Getting Started: Added v3.1 changes.
Tracker Ultimate: The hover information box has been updated to include Gender information for select Pokémon.
Banner updated to v3.1.
Updated the Footer.
Resized the main content section.
Fixed icons for Rillaboom, Sinistea, and Polteageist.
Added in Pokémon data for Pokémon introduced in Scarlet and Violet and The Teal Mask DLC.
The Pokémon hover information box width has been expanded due to longer names introduced in Pokémon Scarlet and Violet.
Added more spacing for Generations with multiple regions in the Quick Link sections.
Changed display to show two rows of Pokémon per box instead of one row.
Added icons for Galarian Meowth, Galarian Slowpoke, Galarian Slowbro, Galarian Farfetch'd, Galarian Slowking, Solgaleo [Radiant Sun], Lunala [Full Moon], Chewtle, Drednaw, Arrokuda, Barraskewda, Perrserker, Sirfetch'd, Indeedee (Male/Female), Dreepy, Drakloak, Dragapult, Eternatus, Sprigatito, Floragato, and Meowscarada.
Incremented version number.

CSS:

Added and removed code to fix problems on the Getting Started page.

HTML:

HTML file named from "GPX+ Shinies" to "GPX+ Shiny Tracker".
The Favicon has been updated.
Banner updated and now includes version number.
Quick Jump links have been updated to be more visually appealing.
Quick Jump links ID names have been changed from Region to Generation.
Paldea Region section has been added and a Quick Jump link has been created.
Placeholder icon for unavailable Pokémon has been updated.
Added icons for Cramorant, Toxtricity [Amped], Toxtricity [Low Key], Sinistea, Polteageist, Hatenna, Hattrem, Hatterene, and Falinks.
Removed placeholder forms for Sinistea and Polteageist.
Background color for Region sections has been changed to be darker.
When hovering over a Pokémon icon you now get to see full opacity.
When hovering over a Pokémon icon a glowing white border will outline the image.
Hovering over a Pokémon now displays a pop-up box that includes their Pokédex number, name, form, and typing.
Because of this new feature the (title="") HTML code has been replaced with "alt". If a icon has trouble loading it will now display the Pokémon's name instead of the icon.
The Progress Bar now fully stretches the entire Region section.
The GPX+ Shiny Tracker now doesn't include any gendered difference, it now works like the GPX+ Pokédex. Removed duplicate icons include: Hippopotas, Hippowdon, Unfezant, Frillish, Jellicent, Pyroar, Espurr, Indeedee, Basculegion, Noctowl [Curator], and Autumn Tropius.
Fixed an error which caused Eiscue's [Ice Face] icon not to display from v2.5.
Fixed "class" duplication code for Present Drifloon.
Porygon-T's position has been fixed.
GPX+ Shinies (Gender Differences) HTML file has been re-created to be GPX+ Shiny Tracker Ultimate.
Added appropriate gender symbols to Pokémon with gender differences on GPX+ Shiny Tracker Ultimate.
Fixed transparency issues for Gengar [Mega], Magikarp, Corsola, Corsola [Galarian], Remoraid, Skorupi, Snover, Serperior,
Tepig, Pignite, Emboar, Dewott, Samurott, Hisuian Samurott, Lillipup, Herdier, Stoutland, Purrloin, Liepard, Simisear, Simipour, Tranquill, Unfezant [Male], Unfezant [Female], Audino, Leavanny, Maractus, Scrafty, Cinccino, Gothitelle, Sawsbuck [Spring], Escavalier, Amoonguss, Frillish [Male], Jellicent [Male], Mienshao, Pawniard, Bisharp, Braviary, Durant, Zweilous, Volcarona, Cobalion, Virizion, Tornadus [Incarnate], Thundurus [Incarnate], Reshiram, Landorus [Incarnate], Kyurem, Meloetta [Aria], Meloetta [Pirouette], Florges [Orange Flower], Florges [Blue Flower], and Snowy Girafarig.
Added a contributor section and the GPX+ Shiny Tracker Forum thread in the Footer.
Added a few notes in the HTML files to better guide you.
Created a Getting Started HTML file that details all information about the project.
Incremented version number.

CSS:

CSS File renamed to "Style".
Added more CSS for new additions added to HTML files.
Added a few notes in the CSS file to better guide you.
Formatted the file properly.

Java Script:

JavaScript File renamed to "Script-ClickProgress".
Parts of the code changed to work with new HTML ID changes.

HTML:

Added icons for Hisuian Typhlosion, Hisuian Samurott, Hisuian Decidueye, and Eiscue [Ice].
Added placeholder icons for the 25 other Pokémon introduced in Pokémon Legends: Arceus.
Fixed placement of Missingno.
Incremented version number.

HTML:

Added icons for Impidimp, Morgrem, Grimmsnarl, Glastrier, Spectrier, and Nihilego [Parasite].
Incremented version number.

HTML:

Changed various positions of HTML.
Added icons for Silicobra, Sandaconda, Rolycoly, Carkol, Coalossal, Cufant, Copperajah, Galarian Yamask, Runerigus, Sizzlipede, and Centiskorch.
Fixed typo for Eiscue [Noice] form.
Fixed positioning of Porygon-T and Cherrim [Frost].
Incremented version number.

CSS:

Fixed centering issues.
Added progress bar CSS for both Chrome and Firefox.

Alternative tracker that includes all gender differences introduced thanks to Rookie Roo!
(If you wish to use this version simply drag the file out of the "Alternative Trackers" into the main folder with all the other files, otherwise the CSS won't load.)

HTML:

Changed various positions of HTML.
Added icons for Nickit, Thievul, Clobbopus, and Grapploct.
Incremented version number.

CSS:

Minor adjustment to fix a centering issue that could occur within the progress bar.

HTML:

Added metadata.
Incremented version number.

CSS:

Fixed incorrect retrieval of "notown" state.

HTML:

Added Javascript functionality.
Added "Back to top" link.
Changed ownership from IDs to Class.
Updated Footer to include version number and source.

CSS:

Changed formatting.
Tweaked opacity.

Released.

The below information may look like a lot at first glance because I'm trying to be thorough, but everything is super simple to do!

Here is an example of my current progress of Kanto!
View Tracker Image (Large)

• Step 1: Choosing a Text Editor.
  Notepad on Windows or TextEdit on Mac work just fine, but you can download a better editor such as Atom, Notepad ++, Sublime Text, or Visual Studio Code.

• Step 2: Updating the Pokémon you own.
  Now that you have the text editor of your choice, simply open either "GPX+ Shiny Tracker" or "GPX+ Shiny Tracker Ultimate" in the program. Once you do that, you'll see something like this.
  View Step 1 Image (Large)
  The only thing you need to worry about changing is the img class. By default, every img class is marked as "notown". If you want to register as owned, change the img class to "own".

• Step 3: Updating your total completion progress.
  Under each region, there is a completion progress total that'll look something like this.
  View Step 3 Image (Large)
  The two important codes are "value" and "title". The value visually raises your progress percent, and the title tells you how many Shinies you own when you hover over the progress bar.
  By default, every value is marked as "0" and the titles are marked as "0/#". # represents the total number of Pokémon in the respective region. So, if you hatched a Shiny Bulbasaur, you can set both 0's to 1.

• Finished!: An example of the final result!
  In this example, I mark that I own: Mewtwo, Mega Mewtwo X, Mega Mewtwo Y, and Mew. I also changed the appropriate commands for the progress bar so that it visually updates.
  View Finished Image (Large)
  As you can see, the Pokémon are now full color compared to the rest of the icons, and the progress bar has been updated, including the hover effect.

Using this method stores your data in your browser. The data is removed if you clear your browser cache.

With JavaScript, editing the tracker is simple. Just open either "GPX+ Shiny Tracker" or "GPX+ Shiny Tracker Ultimate" in your browser and click on the icons you own to mark them as "owned".
You can click the icon again to mark it as "notown". The script updates the progress bar for you automatically.

Let's backup your JavaScript changes to your HTML file!

• Step 1: Clicking the Pokémon icons you own.
  In this example I marked that I owned Bulbasaur, Ivysaur, and Venusaur.
  View Step 1 Image (Large)

• Step 2: Inspect element
  Right-click on an empty space inside the Region section you are editing and then click "Inspect".
  View Step 2 Image 1 (Large)
  It will then bring up something like this at the bottom of your screen.
  View Step 2 Image 2 (Large)
  You'll see it highlighted over "section id=Gen#" This is exactly what we intend. In my case, it's "Gen1" because I'm using Kanto as my example.

• Final Step: Copying the JavaScript changes
  Right-click on this highlighted section > Copy > Outer HTML.
  View Final Step Image (Large)
  This copies from the start of the appropriate section to the end of it, including the progress bar changes. From there, just paste over the exact code you copied in your HTML file and save the changes.

• What is the above icon used for?
  This is a placeholder image for future Pokémon to be introduced on GPX+. All officially released Pokémon and forms in the main games will be added as placeholder images if they're not already on the site, although that doesn't necessarily mean that each one will be added. For example, every Alcremie form I have listed may not be available. If this is the case, then that specific placeholder image will be removed in a future update.

• Are these all GPX+ icons?
  Yes, they are. I copied each one directly from the GPX+ Shiny Icon Sheet and placed them on a 50x50 square, aligning them in the center. Some icons are cut off by default on GPX+ due to the limited PC Box space.
  Due to transparency issues, I had to make minor changes to a number of Pokémon, an example is Magikarp's whiskers.

• How did you decide on the order of the Pokémon icons?
  Because the GPX+ Pokédex numbers are all over the place, and even though the creator has mentioned before that it was a mess, I've tried to simplify things on this end. As with anything, there is no way to please everyone because you may like to organize things a bit differently than I would. The official National Pokédex number takes first priority, with the GPX+ Pokédex number taking second. There are two exceptions to this in the novelty section: Cherrim "Frost" because its icon uses the "Overcast" form as opposed to the "Sunshine" form, and Missingno. because it's a glitch from Generation 1, so technically it could be considered #0.

I hope this tool is of some use to at least some of you. Thank you to whoever ends up using this tracker, and a big thank you to Cycloneblaze for adding the JavaScript feature, and Rookie Roo for giving ideas and helping to create the GPX+ Shiny Tracker Ultimate. This tool is easily customizable if you know some basic HTML and CSS. Please feel free to share any creations you might make from or for this tool!

While working on this project, I learned that the GPX+ Pokédex actually tells you which Pokémon you own in your PC. Take a look at this:
View Image (Large)
You see how on Bulbasaur's normal icon the background is light and on the shiny icon the background is dark? Well, the lighter background indicates that you do not currently own the Pokémon, while the darker background indicates that you do.

I made some buttons you can use to share both the GPX+ Discord server and the GPX+ Shiny Tracker. Feel free to use them in your forum signature if you choose!

This post has been edited by Level-X: Oct 16 2023, 06:12 PM

[Level-X]

Today I updated the Tracker to v3.1 - all the changes can be found in the main post under the changelog section, but some of the bigger things include:

- Icons for Galarian Meowth, Galarian Slowpoke, Galarian Slowbro, Galarian Farfetch'd, Galarian Slowking, Solgaleo [Radiant Sun], Lunala [Full Moon], Chewtle, Drednaw, Arrokuda, Barraskewda, Perrserker, Sirfetch'd, Indeedee (Male/Female), Dreepy, Drakloak, Dragapult, Eternatus, Sprigatito, Floragato, and Meowscarada were added.
- Placeholder data for Pokémon introduced in Scarlet and Violet and The Teal Mask DLC was added.
- Changed display to show two rows of Pokémon per box instead of one row.
- Gender information now appears on hover. (Example below)