Скрипт <<Рыба в аквариуме>>

Question

Скрипт <<Рыба в аквариуме>>

Сергей Баранов Ученик (199), открыт 6 дней назад

Короче. Скрипт для движения рыбы по холсту по кругу, создание холста через canvas, движение рыбы, через set.interval по одной и той же координате, и назначить свет холсту через background color для элемента canvas. Надеюсь понятно написал.

Дополнен 6 дней назад

Изменено: есть 3 файла index.html, CSS, и script.js, в индексе нужно создать холст, в скрипте нужно написать для рыбы скрипт для движения по кругу через set.interval, а через CSS нужно назначить голубой свет холсту. Написать скрипт через Visual Studio Code

Answer 1

Вот пример скрипта для создания аквариума с движущейся рыбой на HTML canvas:

```html
<canvas id="aquarium" width="400" height="400" style="background-color: #aeeeee;"></canvas>
<script>
const canvas = document.getElementById('aquarium');
const ctx = canvas.getContext('2d');
let angle = 0;

function drawFish() {
ctx.clearRect(0, 0, canvas.width, canvas.height);
ctx.beginPath();
ctx.arc(200 + 100 * Math.cos(angle), 200 + 100 * Math.sin(angle), 10, 0, Math.PI * 2);
ctx.fillStyle = 'orange';
ctx.fill();
angle += 0.05;
}

setInterval(drawFish, 100);
</script>
```

Этот код создает холст с фоновым цветом аквариума и рыбой, которая движется по кругу.