Animated images that are superficially attractive and entertaining but intellectually undemanding. Cool as all hell though!

Related tags

Effect MMM-EyeCandy
Overview

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

, ,

,

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
Comments
  • New Feature Suggestion: Specify multiple styles

    New Feature Suggestion: Specify multiple styles

    The suggestion is to allow multiple styles to be specified in a single Style: specification and then displayed in the single module position in carousel fashion. Perhaps, a comma delimited list that accepts a) single numbers b) ranges eg 10-13 eg 1,4,5,10-11,23-45,12

    An additional parameter the control the transition time would be required.

    I know the same result can be achieved using existing carousel modules but this would significantly simplify the configuration

    opened by majurgens 4
  • Stops working after a little while until reboot

    Stops working after a little while until reboot

    First, I love this module - thank you.

    However, I have been noticing that this module stops working while others appear unaffected (ruling out network connectivity issues also manually). Upon restarting MM it works again. Have you seen this issue before?

    opened by fallenbuddhist 2
  • This module seems to block 'Updatenotification' (default) module

    This module seems to block 'Updatenotification' (default) module

    Hi,

    Apparently, this module will not allow the default updatenotification module to show up. It doesn't matter where I set this module's position, the update will not show up; I'm using the default configuration.

    I realized the problem might be related to this module after seeing this on the MMM-Remote-Control interface:

    no_updates

    If I remove this module from the config, Updatenotification is no longer blocked. I tested with more random modules, and the only one that is affected is the update notification default module.

    Thank you

    opened by PoltergeistProject 2
  • Image list barely usable

    Image list barely usable

    I tried a few of your images. But copy pasting them to my browser by hand was boring.

    Ideas:

    • Script to download them to a folder, so I can have a look at them.
    • Very small comment after the lines to I know what I'm gonna see (for future links obvlsy.)
    opened by Dubidubiduu 1
  • Python Type Checking and the face comparison script

    Python Type Checking and the face comparison script

    I have an error happening when a face is detected. I made a post in the MM2 forum, and the only response I have so far is:

    @KSumwalt it seems that python has added type checking, which it wasn’t using before.

    there was another python related type checking problem a few days ago…

    looks like the node_helper has launched the python script to compare the face files, and run into a problem checking the parms passed to it.

    I have loaded the MMM-Face-Reco-DNN and even used the i_face_recognition.py from https://www.pyimagesearch.com/2018/06/25/raspberry-pi-face-recognition/ with the encodings file generated from the MMM-Face-Reco-DNN instructions and had that .py file recognize faces. So I backed everything out of my config file except the default MMM-Face-Reco-DNN settings from the instructions and when I manually start MM2 everything looks fine. I am running on a Raspberry Pi 4. I did install a different facial recognition module, but it was not in the config file and decided not to use it when I saw it only recognized 1 person. When I step in front of the camera, this comes up in the terminal where I manually started MM2:

    [2020-08-09 00:59:28.399] [ERROR] Whoops! There was an uncaught exception... [2020-08-09 00:59:28.400] [ERROR] PythonShellError: TypeError: ' (/home/pi/MagicMirror/modules/MMM-Face-Reco-DNN/node_modules/python-shell/index.js:121:13) at ChildProcess.emit (events.js:200:13) at Process.ChildProcess._handle.onexit (internal/child_process.js:272:12) ----- Python Traceback ----- File "modules/MMM-Face-Reco-DNN/tools/facerecognition.py", line 143, in if minDistance < args["tolerance"]: { traceback: 'Traceback (most recent call last):\n File ' + '"modules/MMM-Face-Reco-DNN/tools/facerecognition.py", line ' + '143, in \n if minDistance < args["tolerance"]:\n' + "TypeError: '<' not supported between instances of " + "'numpy.ndarray' and 'str'\n", executable: 'python3', options: null, script: 'modules/MMM-Face-Reco-DNN/tools/facerecognition.py', args: [ '--cascade=modules/MMM-Face-Reco-DNN/tools/haarcascade_frontalface_default.xml', '--encodings=modules/MMM-Face-Reco-DNN/tools/encodings.pickle', '--usePiCamera=1', '--source=0', '--rotateCamera=0', '--method=dnn', '--detectionMethod=hog', '--interval=2000', '--output=0', '--extendDataset=False', '--dataset=modules/MMM-Face-Reco-DNN/dataset/', '--tolerance=0.6' > ], exitCode: 1 } [2020-08-09 00:59:28.409] [ERROR] MagicMirror will not quit, but it might be a good idea to check why this happened. Maybe no internet connection? [2020-08-09 00:59:28.409] [ERROR] If you think this really is an issue, please open an issue on GitHub: https://github.com/MichMich/MagicMirror/issues

    There is a little more information at the linked forum post, include the config file if you need it. Is there any assistance you can provide?

    Kindest Regards, Karl Sumwalt

    opened by KSumwalt 1
  • no background

    no background

    Hello mykle,

    It's not really a issue, just an information for users. I like your module but i have looking to adapt your module with the module backgroud. It's important to say that users can have animated gif without background. Just add this in eyecandy.js. For example :

            '100':`` 'https://3.bp.blogspot.com/-PWKHewX20Qk/W7u2WBX1dRI/AAAAAAAAArs/MoTp4utMcggCxvmCQkNhHSEyg6dPu7H3gCLcBGAs/s200/Earth.gif',
            '200': 'https://media0.giphy.com/media/yo1whaKkz38ME/giphy.webp?cid=ecf05e475d7a28e4409a759fe138783e35fe93754f28de52&rid=giphy.webp',
            '300': 'https://media3.giphy.com/media/CIjXMxobcEnkI/giphy.gif?cid=ecf05e47d1f8dbd2e0848f52a7aeb39b6467937d25a9633a&rid=giphy.gif',
    

    Have a good day

    opened by chassain 1
  • Not an issue.. please help then delete right away

    Not an issue.. please help then delete right away

    @mykle1

    How on Earth can I send a message to you (or another module developer) for a small question about your module that is not necessarily an issue? I have been submitting issues on other modules for things like this because I have looked everywhere for a method to send developers private messages.

    I am sorry for creating an "issue" to get this question answered. Please feel free to close it right away.

    opened by hco125 1
  • Giphy

    Giphy

    Sir, is it possible to rotate through several gifs? I can use one url from giphy but when I try and add a second using ,'https://sample.com ', it doesn't work.

    opened by swvalenti194 1
  • ReferenceError: Module is not defined

    ReferenceError: Module is not defined

    Run with command node MMM-EyeCandy.js I got error:

    ReferenceError: Module is not defined
        at Object.<anonymous> (/home/pi/MagicMirror/modules/MMM-EyeCandy/MMM-EyeCandy.js:8:1)
        at Module._compile (internal/modules/cjs/loader.js:654:30)
        at Object.Module._extensions..js (internal/modules/cjs/loader.js:665:10)
        at Module.load (internal/modules/cjs/loader.js:566:32)
        at tryModuleLoad (internal/modules/cjs/loader.js:506:12)
        at Function.Module._load (internal/modules/cjs/loader.js:498:3)
        at Function.Module.runMain (internal/modules/cjs/loader.js:695:10)
        at startup (internal/bootstrap/node.js:201:19)
        at bootstrapNodeJSCore (internal/bootstrap/node.js:516:3)
    
    opened by tiancaipipi110 1
  • Not updating

    Not updating

    I am using this module to display a weather radar (http://images.intellicast.com/WxImages/RadarLoop/dsm_None_anim.gif) and it loads it fine on initial start up but it doesn't seem to be refreshing. I have update interval set to 5-60-1000. I have even sat and stared at the screen for 5 minutes to see the update animation, but it never happens.

    opened by colel83 0
Owner
Mykle
My son thought I should learn something new. Now he wants me to stop. :-)
Mykle
Animated haze distortion effect for images and text, with WebGL.

