├── pets ├── pets.json └── readme.md ├── .gitignore ├── src ├── esheep.user.js └── esheep.js ├── samples ├── demo3.html ├── demo4.html ├── README.md ├── demo2.html └── demo1.html ├── package.json ├── _config.yml ├── README.md ├── _layouts └── default.html ├── dist ├── esheep.min.js └── esheep.min.js.map └── LICENSE /pets/pets.json: -------------------------------------------------------------------------------- 1 | { 2 | "pets" : 3 | [ 4 | { 5 | "name" : "eSheep", 6 | "file" : "original.xml", 7 | "author" : "Adriano Petrucci" 8 | }, 9 | { 10 | "name" : "Green Sheep", 11 | "file" : "green_sheep.xml", 12 | "author" : "Zyt" 13 | } 14 | ] 15 | } 16 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | ################################################################################ 2 | # Diese .gitignore-Datei wurde von Microsoft(R) Visual Studio automatisch erstellt. 3 | ################################################################################ 4 | 5 | /.vs 6 | /.yarn 7 | .yarn* 8 | node_modules 9 | .editorconfig 10 | -------------------------------------------------------------------------------- /pets/readme.md: -------------------------------------------------------------------------------- 1 | This folder is not used anymore! 2 | All pets are retrieved from the original project: https://github.com/Adrianotiger/desktopPet/tree/master/Pets 3 | You can create and upload your pet on this repository. The new pet will be available to the desktop application, javascripts on browsers and on the mobile phone app. 4 | 5 |

Rules:

6 | * Everyone can upload their own pet. 7 | * Only working pets can be uploaded (check them with the application). 8 | 9 |

For developers:

10 | To create your own animation, use the online generator at: http://esheep.petrucci.ch/pets/generator.php 11 | Once you created your pet, you can check it executing the windows application pressing SHIFT when you launch it. 12 | Once you have the xml, upload it on this folder and update the pets.json file 13 | -------------------------------------------------------------------------------- /src/esheep.user.js: -------------------------------------------------------------------------------- 1 | // ==UserScript== 2 | // @name web eSheep 3 | // @namespace http://esheep.petrucci.ch/ 4 | // @version 0.4 5 | // @description Add a sheep on your Google and Bing page! 6 | // @author Adriano 7 | // @include http*://*.google.*/* 8 | // @include http*://*.bing.*/* 9 | // @icon http://esheep.petrucci.ch/favicon.gif 10 | // @grant none 11 | // ==/UserScript== 12 | 13 | (function() { 14 | 'use strict'; 15 | window.addEventListener("load", function() { 16 | var s = document.createElement("script"); 17 | s.addEventListener("load", function() { 18 | var sheep = new eSheep(); 19 | sheep.Start(); 20 | }); 21 | s.setAttribute("src", "https://adrianotiger.github.io/web-esheep/dist/esheep.min.js"); 22 | document.getElementsByTagName('head')[0].appendChild(s); 23 | }); 24 | })(); 25 | -------------------------------------------------------------------------------- /samples/demo3.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | eSheep Demo 3 5 | 6 | 11 | 12 | 13 |

Demo3 - page for eSheep

14 | 15 |
16 | 17 |
18 | 19 |
20 | 21 |
22 | 23 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | -------------------------------------------------------------------------------- /samples/demo4.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | eSheep Demo 3 5 | 6 | 11 | 12 | 13 |

Demo4 - Test original source code

