This chrome extension, developed by TechnologySnail, allows you to have a virtual pet snail that shows up on every website you visit. You can customize your snail by changing its colors, size, and speed in the popup menu or in the options page. The snail continuously crawls across the screen, and comes out of the left side after it has fully disappeared off the right side of the screen. To hide the snail, simply double-click it. It will come back when you reload the page or come back to it.
Although the chrome extension is MySnailâs central purpose, MySnail also has an API. If you are a website developer, you can add a touch of fun to any site by including the following code in the <head>
element of your page:
<script src="https://technology-snail.github.io/MySnail/resources/snail.js"></script>
<script>new mySnail()</script>
You could also include the API with only the first line and make the snail appear later. If you have something that takes a long time to load on your site, for example, you could create the snail when the user clicks the button:
<button onclick="new mySnail()">Begin Lengthy Processing....</button>
This would add a hilarious twist to your website to make the wait not seem so long!
You can also customize the snail with the following parameters:
| Parameter Name | What It Is | Default Value |
| :â | :â | :â |
| Freeze | Set to true
if you want the snail to stay in one spot and false
if you want the snail to crawl from one side of the screen to the other. | false
|
| Size | How big the snail should be (note that quality will not be lost to pixelation) | 0.25
(about 1 inch tall) |
| Speed | Approximately how fast the snail should move (the distance in pixels per frame, at 70 FPS) | 0.4
|
| Colors | A list of four CSS colors in this order: inner shell, outer shell, lower body, upper body | ["#00f2ff", "#003fff", "#ffaa00", "#ffe500"]
|
For example, if you wanted to create a moving snail that was an inch tall and moved painfully slow, with a blue shell and a yellow-to-orange body:
new mySnail(false, 0.25, 0.1, ["deepskyblue", "royalblue", "orange", "yellow"]);
If you want the snail to disappear later, you can use the hide()
function. Just make sure to store the snail in a variable first:
aSnailNamedJoe = new mySnail(); // Stores a new snail in a variable
aSnailNamedJoe.hide(); // Makes the snail disappear
There are also some other functions you can use. Here are just a few examples:
aSnailNamedJoe.show(); // Makes snail reappear
aSnailNamedJoe.setSize(1); // Makes the snail BIG
aSnailNamedJoe.setSize(0.1); // Makes the snail little
aSnailNamedJoe.setColors(["red","red","red","red"]); // Makes the snail completely red
aSnailNamedJoe.frozen = true; // Freeze the snail in the lower-left corner of the screen (antennae will still move)
aSnailNamedJoe.frozen = false; // Allow a frozen snail to move again
aSnailNamedJoe.speed = 0.1; // Make the snail move very slow
aSnailNamedJoe.speed = 5; // Make the snail move too fast!
aSnailNamedJoe.x = 0; // Teleport the snail to the left side of the screen
aSnailNamedJoe.x = window.innerWidth / 2; Teleport the snail halfway across the screen
Please note that the snail is completely immune to mouse events and clicks will pass through it to anything that it may be covering up.
Version 2.0 of the chrome extension will bring drastic changes to MySnail, including but not limited to:
If you would like to use the pre-release most recent version of MySnail, you can download it here as long as you understand that it is still a work in progress and will be officially released when it is ready. MySnail 2.0 BETA
is currently better than MySnail 1.9.6
, but it simply isnât finished yet. (From the list above of what the snail will be able to say, the snail can only tell you when your battery level is low. The other options will be added soon; thank you for your patience.)
Shortly after the release of version 2.0, version 3.0 will be released. Version 3 will involve:
earth.google.com
is separate from mail.google.com
, but earth.google.com/hello
is the same as earth.google.com/hi
and earth.google.com
.)< Get the MySnail Chrome Extension Today!
Unfortunately, the MySnail Chrome Extension has not yet been published to the Chrome Web Store. The TechnologySnail business will not be officially releasing any products until a home website for TechnologySnail has been fully developed and there are at least three solid products to offer, one of which would be the MySnail Chrome Extension.
Despite the fact that you canât just click a button on the Chrome Web Store and have the snail on your screen, you can still get the MySnail Chrome Extension on your computer by using a different method⌠And it is totally worth it!
Just follow the simple steps below to get your pet digital snail:
chrome://extensions
.If you have any technical difficulties, questions, or feedback, please participate in this repositoryâs discussion, or send an email to email.technologysnail@gmail.com.