Animated Heat Distortion Effects with WebGL A tutorial on how to use fragment shaders in WebGL to create an animated heat haze distortion effect on im

Lucas Bebber 289 Nov 1, 2022
Cool and powerful effect to select fields. Javascript vanilla and ~2kb gzipped

pickout Cool and powerful effect to select fields. Javascript vanilla and ~2kb gzipped. DEMO PAGE For syntax of the previous version click here How to

Alan Ktquez 89 Sep 20, 2022
Animatelo is a bunch of cool, fun, and cross-browser animations for you to use in your projects. This is a porting to Web Animation API of the fabulous animate.css project.

Animatelo Just-add-water Web Animations Animatelo is a bunch of cool, fun, and cross-browser animations for you to use in your projects. Great for emp

GibboK 477 Nov 12, 2022
A lightweight, efficient and easy-to-use Canvas library for building some cool particle effects.

JParticles · 中文 | English 官网:jparticles.js.org 特效列表 粒子运动 波纹运动 波纹进度条 雪花飘落 线条动画 介绍 JParticles(JavaScript Particles 的缩写)是一款基于 Canvas 的不依赖于其他库的轻量级 JavaScr

花祁 466 Dec 27, 2022
Warp drive is a lightweight jQuery plugin that helps you create a cool, interactive, configurable, HTML5 canvas based warp drive/starfield effect.

