react-seasonal-background
Version:
React Seasonal Background
109 lines (89 loc) • 3.95 kB
JavaScript
;
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;