Single post in Free CSS, Userscripts, etc
Forum Index > Other > Other Art > Free CSS, Userscripts, etc >
You can re-play the animation of any pokemon hatching. It is a Javascript code you run in the browser console.
Please keep in mind you should never run a script you do not trust.
1. Go to the party page
2. Find the ID of the egg you want to see ‘hatch’. This must be an egg, it does not work with a Pokemon. Ideally this should be a ready-to-hatch egg of the same species you want to see ‘hatch’ Copy the URL of the egg’s summary, the part after the last / is its ID.
3. Open your browser’s Developer Tools. Right click on the page background and select ‘Inspect Element’, or access Developer Tools from your browser’s toolbar. Switch to the ‘Console’ Tab
4. Copy the code below and modify the first few lines before the /* --- */.
species – The name of the species
gender – f, m or n
hatched_sprite - The URL of the image of the sprite you want to see hatch (e.g. a melan skiddo sprite)
gem - The type of gem you want to hatch with the pokemon
pokemon_id – The ID of the egg to run the hatch animation on
5. You may want to edd this line as well: If you want to see melan sparkles, put a // before every shiny1 and shiny2 except the lines ending with melan1.png and melan2.png
v = { cracks : "https://pfq-static.com/img/pkmn/cracks.png", //shiny1 : "https://pfq-static.com/img/particles/shiny1.png", //shiny2 : "https://pfq-static.com/img/particles/shiny2.png", //shiny1 : "https://pfq-static.com/img/particles/albino1.png", //shiny2 : "https://pfq-static.com/img/particles/albino2.png", shiny1 : "https://pfq-static.com/img/particles/melan1.png", shiny2 : "https://pfq-static.com/img/particles/melan2.png", }
Thank you FinalAbsolution for discovering this!! Here's the journal post fae made on it!
1. Go to the party page
2. Find the ID of the egg you want to see ‘hatch’. This must be an egg, it does not work with a Pokemon. Ideally this should be a ready-to-hatch egg of the same species you want to see ‘hatch’ Copy the URL of the egg’s summary, the part after the last / is its ID.
3. Open your browser’s Developer Tools. Right click on the page background and select ‘Inspect Element’, or access Developer Tools from your browser’s toolbar. Switch to the ‘Console’ Tab
4. Copy the code below and modify the first few lines before the /* --- */.
species – The name of the species
gender – f, m or n
hatched_sprite - The URL of the image of the sprite you want to see hatch (e.g. a melan skiddo sprite)
gem - The type of gem you want to hatch with the pokemon
pokemon_id – The ID of the egg to run the hatch animation on
5. You may want to edd this line as well: If you want to see melan sparkles, put a // before every shiny1 and shiny2 except the lines ending with melan1.png and melan2.png
v = { cracks : "https://pfq-static.com/img/pkmn/cracks.png", //shiny1 : "https://pfq-static.com/img/particles/shiny1.png", //shiny2 : "https://pfq-static.com/img/particles/shiny2.png", //shiny1 : "https://pfq-static.com/img/particles/albino1.png", //shiny2 : "https://pfq-static.com/img/particles/albino2.png", shiny1 : "https://pfq-static.com/img/particles/melan1.png", shiny2 : "https://pfq-static.com/img/particles/melan2.png", }
species = `Skiddo`
gender = `f`
hatched_sprite = `https://pfq-static.com/img/pkmn/t/u/9/x.png/t=1543796180`
gem = 'Grass'
pokemon_id = `F8Cgx`
/* ----- */
c = pokemon_id
a = $(`[data-pid="${c}"]`)
b = {
gems: `<img src="https://pfq-static.com/img/items/gem_${gem.toLowerCase()}.png/t=1369079719" class="itemsprite" alt="${gem} Gem" data-tooltip/>`,
name: `<a class="summarylink" draggable="false" href="/summary/F8CqW" style="width:184px">${species}</a><img src="https://pfq-static.com/img/pkmn/gender_${gender}.png/t=1401213007" title="[F]"/>`,
sprite: hatched_sprite,
}
n = $(`[data-pid="${c}"] > div.pkmn`)
e = hatched_sprite
v = {
cracks : "https://pfq-static.com/img/pkmn/cracks.png",
//shiny1 : "https://pfq-static.com/img/particles/shiny1.png",
//shiny2 : "https://pfq-static.com/img/particles/shiny2.png",
//shiny1 : "https://pfq-static.com/img/particles/albino1.png",
//shiny2 : "https://pfq-static.com/img/particles/albino2.png",
shiny1 : "https://pfq-static.com/img/particles/melan1.png",
shiny2 : "https://pfq-static.com/img/particles/melan2.png",
}
q = function () {
a.find(">.pkmn").html('<div class="pokemon" style="background-image: url(\'' +
b.sprite + "')\"></div>");
a.find(">.name").html(b.name);
a.find(">.expbar").css("visibility", "hidden");
a.find(">.action").html('<table><tr><td>Egg hatched!<br /><span class="hatchgems">' + b.gems + "</span><button>OK</button></td></tr></table>");
a.find(">.action button").on("click", function () {
a.css("opacity", 0);
var b = $(this);
b.prop("disabled", !0);
setTimeout(function () {
ajax("summary/load", {
id: c,
smallberries: !0
}).success(function (b) {
b = $(b.html);
a.html(b.html());
a.css("opacity", "")
}).failure(function () {
b.prop("disabled",
!1);
a.css("opacity", "");
return !0
})
}, 500)
});
a.trigger("pfq-hatch")
}
$.PFQanim.hatch(n,e,v,q)
QUOTE originally posted by FinalAbsolution
I also noticed that the code for hatching works on shelter eggs/eggs you don't own. Works the same way, grab the code of whatever egg you wanna see hatch and it'll do it if you're on the egg's page as long as nothing else is causing an error.
Avatar by Kaelwolfur.
Sent from my PokéNav