Warp drive jQuery plugin (jquery-warpdrive-plugin) Preview Description Warp drive is a lightweight jQuery plugin that helps you create a cool, interac

Niklas 51 Nov 15, 2022
A simple yet powerful native javascript plugin for a cool typewriter effect.

TypewriterJS v2 NPM Repository JSFiddle Example Emoji Example CDN You can use the CDN version of this plugin for fast and easy setup. <script src="htt

Tameem Safi 1.8k Jan 4, 2023
"shuffle-text" is JavaScript text effect library such as cool legacy of Flash.

ShuffleText This is the JavaScript library for text effect such as Flash contents. Setup Script Install <script src="shuffle-text.js"></script> NPM In

Yasunobu Ikeda 96 Dec 24, 2022
Cool 2D dissolve effect generator

Dissolve Cool 2D dissolve effect generator (demo) This module exposes a generator for generating pseudorandom points over a 2D integer grid. The gener

Travis Fischer 13 Apr 15, 2021
Cool tips to design UI/UX on Leaflet maps.

Map Effects 100 Map Effects 100 has cool tips to design UI/UX on your Map. Map? Leaflet Quick Start git clone https://github.com/muxlab/map-effects-10

MUX Lab 187 Sep 21, 2022
3D (animated) cube using only CSS (Less), originally used by LeanCloud (aka. AVOS Cloud)

cube.less 3D (animated) cube using only CSS (LESS). Demo See this demo page. There's also a live production site (WIP) using these cubes. Install $ bo

Tunghsiao Liu 54 Nov 14, 2022
Pure CSS animated 3D Super Mario Icon

Pure CSS Super Mario This is the transferred source of a little sideproject I did in 2010. I initially did this without any CSS preprocessor and event

Andreas Jacob 14 Apr 15, 2021
Loading effects for assets including some built in animated reveals

Asset loading effects This is a library to show the loading progress of given assets and reveal them using various animations. Please give feedback, r

Zach Saucier 97 Dec 8, 2022
fakeLoader.js is a lightweight jQuery plugin that helps you create an animated spinner with a fullscreen loading mask to simulate the page preloading effect.

What is fakeLoader.js fakeLoader.js is a lightweight jQuery plugin that helps you create an animated spinner with a fullscreen loading mask to simulat

João Pereira 721 Dec 6, 2022
imagesLoaded - JavaScript is all like "You images done yet or what?"

imagesLoaded JavaScript is all like "You images done yet or what?" imagesloaded.desandro.com Detect when images have been loaded.

David DeSandro 8.8k Dec 29, 2022
Only 90's kids remember... well not really, but these beloved effects that would follow your mouse around will always be classic reminders of the old, beloved internet.

90's Cursor Effects "Knowing the codes" used to be all the rage, I want to bring a few back. A repo of the old effects that inspired creativity and th

Tim Holman 2.6k Jan 9, 2023
magneticHover lets you trigger hover effect on the element when the cursor is near it, but not over it yet

magneticHover magneticHover lets you trigger hover effect on the element when the cursor is near it, but not over it yet. Examples https://codesandbox

Halo Lab 35 Nov 30, 2022
Small but good javascript smoke effect 🌬💨

Demo You can play with a live demo here → Installation Basic Copy the smoke.js file into your project and use it with a script tag: <script src="smoke

Guillermo Webster 239 Dec 28, 2022
🦎 A jQuery plugin for extracting the dominant color from images and applying the color to their parent.

jquery.adaptive-backgrounds.js A simple jQuery plugin to extract the dominant color of an image and apply it to the background of its parent element.

Brian Gonzalez 6.6k Dec 21, 2022
A subtle tilt effect for images. The idea is to move and rotate semi-transparent copies with the same background image in order to create a subtle motion or depth effect.

Image Tilt Effect A subtle tilt effect for images. The idea is to move and rotate semi-transparent copies with the same background image in order to c

Codrops 571 Nov 21, 2022