UNPKG

react-seasonal-background

Version:
109 lines (89 loc) 3.95 kB
"use strict"; Object.defineProperty(exports, "__esModule", { value: true }); exports.generateTransform = exports.generateFilter = exports.generateAnimationSwaying = exports.generateAnimationDropping = exports.getCurrentSeason = void 0; var _winter = _interopRequireDefault(require("./images/winter.png")); var _spring = _interopRequireDefault(require("./images/spring.png")); var _summer = _interopRequireDefault(require("./images/summer.png")); var _fall = _interopRequireDefault(require("./images/fall.png")); var _snowflake = _interopRequireDefault(require("./images/snowflake.png")); var _raindrop = _interopRequireDefault(require("./images/raindrop.png")); var _feather = _interopRequireDefault(require("./images/feather.png")); var _leaf = _interopRequireDefault(require("./images/leaf.png")); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; } /* imports images */ var getCurrentSeason = function getCurrentSeason(month) { if (month === 11 || month < 2) { return { season: 'winter', dropletImage: _snowflake["default"], backgroundImage: _winter["default"] }; } else if (month < 5) { return { season: 'spring', dropletImage: _raindrop["default"], backgroundImage: _spring["default"] }; } else if (month < 8) { return { season: 'summer', dropletImage: _feather["default"], backgroundImage: _summer["default"] }; } else { return { season: 'fall', dropletImage: _leaf["default"], backgroundImage: _fall["default"] }; } }; exports.getCurrentSeason = getCurrentSeason; var generateAnimationDropping = function generateAnimationDropping(season) { if (season === 'winter') { return "fall-drop ".concat(Math.random() * 30 + 10, "s ").concat(Math.random() * 40 + 5, "s ease-in forwards infinite"); } else if (season === 'spring') { return "spring-drop ".concat(Math.random() * 5 + 2, "s ").concat(Math.random() * 40 + 5, "s forwards linear infinite"); } else if (season === 'summer') { return "fall-drop ".concat(Math.random() * 30 + 10, "s ").concat(Math.random() * 40 + 5, "s forwards infinite"); } else { return "fall-drop ".concat(Math.random() * 30 + 10, "s ").concat(Math.random() * 40 + 5, "s forwards infinite"); } }; exports.generateAnimationDropping = generateAnimationDropping; var generateAnimationSwaying = function generateAnimationSwaying(season) { if (season === 'winter') { return "winter-sway ".concat(Math.random() * 15 + 5, "s linear forwards infinite"); } else if (season === 'spring') { return "none"; } else if (season === 'summer') { return "summer-sway ".concat(Math.random() * 5 + 5, "s forwards linear infinite"); } else { return "fall-sway ".concat(Math.random() * 15 + 5, "s alternate infinite ease-in-out"); } }; exports.generateAnimationSwaying = generateAnimationSwaying; var generateFilter = function generateFilter(season) { if (season === 'winter') { return "brightness(".concat(Math.random() * 1 + 1, ") hue-rotate(").concat(Math.random() * 90 - 45, "deg)"); } else if (season === 'spring') { return "brightness(".concat(Math.random() * .5 + .5, ") hue-rotate(").concat(Math.random() * 60 - 30, "deg)"); } else if (season === 'summer') { return "brightness(".concat(Math.random() * .5 + .5, ")"); } else { return "brightness(".concat(Math.random() * .5 + .5, ") hue-rotate(").concat(Math.random() * 180 - 60, "deg)"); } }; exports.generateFilter = generateFilter; var generateTransform = function generateTransform(season) { if (season === 'winter') { return "rotateX(".concat(Math.random() * 45, "deg)"); } else if (season === 'spring') { return "rotate(-33deg) translate(-50%, 0)"; } else if (season === 'summer') {} else { return "rotate(".concat(Math.random() * 360, "deg)"); } }; exports.generateTransform = generateTransform;