Жызнь
Скрины мои, оформление мое, так что и тег наверное туда же
Показать полностью
1
0 просмотренных постов скрыто
Ответ на пост «Не понять»3
Школоте не понять
Показать полностью
2
Интерактивный ScreenSaver Windows 93 Maze-3d
В детстве я хотел не столько смотреть как бот бегает по лабиринту , но сколько поиграть самому. Сейчас я стал старше и недавно вспомнил про другую игру в лабиринт))
И в честь скорого тыквенного спаса запилил интерактивный скринсейвер за пару вечеров!
Сыграть можно тут онлайн:
https://play.unity.com/en/games/6dc97271-fa6d-4854-955e-56b6...
Или тут (но не из России):
https://sadmilk91.itch.io/maze-3d
Давайте посоревнуемся!
Выкладывайте в комменты результат за первые два уровня!
Показать полностью
2
Когда контекстная реклама хороша
Телеграм канал - https://t.me/trash_tv404/2972
Ответ Rooper в «Перекличка мамонтов»2172
Показать полностью
1
Ответ на пост «Перекличка мамонтов»2172
Конкретно этим ластикам лет 35 точно
Трубы тоже были залипательные, но рыбовы меня радуют уже лет 20
Показать полностью
1
Скринсейвер
код вставляем в блокнот и потом расширение ".txt" меняем на ".html":
<!DOCTYPE html>
<html>
<head>
<style>
:root {
--start-scale: 0.1;
--scale-step: 4.8;
--animation-duration: 15s;
--spawn-delay: 1.1s;
}
body {
margin: 0;
overflow: hidden;
background: black;
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
}
.yu, .pahu {
position: absolute;
color: white;
font-family: Arial;
animation: yu-animation var(--animation-duration) linear forwards;
transform-origin: 63% 50%;
opacity: 0;
}
.yu {
font-size: 50vmin;
}
.pahu {
font-size: 15vmin;
color: #ff5555;
--start-scale: 0.8; /* Отдельный масштаб для надписи */
}
@keyframes yu-animation {
0% {
transform: scale(var(--start-scale)) rotate(var(--rotate-start));
opacity: 1;
}
100% {
transform: scale(30) rotate(var(--rotate-end));
opacity: 0;
}
}
</style>
</head>
<body>
<script>
let counter = 0;
let nextPahuAt = 10 + Math.floor(Math.random() * 6) + 5; // 10 + (5-10)
function createPahu() {
const pahu = document.createElement('div');
pahu.className = 'pahu';
pahu.textContent = 'ПАХУЮ';
const startAngle = Math.random() * 360;
const endAngle = startAngle + 360 * 3;
pahu.style.setProperty('--rotate-start', `${startAngle}deg`);
pahu.style.setProperty('--rotate-end', `${endAngle}deg`);
pahu.addEventListener('animationend', () => pahu.remove());
document.body.appendChild(pahu);
}
function createYu() {
counter++;
// Создаем ПАХУЮ каждые 10-15 букв Ю
if(counter >= nextPahuAt) {
createPahu();
counter = 0;
nextPahuAt = 10 + Math.floor(Math.random() * 6) + 5; // Новый интервал
}
const yu = document.createElement('div');
yu.className = 'yu';
yu.textContent = 'Ю';
const startAngle = Math.random() * 360;
const endAngle = startAngle + 360 * (Math.random() * 2 + 1);
yu.style.setProperty('--rotate-start', `${startAngle}deg`);
yu.style.setProperty('--rotate-end', `${endAngle}deg`);
yu.addEventListener('animationend', () => yu.remove());
document.body.appendChild(yu);
setTimeout(createYu, parseFloat(getComputedStyle(document.documentElement)
.getPropertyValue('--spawn-delay')) * 1000);
}
// Запуск анимации
// made by Махурчеватор just for fun ^^
createYu();
</script>
</body>
</html>
обновил, убрал спойлер, хз через задницу вставляется, в каментах еще раз продублировал, в посте форматирование кода хз как настроить
Показать полностью