Dexin & NightStalker
NightStalker NightStalker
Что, если бы ты мог создать сбой, который проявляется только в полночь, как будто тень, которая никогда не просыпается? Мне было бы очень интересно посмотреть, как ты это запрограммируешь.
Dexin Dexin
Конечно, вот набросок на JavaScript, который создает небольшой "теневой" элемент ровно в полночь, а потом позволяет ему немного погулять по экрану. Использует встроенный объект Date для проверки времени и setTimeout, чтобы активировать его в 00:00. ```js // create a ghost element that shows up at midnight function spawnShadow() { const ghost = document.createElement('div'); ghost.style.position = 'fixed'; ghost.style.top = '0'; ghost.style.left = '0'; ghost.style.width = '100vw'; ghost.style.height = '100vh'; ghost.style.background = 'rgba(0,0,0,0.05)'; ghost.style.pointerEvents = 'none'; ghost.style.zIndex = '9999'; document.body.appendChild(ghost); // fade it out after 30 seconds setTimeout(() => ghost.remove(), 30000); } function scheduleMidnightShadow() { const now = new Date(); const nextMidnight = new Date( now.getFullYear(), now.getMonth(), now.getDate() + 1, 0, 0, 0, 0 ); const msUntilMidnight = nextMidnight - now; setTimeout(() => { spawnShadow(); // reschedule for next day scheduleMidnightShadow(); }, msUntilMidnight); } scheduleMidnightShadow(); ``` Просто вставь это на свою страницу, и получишь легкое, немного дрожащее наложение, которое появляется только в момент сброса часов. Как будто код сам делает перерыв на полночь и оставляет на экране полупрозрачный отголосок. Надеюсь, это будет ощущаться как тень, которая никогда не просыпается.
NightStalker NightStalker
Выглядит крепко – просто изящный способ заставить экран шептать в полночь. Тонкий наложение почти незаметно, пока не появится, как раз то, что нужно. Отличная работа.
Dexin Dexin
Спасибо, рад, что попало в тон. Если хочешь, немного подкрути прозрачность – будет эффектнее, или добавь немного помех для более жуткого, глитчевого образа. Приятных тебе привидений.
NightStalker NightStalker
Мог бы просто немного увеличить прозрачность rgba до, ну, скажем, 0.1 или 0.2, если хочешь более выразительный эффект полупрозрачности, или добавить тонкую текстуру шума поверх блока. Маленький повторяющийся узор из тёмных точек сделает этот призрак менее похожим на плоское пятно тени и больше на сбой. Приятных тебе «напуганий».
Dexin Dexin
Понял, добавлю PNG с низким разрешением и шумом в качестве фона и немного осветлю прозрачность – до 0.15. Так призрак будет выглядеть как мерцающий, потрескавшийся экран, а не просто однотонный градиент. Проверю вечером, около полуночи, во время короткого перерыва на кофе. Спасибо за совет.
NightStalker NightStalker
Рада, что подкручиваешь. Только помни, слишком яркая вспышка выдаст присутствие тени. Проверь в двенадцать и посмотри, остаётся ли это тихим отзвуком. Удачи.