diff --git a/MMM-EyeCandy.css b/MMM-EyeCandy.css index c68f4ee..35f336a 100644 --- a/MMM-EyeCandy.css +++ b/MMM-EyeCandy.css @@ -1,13 +1,20 @@ -/* Copy and paste any or all of these css entries into your custom.css file inside your - * css folder. The functions are annotated to make things as easy as possible for you. - * Use any colors you want! Go to - "http://htmlcolorcodes.com/color-picker/" - * Pick your color, copy and paste the HEX number. Example - #62FF00 = bright green. - */ - - -.MMM-EyeCandy .photo { - -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75); - -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75); - box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75); - margin-top: 10px; -} \ No newline at end of file +/* Copy and paste any or all of these css entries into your custom.css file inside your + * css folder. The functions are annotated to make things as easy as possible for you. + * Use any colors you want! Go to - "http://htmlcolorcodes.com/color-picker/" + * Pick your color, copy and paste the HEX number. Example - #62FF00 = bright green. + */ + +.MMM-EyeCandy .photo { + -webkit-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75); + -moz-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75); + box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75); + margin-top: 10px; + align-items: center; + justify-content: center; + display: flex; +} + +.MMM-EyeCandy .photo img { + width: 100%; + height: auto; +} diff --git a/MMM-EyeCandy.js b/MMM-EyeCandy.js index 75b706a..42e124b 100644 --- a/MMM-EyeCandy.js +++ b/MMM-EyeCandy.js @@ -7,146 +7,119 @@ Module.register("MMM-EyeCandy", { // Default module config. defaults: { - style: '1', // 1-52 + style: '1', // Choose image if not slideshow maxWidth: "100%", // Adjusts size of images. Retains aspect ratio. - ownImagePath: '', // Overrides style. Local path or internet URL's. - updateInterval: 5 * 60 * 1000, // set in config.js + // Overrides style. Local path or internet URL's. This will be a list of urls that can be set + //in config.js + updateInterval: 5 * 60 * 1000, // set in config.js -> 0 means no slideshow! animationSpeed: 3000, }, - start: function() { + start: function () { + console.log("Starting MMM-EyeCandy"); self = this; this.url = ''; this.eyesUrls = { - '1': 'https://media.giphy.com/media/l9eTgC1GpyEZq/giphy.gif', - '2': 'http://www.animatedimages.org/data/media/35/animated-eye-image-0006.gif', - '3': 'http://www.animatedimages.org/data/media/35/animated-eye-image-0013.gif', - '4': 'http://www.animatedimages.org/data/media/35/animated-eye-image-0004.gif', - '5': 'http://www.animatedimages.org/data/media/35/animated-eye-image-0093.gif', - '6': 'http://www.animatedimages.org/data/media/35/animated-eye-image-0099.gif', - '7': 'http://www.animatedimages.org/data/media/35/animated-eye-image-0162.gif', - '8': 'http://www.animatedimages.org/data/media/35/animated-eye-image-0314.gif', - '9': 'http://www.animatedimages.org/data/media/35/animated-eye-image-0300.gif', - '10': 'http://www.animatedimages.org/data/media/35/animated-eye-image-0143.gif', - '11': 'http://www.animatedimages.org/data/media/35/animated-eye-image-0321.gif', - '12': 'http://www.picgifs.com/graphics/e/eyes/graphics-eyes-662258.gif', - '13': 'http://www.picgifs.com/graphics/e/eyes/graphics-eyes-449207.gif', - '14': 'http://www.picgifs.com/name-graphics/m/michael/name-graphics-michael-582478.gif', - '15': 'https://media.giphy.com/media/l2SpYymt1W1pkqb5e/giphy.gif', - '16': 'https://www.collater.al/wp-content/uploads/2013/11/ma_face_mid.gif', - '17': 'https://s-media-cache-ak0.pinimg.com/originals/b4/30/e8/b430e8fbe229dd7b3f3e935c3c9ef730.gif', - '18': 'http://www.thecitrusreport.com/wp-content/uploads/2014/04/paolo-ceric-trippy.gif', - '19': 'http://s.pikabu.ru/post_img/2013/11/09/11/1384022136_669507211.gif', - '20': 'http://68.media.tumblr.com/03a435c5e7ba416ef90be272f5170522/tumblr_mu0kp9XwSn1qc0s10o1_500.gif', - '21': 'http://pic.pimg.tw/darthvader/dfdedcfebc895bc48df4db6d765fe8ec.gif', - '22': 'https://s-media-cache-ak0.pinimg.com/originals/2b/bd/44/2bbd44dee42db72974d95f86fea8d3ff.gif', - '23': 'https://s-media-cache-ak0.pinimg.com/originals/d7/e5/06/d7e5061c2e0c73c60bc643e0fddc97ba.gif', - '24': 'https://s-media-cache-ak0.pinimg.com/originals/ff/61/a7/ff61a7034e2d1a4606910ee88f24afac.gif', - '25': 'http://68.media.tumblr.com/2b27908fac782ca54cc2b3aff6862423/tumblr_mra3owkIhC1ro855no1_500.gif', - '26': 'http://www.geekextreme.com/wp-content/uploads/2013/02/fuzzy-gif.gif', - '27': 'http://orig05.deviantart.net/6984/f/2015/019/4/6/120515_480x800_f__by_victhor-d8en0m2.gif', - '28': 'http://38.media.tumblr.com/d1665cbde913b2e495ad24c2579df935/tumblr_n5wio1sTz91tummxoo1_250.gif', - '29': 'https://cdn.shopify.com/s/files/1/0172/2296/products/six_large.gif?v=1403626913', - '30': 'https://s-media-cache-ak0.pinimg.com/originals/73/b2/c1/73b2c1b5cd54e7bb71e6b94a652cb92c.gif', - '31': 'http://66.media.tumblr.com/6c0995048767c190b30f6f1509aeb436/tumblr_nruis5lhIn1qzt4vjo1_500.gif', - '32': 'http://alexandra.ucoz.org/_ph/26/2/114819057.gif', - '33': 'http://gifimage.net/wp-content/uploads/2017/01/Cool-GIF-Image-for-Whatsapp-and-Facebook-7.gif', - '34': 'http://img17.dreamies.de/img/120/b/vaoigmruccd.gif', - '35': 'http://www.ddesignerr.com/wp-content/uploads/2012/05/026.gif', - '36': 'https://s-media-cache-ak0.pinimg.com/originals/6b/d8/ef/6bd8ef35364c9672c7cbb4687977d3ee.gif', - '37': 'http://bestanimations.com/Science/Chemistry/electron-singularity-animated-gif.gif', - '38': 'http://bestanimations.com/Humans/Skulls/skull-animation-gif-3.gif', - '39': 'http://www.webdesignmash.com/trial/wp-content/uploads/2010/02/davidope8.gif', - '40': 'https://s-media-cache-ak0.pinimg.com/originals/1b/99/a4/1b99a402c520a20f69bde73be778c098.gif', - '41': 'http://3.bp.blogspot.com/-gB_29pdcz7g/UXjglip231I/AAAAAAAAD_s/wtojtZXO9AU/s320/pictsel-davidope15.gif', - '42': 'http://1.bp.blogspot.com/_5oJhQAjCd9k/TOFe3bRcgqI/AAAAAAAAAMM/pxOJ_hm8Mps/s1600/supreme_1.gif', - '43': 'https://media.giphy.com/media/9JLl87j7cHisE/giphy.gif', - '44': 'http://68.media.tumblr.com/116333fb96e8686e857b1db8a26fe241/tumblr_myucf1d5VM1spu58bo1_500.gif', - '45': 'http://www.gifimagesdownload.com/wp-content/uploads/2016/02/cute-cool-gifs-333.gif', - '46': 'http://bestanimations.com/Humans/Skulls/skull-animation-gif-2.gif', - '47': 'http://www.gifimagesdownload.com/wp-content/uploads/2016/02/best-cool-gifs-773.gif', - '48': 'https://static.tumblr.com/fc536f36bf2da8ddb6374ba63a89a479/wslnmk1/EvLo1xgf0/tumblr_static_tumblr_static_filename_640.gif', - '49': 'http://www.sihirperisi.com/icerik/wall/sihirperisicom-man-face-erkek-yuzu%20(32).jpg', - '50': 'http://orig02.deviantart.net/f176/f/2008/348/f/7/smiley_face_gif_by_sookie_by_sookiesooker.gif', - '51': 'http://static.giga.de/wp-content/uploads/2015/05/face-red-loop-15.emoji_-rcm320x0.gif', - '52': 'https://upload-assets.vice.com/files/2016/12/19/1482167674giphy__3_.gif', - // Additions on 2/9/2019 - I was bored. :) - '53': 'https://media.giphy.com/media/FTbD5RqvttJ5e/giphy.gif', - '54': 'https://media.giphy.com/media/aN9GqoR7OD3nq/giphy.gif', - '55': 'https://media.giphy.com/media/3e80bmOBgeCZO/giphy.gif', - '56': 'https://media.giphy.com/media/4NPT1ipEUoiMo/giphy.gif', - '57': 'https://media.giphy.com/media/WuaGC7DUTeJW0/giphy.gif', - '58': 'https://media.giphy.com/media/ZSUtKFTbwndYs/giphy.gif', - // Evidently I'm still bored 2/12/2019 - '59': 'https://media.giphy.com/media/s2uampOAMWksU/giphy.gif', - '60': 'https://media.giphy.com/media/dbopGHCaI2zsY/giphy.gif', - '61': 'https://media.giphy.com/media/ql77HNnLAjV4s/giphy.gif', - '62': 'https://media.giphy.com/media/eAMJgzoGAEwCc/giphy.gif', - '63': 'https://media.giphy.com/media/vZqiytAaw85Ne/giphy.gif', - '64': 'https://media.giphy.com/media/PNf2Ke7gn6oDK/giphy.gif', - // Additions on 11/24/2019 - '65': 'https://www.thisiscolossal.com/wp-content/uploads/2018/04/agif2opt.gif', - '66': 'https://www.thisiscolossal.com/wp-content/uploads/2018/04/agif5opt.gif', - '67': 'https://www.thisiscolossal.com/wp-content/uploads/2018/12/agifcolossalsphere2.gif', - '68': 'https://www.thisiscolossal.com/wp-content/uploads/2018/12/agifcolossalspiral2opt.gif', - '69': 'https://www.thisiscolossal.com/wp-content/uploads/2018/12/agifcolossaltd2opt.gif', - '70': 'https://www.thisiscolossal.com/wp-content/uploads/2014/03/120430.gif', - '71': 'https://www.thisiscolossal.com/wp-content/uploads/2014/03/120515.gif', - '72': 'https://www.thisiscolossal.com/wp-content/uploads/2014/03/130207.gif', - '73': 'https://www.thisiscolossal.com/wp-content/uploads/2014/03/130304.gif', - '74': 'https://www.thisiscolossal.com/wp-content/uploads/2014/03/130309.gif', - '75': 'https://www.thisiscolossal.com/wp-content/uploads/2014/03/130407.gif', - '76': 'https://www.thisiscolossal.com/wp-content/uploads/2014/03/140104.gif', - '77': 'https://www.thisiscolossal.com/wp-content/uploads/2014/06/6.gif', - '78': 'https://www.thisiscolossal.com/wp-content/uploads/2017/08/Switching_Sides.gif', - '79': 'https://www.thisiscolossal.com/wp-content/uploads/2017/08/Lava_Burst.gif', - '80': 'https://www.thisiscolossal.com/wp-content/uploads/2017/08/Cracked_Gem.gif', - '81': 'https://www.thisiscolossal.com/wp-content/uploads/2018/08/Isopoly_05.gif', - '82': 'https://www.thisiscolossal.com/wp-content/uploads/2018/08/Isopoly_02.gif', - '83': 'https://www.thisiscolossal.com/wp-content/uploads/2018/08/Isopoly_03.gif', - '84': 'https://www.thisiscolossal.com/wp-content/uploads/2018/08/Isopoly_04.gif', - // Added 5/10/20 - '84': 'https://media.giphy.com/media/VgBk8EZQILIaPIJymY/giphy.gif', + '1': 'https://media.giphy.com/media/v1.Y2lkPTc5MGI3NjExYnVncDV5NDRrZHdqcTl3YXBseDZwZndyemRycXl2bWg3bmFlZnppdCZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9cw/U8kWpqYuIwbqnfSauw/giphy.gif', + '2': 'http://www.animatedimages.org/data/media/35/animated-eye-image-0006.gif', + '3': 'http://www.animatedimages.org/data/media/35/animated-eye-image-0013.gif', + '4': 'https://media.giphy.com/media/5uy0lCCBOAwCgbbp4H/giphy.gif', + '5': 'https://media.giphy.com/media/B5RquKUWcS3QThcdqY/giphy.gif', + '6': 'http://www.animatedimages.org/data/media/35/animated-eye-image-0099.gif', + '7': 'https://media.giphy.com/media/GB42MWRfH5Q8L2NISX/giphy.gif', + '8': 'https://media.giphy.com/media/cJVLL4c2Cx5FQU89WY/giphy.gif', + '9': 'http://www.animatedimages.org/data/media/35/animated-eye-image-0300.gif', + '10': 'http://www.animatedimages.org/data/media/35/animated-eye-image-0143.gif', + '11': 'https://media.giphy.com/media/9lQuk7hcOclEFWd7oh/giphy.gif', + '12': 'https://media.giphy.com/media/PesvQMgubw7yulxXFk/giphy.gif', + '13': 'https://media.giphy.com/media/QOPOPpdRPFaLiRR9qS/giphy.gif', + '14': 'https://media.giphy.com/media/brYtFMpoFcgW2DBmFG/giphy.gif', + '15': 'https://media.giphy.com/media/OZt87SdJzEvVMdnxF0/giphy.gif', + '16': 'https://media.giphy.com/media/AAKK8gb2zLyDJjQ7dh/giphy.gif', + '17': 'https://media.giphy.com/media/IYoR8sR5nDZ2Wwd6gC/giphy.gif', + '18': 'https://media.giphy.com/media/FIM3K12hyrhzfEj5S2/giphy.gif', + '19': 'https://media.giphy.com/media/tj9D6lNVjLn5iKjSZW/giphy.gif', + '20': 'https://media.giphy.com/media/G2KKNkxYeCOPuuTQlG/giphy.gif', + '21': 'https://media.giphy.com/media/BouMx2eLHnLUUfOk3F/giphy.gif', + '22': 'https://media.giphy.com/media/D743HDbcT48o37tPVO/giphy.gif', + '23': 'https://media.giphy.com/media/fWAuSTRIjTYl3cMpIJ/giphy.gif', + '24': 'https://media.giphy.com/media/s8ZWeHL6OpBMcpOTYN/giphy.gif', + '25': 'https://media.giphy.com/media/dmHrf8a9AJrWTCGufN/giphy.gif', + '26': 'https://media.giphy.com/media/2DUUW6EpbANdCU2uQ1/giphy.gif', + '27': 'https://media.giphy.com/media/l3GE3jgGHEw2PwSPSG/giphy.gif', + '28': 'https://media.giphy.com/media/FJSDYiq2XBfcKbOgrO/giphy.gif', + '29': 'https://media.giphy.com/media/kLdfMvi6dPHx5n17qt/giphy.gif', + '30': 'https://media.giphy.com/media/mHMpAIGHqE6whtlBQg/giphy.gif', + '31': 'https://media.giphy.com/media/jUmQBOKZhvo2ARo3gT/giphy.gif', + '32': 'https://media.giphy.com/media/AINRDCyA3d6qJElplp/giphy.gif', + '33': 'https://media.giphy.com/media/7D7XwUCoWkFkC5XYIL/giphy.gif', + '34': 'https://media.giphy.com/media/1Rxxb5NrYMqMOUgEgo/giphy.gif', + '35': 'https://media.giphy.com/media/vJKOeef18We3oTgll3/giphy.gif', + '36': 'https://media.giphy.com/media/8DJ1cSSoCTz7oClBdV/giphy.gif', + '37': 'https://media.giphy.com/media/RdKI4LZUI6XNYVpsu9/giphy.gif', + '38': 'https://media.giphy.com/media/xOMyerbo1jcRuPaVrF/giphy.gif', + '39': 'https://media.giphy.com/media/PWqAwmCsiIpywHgXG0/giphy.gif', + '40': 'https://media.giphy.com/media/Z7bHYVFjEcdAmifYgG/giphy.gif', + '41': 'https://media.giphy.com/media/90TsoQsSKf3E2I7WCG/giphy.gif', + '42': 'https://media.giphy.com/media/bIqXn4GIjdVF0SVw18/giphy.gif', + '43': 'https://media.giphy.com/media/8J7T09OHCpdCW0hrGr/giphy.gif', + '44': 'https://media.giphy.com/media/uJLAT6C75YiovRTzQh/giphy.gif', + '45': 'https://media.giphy.com/media/6WmSCmUsmRkam8UQEi/giphy.gif', + '46': 'https://media.giphy.com/media/wTkv0lhvyvkKJvN6OH/giphy.gif', + '47': 'https://media.giphy.com/media/1bw4XJAOu9llKJrIuL/giphy.gif', + '48': 'https://media.giphy.com/media/dwoLXYxMPiDXO4IPVh/giphy.gif', + '49': 'https://media.giphy.com/media/xlXDgg62MtVPg0CrN1/giphy.gif', + '50': 'https://media.giphy.com/media/XPzuE0By0BW61fQlbn/giphy.gif', + '51': 'https://media.giphy.com/media/6ivBZT7NXhvlg88o1g/giphy.gif', + '52': 'https://media.giphy.com/media/G9wWrCE6HwyH3qpHLN/giphy.gif', + '53': 'https://media.giphy.com/media/PhTUu0lDYjD9HaUgqb/giphy.gif', + '54': 'https://media.giphy.com/media/OqiAZR71oUWMrEuZp1/giphy.gif', + '55': 'https://media.giphy.com/media/zNzccqh7nl4LiKHKkN/giphy.gif', + '56': 'https://media.giphy.com/media/wV7qQiWpcssEpkXXFY/giphy.gif', + '57': 'https://media.giphy.com/media/nExHDNaXCoEXAdatu9/giphy.gif', + '58': 'https://media.giphy.com/media/F8x2ljLcbSOnUIe6St/giphy.gif' + // You can add your own images here!!! + } - } - - // console.log(this.eyesUrls[this.config.style]); - if (this.config.ownImagePath != '') { - this.url = this.config.ownImagePath; - } else { - if (this.config.style != '') { - this.url = this.eyesUrls[this.config.style]; - } - } + // Initialize URL with a random image + if (this.config.style != '' || this.config.updateInterval > 0) { + this.url = this.eyesUrls[String(Math.floor(Math.random() * Object.keys(this.eyesUrls).length) + 1)]; + } + else if (this.config.style != '' || this.config.updateInterval == 0) { + this.url = this.eyesUrls[this.config.style]; + } - // ADDED: Schedule update timer courtesy of ninjabreadman var self = this; - setInterval(function() { - self.updateDom(self.config.animationSpeed || 0); // use config.animationSpeed or revert to zero @ninjabreadman - }, this.config.updateInterval); + if (this.config.updateInterval > 0) { + + const intervalId = setInterval(function () { + // Select a random image index + self.config.currentImg = Math.floor(Math.random() * Object.keys(self.eyesUrls).length); + self.url = self.eyesUrls[String(self.config.currentImg + 1)]; + console.log("NEW IMAGE SELECTED:" + self.url); + self.updateDom(self.config.animationSpeed || 0); // Use config.animationSpeed or revert to zero @ninjabreadman + }, this.config.updateInterval); + } }, - getStyles: function() { + getStyles: function () { return ["MMM-EyeCandy.css"] }, // Override dom generator. - getDom: function() { + getDom: function () { var wrapper = document.createElement("div"); var image = document.createElement("img"); var getTimeStamp = new Date(); - if (this.config.ownImagePath != '') { - image.classList.add = "photo"; - image.src = this.url + "?seed=" + getTimeStamp; - image.style.maxWidth = this.config.maxWidth; - } else if (this.config.style != '') { + if (this.config.style != '') { image.classList.add = "photo"; image.src = this.url + "?seed=" + getTimeStamp; image.style.maxWidth = this.config.maxWidth; } + wrapper.appendChild(image); return wrapper; @@ -155,7 +128,7 @@ Module.register("MMM-EyeCandy", { ///// Add this function to the modules you want to control with voice ////// - notificationReceived: function(notification, payload) { + notificationReceived: function (notification, payload) { if (notification === 'HIDE_EYECANDY') { this.hide(); } else if (notification === 'SHOW_EYECANDY') { diff --git a/README.md b/README.md index 7478707..d97c073 100644 --- a/README.md +++ b/README.md @@ -1,125 +1,125 @@ -## MMM-EyeCandy - -Animated images that are superficially attractive and entertaining but intellectually undemanding. - -Add some EyeCandy to your mirror. Some are funny. Some are cool. All are entertaining. - -You can even choose your own local images or internet images. - -## Examples - -![](pix/1.gif), ![](pix/2.gif), - -![](pix/4.gif), - -## Installation - -* `git clone https://github.com/mykle1/MMM-EyeCandy.git` into the `~/MagicMirror/modules` directory. -* No API needed! - -## Config.js entry and options - -``` -{ - module: "MMM-EyeCandy", - position: "top_center", - config: { - maxWidth: "75%", // Sizes the images. Retains aspect ratio. - style: '1', // Style number or use ownImagePath to override style - ownImagePath: '', // ex: 'modules/MMM-EyeCandy/pix/YOUR_PICTURE_NAME.jpg', or internet url to image - } -}, -``` - -## Choose your config.js "style:" from this list. - -# Just the number! - -* 1 - Crazy human eye -* 2 - Cartoon eyes -* 3 - Cat-like eyes (red) -* 4 - Cat-like eyes (green) -* 5 - Wolf-like eyes (golden) -* 6 - Cartoon eyes (yellow) -* 7 - Wolf-like eyes (blue) -* 8 - Cartoon eyes (blue) -* 9 - Single cartoon eye (blue) -* 10 - Rotating 3D eye -* 11 - Blinking 3D marble sphere eye -* 12 - Eye rolling -* 13 - Human eye looking through hole -* 14 - Your name in lights (go to http://www.picgifs.com/name-graphics. Choose your name. Use ownImagePath. - -## Faces and heads - -* 15 - Female face warp -* 16 - Male face warp -* 17 - Male face to mask -* 18 - Ancient male face (Best in class) -* 52 - Bad hair day (female) -* 38 - 3D skull -* 46 - 3D skull of light - -## Some of these are stunning - -* 19 - 3D object -* 20 - 3D object (alive?) -* 21 - Wreath of arms and hands -* 22 - 3D object (tire?) -* 23 - Circle of motion -* 24 - Pulsating globual -* 25 - Colored (paper object?) -* 26 - Hairy thing -* 27 - Metallic undulating thing -* 28 - Inside out -* 29 - Not a pretzel -* 30 - Endless coral snake? -* 31 - Tilt O' Whirl tree -* 32 - Kaleidoscope? -* 33 - 3D Cube -* 34 - Endless butterfly? -* 35 - Not quite a zebra -* 36 - Hollow ball of colored string -* 37 - Star eating plasma -* 39 - A whatchamacallit? -* 40 - A different whatchamacallit? -* 41 - 7/8 of a cow donut -* 42 - Yin and Yang like you've never seen before -* 43 - Endless coral snake pretzel? -* 44 - Clouds passing the moon -* 45 - Hollow 3D sphere of dots -* 47 - Liquid candy -* 48 - Liquid candy 2 -* 49 - Johnny Dep? WTF? ( Use ownImagePath for the same effect ) - -## Smiley - -* 50 - The cutest fucking 3D smiley face. (Are you mad I said "cutest" or "fucking?") -* 51 - When smiley faces are in love it's pathetic. - -## I need some space - -* 53 - Slow moon rotation -* 54 - Fast moon rotation -* 55 - Moon in your garage (Pretty sick) -* 56 - Earth rotates -* 59 - Jupiter -* 60 - Jupiter2 -* 61 - Mars with moons -* 62 - Venus -* 63 - Earth Phases -* 64 - The sun - -## When your wife/GF wants something girly on your Mirror - -* 57 - Girly girlyFantasy -* 58 - Girly girlyFantasy2 - -## Too lazy to name but no less cool - -* 65-84 - - -## Remember! - -* You can always use local files that you have or url's to internet photos +## MMM-EyeCandy + +Animated images that are superficially attractive and entertaining but intellectually undemanding. + +Add some EyeCandy to your mirror. Some are funny. Some are cool. All are entertaining. + +You can even choose your own local images or internet images. + +## Examples + +![](pix/1.gif), ![](pix/2.gif), + +![](pix/4.gif), + +## Installation + +- `git clone https://github.com/mykle1/MMM-EyeCandy.git` into the `~/MagicMirror/modules` directory. +- No API needed! + +## Config.js entry and options + +``` +{ + module: "MMM-EyeCandy", + position: "top_center", + config: { + maxWidth: "75%", // Sizes the images. Retains aspect ratio. + style: '1', // Style number or use ownImagePath to override style + updateInterval: 5 * 60 * 1000 // Choose another image every 5 minutes. + // Set this value to 0 if you want only the selected style! + } +}, +``` + +## Choose your config.js "style:" from this list. + +# Just the number! + +- 1 - Crazy human eye +- 2 - Cartoon eyes +- 3 - Cat-like eyes (red) +- 4 - Cat-like eyes (green) +- 5 - Wolf-like eyes (golden) +- 6 - Cartoon eyes (yellow) +- 7 - Wolf-like eyes (blue) +- 8 - Cartoon eyes (blue) +- 9 - Single cartoon eye (blue) +- 10 - Rotating 3D eye +- 11 - Blinking 3D marble sphere eye +- 12 - Eye rolling +- 13 - Human eye looking through hole +- 14 - Your name in lights (go to http://www.picgifs.com/name-graphics. Choose your name. Use ownImagePath. + +## Faces and heads + +- 15 - Female face warp +- 16 - Male face warp +- 17 - Male face to mask +- 18 - Ancient male face (Best in class) +- 52 - Bad hair day (female) +- 38 - 3D skull +- 46 - 3D skull of light + +## Some of these are stunning + +- 19 - 3D object +- 20 - 3D object (alive?) +- 21 - Wreath of arms and hands +- 22 - 3D object (tire?) +- 23 - Circle of motion +- 24 - Pulsating globual +- 25 - Colored (paper object?) +- 26 - Hairy thing +- 27 - Metallic undulating thing +- 28 - Inside out +- 29 - Not a pretzel +- 30 - Endless coral snake? +- 31 - Tilt O' Whirl tree +- 32 - Kaleidoscope? +- 33 - 3D Cube +- 34 - Endless butterfly? +- 35 - Not quite a zebra +- 36 - Hollow ball of colored string +- 37 - Star eating plasma +- 39 - A whatchamacallit? +- 40 - A different whatchamacallit? +- 41 - 7/8 of a cow donut +- 42 - Yin and Yang like you've never seen before +- 43 - Endless coral snake pretzel? +- 44 - Clouds passing the moon +- 45 - Hollow 3D sphere of dots +- 47 - Liquid candy +- 48 - Liquid candy 2 +- 49 - Johnny Dep? WTF? ( Use ownImagePath for the same effect ) + +## Smiley + +- 50 - The cutest fucking 3D smiley face. (Are you mad I said "cutest" or "fucking?") +- 51 - When smiley faces are in love it's pathetic. + +## I need some space + +- 53 - Slow moon rotation +- 54 - Fast moon rotation +- 55 - Moon in your garage (Pretty sick) +- 56 - Earth rotates +- 59 - Jupiter +- 60 - Jupiter2 +- 61 - Mars with moons +- 62 - Venus +- 63 - Earth Phases +- 64 - The sun + +## When your wife/GF wants something girly on your Mirror + +- 57 - Girly girlyFantasy +- 58 - Girly girlyFantasy2 + +## Too lazy to name but no less cool + +- 65-84 + +## Remember! + +- You can always add more url's to internet photos in the list!