Scry Result Mutation Tool

Introduction
Hello! This is a quick and easy tool to make it a little bit easier to compare your scry results to see if they have a mutation. It's super easy and works by overlaying your scry result on top of a reference image, then pressing a button to toggle back and forth between the two in order to spot the differences. If you see any differences, that means your scry result does not have the mutation, with the exception of eyes (sort of; see the second post.) I plan on updating the tool with a zoomed-in view to the side, so that it will be slightly easier to see the face of the pups.

Click here for Mutation Checker.

How to Use
Make sure you have the Base64 or image url for the scry result you would like to see. The Base64 is the very, very long string of letters and numbers that the scry tool will give you if you right-click "copy image address," and what is displayed in the URL bar if you open the image in a new tab. Alternatively, you can save the result you would like to check and host it on a different website, such as Imgur, then take the image URL. You can even copy-paste the image into Discord and simply use the URL Discord provides. Next, you'll open up the tool and paste your Base64 or URL into the text area. Select the mutation you are checking for, either Melanism or Albinism. Then, press "Check Result."

Click "Toggle Image" to toggle the result as slow or as fast as you would like. It will alternate between displaying and hiding your scry result, so that you can see if there are any differences. If you don't see anything happening, that means that your scry result has the mutation. If you see slight differences, that means your scry result does not have the mutation.

Example GIFs
Black base vs Melanism
(Click the links for full size)

Argent base vs Albinism

Troubleshooting & Other Questions
If you are having problems with getting the tool to work, here's a few ways you can fix it.

Everything looks the same except the eye colors change.
If you are checking for Melanism, then Melanism will not affect the eye color your pup inherits. The melanistic reference image has brown eyes, so if your pup does not have brown eyes, it'll display their eyes instead. However, Albinism affects eye color, so if the eye color changes when checking for albinism, then it means your scry result is not albinistic.

I don't think it loaded my image.
If your image didn't load correctly, you will see a broken image icon in the upper left of the image area.

If this happened, it means there is something wrong with your link. If you are using the Base64 link, make sure that you have copied and pasted the entire link. It should include data:image/png;base64, (including the comma) at the front and have == (two equal signs) at the end. If you are using a link hosted elsewhere, it may be that it is a private link, such as if you used Google Drive and didn't turn on link sharing. To test if your link is privated, you can open an incognito browser and paste your link there.

It doesn't show the broken image icon, but I still think it didn't load.
You can check if your image loaded by opening up your browser's inspector tools. You can access these in Chrome with right-click and select "Inspect" on Chrome, or use the hotkey ctrl+shift+i. In Firefox, you'll right-click and select "Inspect Element" or use ctrl+shift+c. You'll want to check botContents > displayImage for the image ID offspringImport.

If your offspringImport in the inspector looks like one of the above--src(unknown) or src=""--then your image did not in fact load. If it shows src="(anything at all here between the quotes)" then it loaded, but your link or Base64 is incorrect, or it is taking a while to display due to your connection to the website. You can try using ctrl+F5 to clear your cache for the website and refresh. If you have a slow internet connection, give it about a minute to load, just in case. Also check that your Adblocker, if you use any, is not disabling the javascript used.

It's too small, I can't tell the difference.
I'm working on a way that the image can be zoomed in alongside the regular preview. In the meantime, a quick and easy way to remedy this is zoom in using your browser (hold down ctrl and scroll up, or hold down ctrl and press + on your keyboard) and looking at the face of the pups.

Something broke or I received an error.
There are two errors built in. If you don't select a mutation, it will tell you You must select which mutation you are checking for. Please select one of the checkboxes above. If you select both mutations, it will tell you Please select only one mutation type. If you receive these errors even though you have only selected one mutation, or if you receive any other errors, either post here on the thread or send me a PM with the error you received as well as which device/browser you were using and which link you were trying to use. If it's Base64, copy and paste the Base64 link into a .txt file and upload to Dropbox or Google Drive and share the link in your message, OR save it to Google Docs. A screenshot would also be immensely helpful if it's a new error.

I'm using it on my phone and it looks really bad.
I'm lazy and don't want to take the time to make a mobile-friendly version. If a few people ask me to do so by commenting on this thread or sending me a PM, though, then it'll be worth the effort for me and I'll do so.

I'm on your blocklist or someone I know is on your blocklist. Can I/they still use the tool?
Yup. If you're on my blocklist, it's either because I don't want to see your trades or I don't want you to see mine. No hard feelings, and you're still welcome to use my tools & guides.

Can I link your tool to others/in the chat/in my guide/on my den/etc?
You sure can. Feel free to send me a link if you post it anywhere other than the chat, I love seeing what stuff other people are making, as well as just looking at people's dens (people here are always so creative!)

Can I use/reference your code for something else?
This is a little grey; yes and no? PM me for more specifics. I won't allow just straight up copy-pasting my code (this would be copyright infringement) but if you want to use it for learning how to code in general, or if you have a similar project you want to make but want to know how I did something, feel free to PM me with the details. I'll be happy to share my code with you and explain how it works or help you implement it in your own program. For something very equivalent, such as if you wanted to make a version that would work for another pet website or game, again feel free to PM me and depending on the situation, I may be willing to make it for you. (See the next point.)

I have a request for a Wolvden tool like this but don't know how to program and want to know if you'll do it.
Send me a PM. I work 50+ hours a week between a full-time job, a part-time job, and gig work, on top of going to college (9 hours/3 classes for spring 2021). I also love programming small stuff like this as a hobby. I might want to do it if I think it's easy, quick, or interesting enough to fit into my freetime. It's all just a toss-up really. If there's a reason I'd say no, I'll tell you. In general though, I won't do anything that's overly-complicated (though if it can be simplified I may tell you), if it will take a lot of time/resources for me to do, if it's going to copyright infringe Wolvden or another user's work, or if I have something temporary going on in my personal life (if this is the case, I'll just tell you when to reach back out to me, or I'll accept and tell you to be prepared for it to take a while.)

TL;DR ask, the worst I can do is very politely say no, and I won't think you're rude or give you attitude (unless you asked me in a really mean way.)

@zolo 

this has been patched by the devs--scrying no longer shows albies or muties. u have to use gene to find out whether ur wolves are carriers or not