READ ME FIRST
DO NOT make any 'click my eggs/Pokémon' threads/posts or any 'what is this egg' threads/posts or you WILL be warned 10% instantly!
GPX+ Shiny Tracker! [v3.1.1] | Last Updated: October 16, 2023, Includes: JavaScript feature, alternative tracker, info box on hover |
|
|
|
May 17 2021, 10:29 PM
|
Gym Leader
Group: Global Moderators
Posts: 531
Joined: 18-August 12
Member No.: 170 583
Squad
|
Pokémon Icons added to v3.1+ (click to showhide) 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.QUOTE("GitHub File Names") 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 hereCurrent version changesv3.1.1 (click to showhide) 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 changesv3.1 (click to showhide) 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: v3.0 (click to showhide) 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.
v2.5 (click to showhide) 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.
v2.4 (click to showhide) HTML:- Added icons for Impidimp, Morgrem, Grimmsnarl, Glastrier, Spectrier, and Nihilego [Parasite].
- Incremented version number.
v2.3 (click to showhide) 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: v2.2 (click to showhide) 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: v2.1 (click to showhide) v2.0 (click to showhide) HTML:- Added Javascript functionality.
- Added "Back to top" link.
- Changed ownership from IDs to Class.
- Updated Footer to include version number and source.
CSS: v1.0 (click to showhide) 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!Can you give me an example of how the tracker looks like? (click to showhide) Here is an example of my current progress of Kanto!View Tracker Image (Large) How do I edit the GPX+ Shiny Tracker with HTML? (click to showhide) - 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.
How do I edit the GPX+ Shiny Tracker with JavaScript? (click to showhide) 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.
Miscellaneous Q&A (click to showhide) - 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!Did you know? (click to showhide) 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
--------------------
|
|
|
|
May 17 2021, 10:35 PM
|
Gym Leader
Group: +Donors
Posts: 186
Joined: 4-May 13
From: Mexico
Member No.: 196 476
Active Squad
|
You LITERALLY spoil me X, I was thinking of trying to do my own thingy with PAIN and TEARS, but now this might make it WAAAAAY easier than what I could've come up with.
HECK YEAH I will use it! THANK YOU!
--------------------
Look at friend please If you need Social Network, or if you have it, you might be interested in reading this. Shinies of 2020: 112 (click to showhide) Shinies of January: 9 Shinies of February: 17 Shinies of March: 10 Shinies of April: 6 Shinies of May: 4 Shinies of June: 4 Shinies of July: 4 Shinies of August: 6 Shinies of September: 8 Shinies of October: 7 Shinies of November: 12 Shinies of December: 25
Shinies of 2021: 130 (click to showhide) Shinies of January: 20 Shinies of February: 16 Shinies of March: 7 Shinies of April: 31 Shinies of May: 9 Shinies of June: 8 Shinies of July: 2 Shinies of August: 11 Shinies of September: 5 Shinies of October: 10 Shinies of Nov: 7 Shinies of Dec: 4
Shinies of 2022 (click to showhide) Shinies of January: 12 Shinies of February: 6
Shinies of March: 2 Frillish (Mar/14/2022): 1st sh. Frillish of the SWSH! 1st overall (WUUUT?!?!). 1st Malachite shiny! Frillish (Mar/18/2022): 62nd sh. Frillish of the SWSH! 106th overall (WUUUT?!?!). 45th Malachite shiny!
Shinies of April: 4 Lotad (Apr/9/2022) Seedot (Apr/10/2022) Seedot (Apr/12/2022) Seedot (Apr/16/2022)
Shinies of May: 1 Rhyhorn (May/27/2022): 114th sh. Rhyhorn of the SWSH! 331st overall. 136th Malachite shiny!
Shinies of June: 3 Scatterbug (Jun/19/2022) Scatterbug (Jun/26/2022) Clauncher (Jun/26/2022)
Shinies of July: 5 Tauros (Jul/15/2022): 5th sh. Tauros of the SWSH! 29th overall. 13th Malachite shiny! Mankey (Jul/17/2022): 47th sh. Mankey of the SWSH! 191st overall. 75th Malachite shiny! Mankey (Jul/17/2022): 159th sh. Mankey of the SWSH! 619th overall. 223th Malachite shiny! Litwick (Jul/27/2022) Deerling [Fall] (Jul/29/2022)
Shinies of August: 28 Frillish (Aug/1/2022) Eevee [Heart] (Aug/8/2022) Bulbasaur (Aug/12/2022) Pyukumuku (Aug/12/2022) Pyukumuku (Aug/12/2022) Pyukumuku (Aug/12/2022) Bruxish (Aug/13/2022) Sandygast (Aug/13/2022) Pyukumuku (Aug/13/2022) Pyukumuku (Aug/14/2022) Pyukumuku (Aug/14/2022) Wishiwashi (Aug/15/2022) Frillish (Aug/17/2022) Pyukumuku (Aug/17/2022) Wishiwashi (Aug/18/2022) Pyukumuku (Aug/18/2022) Squirtle (Aug/18/2022) Squirtle (Aug/19/2022) Flabebe [White] (Aug/19/2022) Pyukumuku (Aug/19/2022) Squirtle (Aug/21/2022) Flabebe [White] (Aug/22/2022) Pyukumuku (Aug/23/2022) Squirtle (Aug/24/2022) Wishiwashi (Aug/25/2022) Pyukumuku (Aug/26/2022) Wishiwashi (Aug/27/2022) Sandygast (Aug/27/2022)
Shinies of September: 2 Tirtouga (Sep/29/2022): SWSH! Bulbasaur Clone (Sep/29/2022)
Shinies of October: 19 Starly (Oct/2/2022) Chatot (Oct/2/2022) Golbat (Oct/3/2022): Safari Grab! Sawsbuck [Winter] (Oct/3/2022): Safari Grab! Centiskorch (Oct/3/2022): Safari Grab! Oricorio [Baile] (Oct/4/2022) Pikipek (Oct/8/2022) Oricorio [Pom-Pom] (Oct/13/2022) Pikipek (Oct/19/2022) Oricorio [Pa'u] (Oct/19/2022) Nidoran F (Oct/23/2022) Roggenrola (Oct/23/2022) Minior [Meteor] (Oct/23/2022) Roggenrola (Oct/23/2022) Roggenrola (Oct/24/2022) Minior [Meteor] (Oct/24/2022) Staraptor (Oct/27/2022) Carbink (Oct/29/2022) Igglybuff (Oct/29/2022)
Special Achievements (click to showhide) 01.16-31.20: 2nd in Most Shinies Hatched, 3rd on "Getting all the SWSH shiny 'mons", 1st Sh. Grookey of the SWSH. 03.14-31.20: "1st" in Most Shinies Hatched, 2nd on "Getting all the SWSH shiny 'mons" 09.14-30.20: 1st in Most Shinies Hatched 01.12-31.21: 1st in Most Shinies Hatched
|
|
|
|
May 18 2021, 06:34 PM
|
Gym Leader
Group: Global Moderators
Posts: 531
Joined: 18-August 12
Member No.: 170 583
Squad
|
Hello everyone! Thanks for the responses in the thread, good to see other people finding this useful! Cycloneblaze has added some neat features to the tracker! ( Version 2.1) It now has Javascript and when you click a Pokemon on the page it will automatically count that you have it and update the progress bar too! (It doesn't update the code in the HTML file saying so, but your browser will store the information on it's own. Keep in mind that the Javascript data is removed if you clear site data through the browser! To get around that update the HTML by backing up the Javascript changes!) For those who have downloaded Version 1.0 and want to use Version 2.1It's now super easy to add which Pokemon you have, with just a simple click! It is recommended that you download this latest version as it will be easier for you to add new Pokemon in the future. (As some of the HTML code was changed from IDs to Class)How to backup Javascript changes (click to showhide) - First step is to click the icons of Pokemon you own.
- Next, right click below "Box 1" and select "Inspect"
As you can see, the Pokemon you've selected had their class changed from "notown" to "own".
- Now, right click the <center> tag that's located above the first box in the generation, under "Copy" select "Outer HTML"
- Lastly, replace the start of the <center> tag to the end of the </center> tag with what you just copied for that generation in your HTML file.
- Repeat these steps for any generation you edit with the Javascript function and anytime you want the most current save backup on your HTML file.
Now you have backed up the HTML in case you ever lose your local storage data located in your browser!
The main post of this thread was organized better and updated to include the newest information.
This post has been edited by Level-X: May 22 2021, 07:14 PM
--------------------
|
|
|
|
Sep 26 2023, 10:30 AM
|
Gym Leader
Group: Global Moderators
Posts: 531
Joined: 18-August 12
Member No.: 170 583
Squad
|
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)
--------------------
|
|
|
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:
|