14 | 15 |
16 | 17 |
18 | 19 |
20 | 21 |
22 | 23 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "web-esheep", 3 | "version": "0.9.2", 4 | "description": "Add a walking pet (sheep to your home page) with just a few lines of code! Will add a lovely sheep (stray sheep) and this will walk around your page and over all
s and
s with a border. You can also select another animation, using your personal XML file or one from the database.", 5 | "main": "index.js", 6 | "repository": "git@github.com:Adrianotiger/web-esheep.git", 7 | "author": "Kelvin Au ", 8 | "license": "GPL-3.0", 9 | "devDependencies": { 10 | "babel-core": "6.26.3", 11 | "babel-preset-env": "1.7.0", 12 | "camelcase": "8.0.0", 13 | "gulp": "4.0.2", 14 | "gulp-babel": "8.0.0", 15 | "gulp-minify": "3.1.0", 16 | "gulp-sourcemaps": "3.0.0", 17 | "object.assign": "4.1.4", 18 | "yargs-parser": "21.1.1" 19 | }, 20 | "scripts": { 21 | "build": "gulp build --gulpfile build/gulpfile.js" 22 | }, 23 | "dependencies": { 24 | "@babel/core": "^7.23.2", 25 | "@babel/preset-env": "^7.23.2", 26 | "glob-parent": "^6.0.2", 27 | "lodash": "4.17.21", 28 | "lodash.template": "^4.5.0", 29 | "minimatch": "9.0.3", 30 | "npm": "^10.2.1" 31 | }, 32 | "packageManager": "yarn@3.6.4" 33 | } 34 | -------------------------------------------------------------------------------- /samples/README.md: -------------------------------------------------------------------------------- 1 | ## Demos 2 | 3 | \* You can see all working demos directly on the GitHub webpage: 4 | [https://adrianotiger.github.io/web-esheep/samples/](https://adrianotiger.github.io/web-esheep/samples/) 5 | 6 | ### Demo 1 7 | [https://adrianotiger.github.io/web-esheep/samples/demo1.html](https://adrianotiger.github.io/web-esheep/samples/demo1.html) 8 | 9 | Load and play the sheep on a webpage with 4 TAG-elements. 10 | ```javascript 11 | var esheep = new eSheep(); 12 | esheep.Start(); 13 | ``` 14 | 15 | ### Demo 2 16 | [https://adrianotiger.github.io/web-esheep/samples/demo2.html](https://adrianotiger.github.io/web-esheep/samples/demo2.html) 17 | 18 | Same as Demo 1, but with a custom animation. 19 | ```javascript 20 | var esheep = new eSheep(); 21 | esheep.Start("https://[DOMAIN]/[PATH]/[SCRIPTNAME].xml"); 22 | ``` 23 | 24 | ### Demo 3 25 | [https://adrianotiger.github.io/web-esheep/samples/demo3.html](https://adrianotiger.github.io/web-esheep/samples/demo3.html) 26 | 27 | Same as Demo 1, but with some script parameters: 28 | - allowPets will give the possibility to change pet directly over the popup window 29 | - allowPopup flag can hide the popup, if you don't want see any credits 30 | ```javascript 31 | var esheep = new eSheep({allowPets:"all", allowPopup:"yes"}); 32 | esheep.Start(); 33 | ``` 34 | 35 | -------------------------------------------------------------------------------- /samples/demo2.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | eSheep Demo 2 5 | 6 | 11 | 12 | 13 |

Demo2 - page for eSheep

14 | 15 | 16 |
17 |
18 | 19 | 20 |
21 | 22 | 23 |
24 | 25 | 26 |
27 |
28 | 29 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | -------------------------------------------------------------------------------- /samples/demo1.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | eSheep Demo 1 5 | 6 | 11 | 12 | 13 |

Demo1 - page for eSheep

