<!DOCTYPE html>
<html>
<head>
<title>Червь за курсором</title>
<style>
body {
background: #f0f0f0;
color: #eee;
font-family: sans-serif;
height: 100vh;
margin: 0;
overflow: hidden;
}
.seg {
position: fixed;
width: 10px;
height: 10px;
background: #000;
border-radius: 50%;
pointer-events: none;
}
</style>
</head>
<body>
<div style="padding: 50px;">
<h1>Интерактивный червь</h1>
<p>Поводите мышкой по экрану,</p>
</div>
<script>
let d = [], colors = ['#f00', '#0f0', '#00f', '#f0f', '#0f0', '#f0f'];
for(let i = 0; i < 15; i++) {
d[i] = document.createElement('div');
d[i].className = 'seg';
d[i].style.background = colors[i % colors.length];
document.body.appendChild(d[i]);
}
</script>
</body>
</html>