0 / 0 / 0
Регистрация: 01.01.2023
Сообщений: 4
1

Движение квадрата по окружности

30.04.2023, 14:09. Показов 714. Ответов 1
Метки нет (Все метки)

Author24 — интернет-сервис помощи студентам
Нужен готовый код на Js, где квадрат будет двигаться по окружности и не оставлять за собой след(как будто машина едет по круговой дороге).
0
Лучшие ответы (1)
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
30.04.2023, 14:09
Ответы с готовыми решениями:

Движение квадрата к точке в которой был клик
Подскажите как такое реализовать. До сегодняшнего дня вообще загадкой было что обьекты с помощью...

Движение черного квадрата по горизонтальной эллиптической орбите
Написать на JavaScript код,который отображает движение черного квадрата по горизонтальной...

Изобразить движение квадрата по окружности (так, чтобы центр квадрата двигался по окружности)
Изобразить движение квадрата по окружности (так, чтобы центр квадрата двигался по окружности)...

Движение квадрата по окружности
С помощью canvas я нарисовал систему координат и в первом квадранте организовал движение квадрата...

Движение закрашенного квадрата по окружности
Используя технологию объектно-ориентированного программирования разработать движущийся графический...

1
1756 / 911 / 373
Регистрация: 26.11.2014
Сообщений: 1,859
Записей в блоге: 1
01.05.2023, 02:34 2
Лучший ответ Сообщение было отмечено sosamba228 как решение

Решение

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<body>
    <canvas id="myCanvas" width="400" height="400"></canvas>
    <script>
      var canvas = document.getElementById("myCanvas");
      var ctx = canvas.getContext("2d");
 
      var rectWidth = 100;
      var rectHeight = 50;
      var rectColor = "red";
 
      var centerX = canvas.width / 2;
      var centerY = canvas.height / 2;
      var radius = 150;
      var angle = 0;
 
      function animate() {
        ctx.clearRect(0, 0, canvas.width, canvas.height);
 
        var rectX = centerX + radius * Math.cos(angle) - rectWidth / 2;
        var rectY = centerY + radius * Math.sin(angle) - rectHeight / 2;
        var rectRotation = angle + Math.PI / 2;
 
        ctx.save();
        ctx.translate(rectX + rectWidth / 2, rectY + rectHeight / 2);
        ctx.rotate(rectRotation);
        ctx.fillStyle = rectColor;
        ctx.fillRect(-rectWidth / 2, -rectHeight / 2, rectWidth, rectHeight);
        ctx.restore();
 
        angle += 1 / 60;
 
        requestAnimationFrame(animate);
      }
 
      animate();
    </script>
  </body>
1
01.05.2023, 02:34
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
01.05.2023, 02:34
Помогаю со студенческими работами здесь

Движение закрашенного квадрата по окружности
Используя технологию объектно-ориентированного программирования разработать движущийся графический...

Движение закрашенного квадрата по окружности
Движение закрашенного квадрата по окружностию Как сделать данное задание? Уже давно не использовал...

Движение закрашенного квадрата по окружности
Используя технологию объектно-ориентированного программирования разработать движущийся графический...

Движение окружности по траектории квадрата
Здравствуйте, помогите пожалуйста написать программу в делфи 7, заранее огромное спасибо

ООП. Движение окружности по периметру квадрата
Задача 2 На пространстве формы изображен квадрат размером 250х250. По часовой стрелке по...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2024, CyberForum.ru