MySnail

MySnail Chrome Extension

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.

MySnail API

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.


Future Plans:

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:


image < Get the MySnail Chrome Extension Today!

How to Install the Extension Now

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:

  1. Download the Chrome Extension by clicking this link.
  2. Unzip/Unpack/Extract the previously downloaded zip file into its own folder.
  3. Go to the URL chrome://extensions.
  4. In the upper-right corner, you will see an on/off switch with the words “Developer mode” next to it. Turn this switch on.
  5. A set of buttons will appear near the upper-left corner. Click the one that says “Load unpacked”. When a file manager dialog opens, go to the folder you obtained in step two and select the folder inside of it called “extension-files”.
  6. That’s it! Enjoy your snail!

Feedback

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.