MMM-Adventskalender

chrisfr1976

Hello,

I’ve created a quick module for an advent calendar. Is is customizable and the images can be chosen individual.

I’ve made this module quite quick after I got the ideas yesterday morning. I’ll refine it a little but I did’t want to let you wait any longer g

It could contain some bugs and may not be perfect at this time. Let me know what you notice, and I will try to improve it.

MMM-Adventskalender

Example

KristjanESPERANTO

@chrisfr1976 Nice! Don’t forget to add it to the module list: https://github.com/MagicMirrorOrg/MagicMirror/wiki/3rd-party-modules 🎄

chrisfr1976

@KristjanESPERANTO Done. I’m not yet completely happy with the style. I’ll work on it next Summer :)

chrisfr1976

Hello,

I’ve added one nice interactions to the module now. This took me some days to get it fully running. But now I’m quite happy with the result, so I also share it here again:

CSS animations for door opening and closing effects.
Manual Door Interaction:
- Click to Open/Close: Clicking a closed door opens it with an animated rotation.
Door Opening Animation:
- 3D rotation animation from the right edge when opening.
- Reverse animation when closing.

The state is written in the state.json file. So now your kids can “really” open a door in the morning and if you shut down your mirror in the night it has the same state after a reboot.

If you’re already running the module delete the state.json file if you feel that something does not work correct (I deleted it quite often during development so I can’t say if there could be an issue).

The update sounds easy but believe me for me it was not ;-)

MMM-Adventskalender