14 | 15 | 16 |
17 |
18 | 19 | 20 |
21 | 22 | 23 |
24 | 25 | 26 |
27 |
28 | 29 | 34 | 35 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | -------------------------------------------------------------------------------- /_config.yml: -------------------------------------------------------------------------------- 1 | # Welcome to Jekyll! 2 | # 3 | # This config file is meant for settings that affect your whole blog, values 4 | # which you are expected to set up once and rarely edit after that. If you find 5 | # yourself editing this file very often, consider using Jekyll's data files 6 | # feature for the data you need to update frequently. 7 | # 8 | # For technical reasons, this file is *NOT* reloaded automatically when you use 9 | # 'bundle exec jekyll serve'. If you change this file, please restart the server process. 10 | 11 | # Site settings 12 | # These are used to personalize your new site. If you look in the HTML files, 13 | # you will see them accessed via {{ site.title }}, {{ site.email }}, and so on. 14 | # You can create any custom variable you would like, and they will be accessible 15 | # in the templates via {{ site.myvariable }}. 16 | title: Web eSheep 17 | description: Web based version of the eSheep (sheep walking on the desktop). Add a sheep to your webpage using this simple script. 18 | baseurl: "/web-esheep/" # the subpath of your site, e.g. /blog 19 | url: "https://adrianotiger.github.io" # the base hostname & protocol for your site, e.g. http://example.com 20 | 21 | # Build settings 22 | markdown: kramdown 23 | theme: jekyll-theme-minimal 24 | #plugins: 25 | # - jekyll-feed 26 | 27 | # Exclude from processing. 28 | # The following items will not be processed, by default. Create a custom list 29 | # to override the default setting. 30 | # exclude: 31 | # - Gemfile 32 | # - Gemfile.lock 33 | # - node_modules 34 | # - vendor/bundle/ 35 | # - vendor/cache/ 36 | # - vendor/gems/ 37 | # - vendor/ruby/ 38 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | 2 | # web eSheep 3 | Can you remember the nice sheep from the '90 years?
[![eSheep for 64bit systems](https://img.youtube.com/vi/xN90p16tKGE/0.jpg)](https://www.youtube.com/watch?v=xN90p16tKGE) 4 | 5 | After a [C# project](https://github.com/Adrianotiger/desktopPet/) to see it again on Windows 64 bits, I wrote a simple script to see it again on the webpages.
6 | It is only a script to import, so it is really simple to implement in your page. You have to write this to see the pet walking around your page: 7 | ```javascript 8 | 9 | ... 10 | 11 | 12 | 13 | ... 14 | 18 | 19 | ``` 20 | 21 | 22 | ### And now? 23 | Check out the demo, to see how integrate it in your webpage: 24 | [https://adrianotiger.github.io/web-esheep/samples/](https://adrianotiger.github.io/web-esheep/samples/) 25 | 26 | If you want create your animation, you can use the editor or find some other already-created animations on my webpage: [ehseep.petrucci.ch](http://esheep.petrucci.ch) 27 | 28 | ### Tampermonkey script 29 | Do you have Firefox, Chrome, Opera or Edge? Add this sheep to Google and Bing search machines over this simple Tampermonkey script: 30 | [esheep.user.js](https://adrianotiger.github.io/web-esheep/src/esheep.user.js) 31 | 32 | ### Browser limits 33 | The most recent browsers doesn't allows cross requests over Javascript. So the script and the animation xml have to be on the same server. If you want load an xml from esheep, you have to insert the php script instead of the xml (it will create some special headers, so that the xml will be loaded). 34 | 35 | ### Credits 36 | **Tatsutoshi Nomura** is the creator of the esheep and designed it for Fuji Television. This is only a copy, using some images found in the web. 37 | 38 | # Build GitHub project 39 | eSheep uses `yarn` to build it. 40 | ### Set up build environment 41 | `yarn install --dev` 42 | ### Build the files in `dist` 43 | `yarn build` 44 | -------------------------------------------------------------------------------- /_layouts/default.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | {% seo %} 9 | 10 | 11 | 14 | 15 | 16 |
17 |
18 |

{{ site.title | default: site.github.repository_name }}

19 | 20 | {% if site.logo %} 21 | Logo 22 | {% endif %} 23 | 24 |

{{ site.description | default: site.github.project_tagline }}

25 | 26 | {% if site.github.is_project_page %} 27 |

View the Project on GitHub {{ site.github.repository_nwo }}

28 | {% endif %} 29 | 30 | {% if site.github.is_user_page %} 31 |

View My GitHub Profile

32 | {% endif %} 33 | 34 | 39 | 40 | 45 |
46 | 47 | 48 | 49 |
50 |
51 | 52 | {{ content }} 53 | 54 |
55 | 56 |