Шарики(изобр.) навстречу друг-другу JS

@Max007 · Регистрация: 17.03.2015

Студворк — интернет-сервис помощи студентам

Здравствуйте, помогите пожалуйста, нужно зделать чтоб шарики отбивались друг от друга.

JavaScript
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
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
<html >
<head>
</head>
 
<body id="body" >
        <img  id="move-me"  src="p.bmp" style="position: absolute;"  height="50" width="150">
        <img  id="p"  src="p2.bmp" style="position: absolute;" height="50" width="150">
 
        <script type="text/javascript">
                var p = Math.PI / 2;
                var p1 = Math.PI / 2;   // Встановлюємо кут в 30°.
                var r = 0;
                var r1 =0;   // Початкове значення радіус-вектора с.
 
                var l=document.getElementById('move-me').offsetLeft;
         var w=document.getElementById('move-me').offsetWidth;
         var W=document.getElementById('body').clientWidth-20;
         var t=document.getElementById('move-me').offsetTop;
         var h=document.getElementById('move-me').offsetHeight;
         var H=document.getElementById('body').clientHeight;
 
 
         var l1=document.getElementById('p').offsetLeft;
         var w1=document.getElementById('p').offsetWidth;
         var t1=document.getElementById('p').offsetTop;
         var h1=document.getElementById('p').offsetHeight;
        //  var W=document.getElementById('body').clientWidth;
             var  m1=H-h1, k1=0;
            function moveByLine() {
 
         
 
         var ln,tn,ln1, tn1;
                         ln=l+r*Math.cos(p);
                         tn=t+r*Math.sin(p);
 
                         ln1=k1+r*Math.cos(p1);
                         tn1=m1+r*Math.sin(p1);
 
                      if(ln<0 || (ln+w)>=W ){p=Math.PI-p ;  r=1;}
                        if(tn<0 || (tn+h)>=H ){p=-p ; r=1;}
                        l=l+r*Math.cos(p);
                         t=t+r*Math.sin(p);
 
                         if(ln1<0 || (ln1+w1)>=W ){p1=Math.PI-p1 ;  r1=1;}
                        if(tn1<0 || (tn1+h1)>=H ){p1=-p1 ; r1=1;}
                        k1=k1+r1*Math.cos(p1);
                         m1=m1+r1*Math.sin(p1);
 
                       document.getElementById('move-me').style.left=(l) + 'px';
                       document.getElementById('move-me').style.top=(t) + 'px';
                       document.getElementById('p').style.left=(k1) + 'px';
                       document.getElementById('p').style.top=(m1) + 'px';
                        r=r+0.1;
                        r1=r1+0.1;
 
    }
 
 
             document.getElementById('p').style.left=(0) + 'px';
           document.getElementById('p').style.top=(H-h1) + 'px';
 
           var moveInterval = setInterval(moveByLine, 20);
 
 
 
 
 
        </script>
</body>
 
 
</html>

@kalabuni · 20.04.2016, 20:28

отбивались -- это как-то коряво
обычно говорят "шарики сталкиваются друг с другом и затем, после столкновения, разлетаются"

это физическая задача, которую при равенстве импульсов (одинаковые массы и скорости движения шариков) можно свести к чисто тригонометрической

@Max007 · 20.04.2016, 22:27 **[ТС]**

Ну пусть будет и так)))

@Padimanskas · 21.04.2016, 04:53

Max007, https://developer.mozilla.org/... _detection

Новые блоги и статьи Все статьи Все блоги /
Уведомление о неверно выбранном значении справочника Maks 06.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "НарядПутевка", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если в документе выбран неверный склад. . .	Установка Qt Creator для C и C++: ставим среду, CMake и MinGW без фреймворка Qt 8Observer8 05.04.2026 Среду разработки Qt Creator можно установить без фреймворка Qt. Есть отдельный репозиторий для этой среды: https:/ / github. com/ qt-creator/ qt-creator, где можно скачать установщик, на вкладке Releases:. . .	AkelPad-скрипты, структуры, и немного лирики.. testuser2 05.04.2026 Такая программа, как AkelPad существует уже давно, и также давно существуют скрипты под нее. Тем не менее, прога живет, периодически что-то не спеша дополняется, улучшается. Что меня в первую очередь. . .	Отображение реквизитов в документе по условию и контроль их заполнения Maks 04.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеСпецтехники", разработанного в конфигурации КА2. Данный документ берёт данные из другого нетипового документа. . .
Фото всей Земли с борта корабля Orion миссии Artemis II kumehtar 04.04.2026 Это первое подобное фото сделанное человеком за 50 лет. Снимок называют новым вариантом легендарной фотографии «The Blue Marble» 1972 года, сделанной с борта корабля «Аполлон-17». Новое фото. . .	Вывод диалогового окна перед закрытием, если документ не проведён Maks 04.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать программный контроль на предмет проведения документа. . .	Программный контроль заполнения реквизитов табличной части документа Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: 1. Реализовать контроль заполнения реквизита. . .	wmic не является внутренней или внешней командой Maks 02.04.2026 Решение: DISM / Online / Add-Capability / CapabilityName:WMIC~~~~ Отсюда: https:/ / winitpro. ru/ index. php/ 2025/ 02/ 14/ komanda-wmic-ne-naydena/

@kalabuni супермизантроп 3941 / 2979 / 692 Регистрация: 18.04.2012 Сообщений: 8,629
	20.04.2016, 20:28
	отбивались -- это как-то коряво обычно говорят "шарики сталкиваются друг с другом и затем, после столкновения, разлетаются" это физическая задача, которую при равенстве импульсов (одинаковые массы и скорости движения шариков) можно свести к чисто тригонометрической 0

@Max007 0 / 0 / 0 Регистрация: 17.03.2015 Сообщений: 37
	20.04.2016, 22:27 [ТС]
	Ну пусть будет и так))) 0

@Padimanskas Superposition 950 / 615 / 256 Регистрация: 27.10.2013 Сообщений: 2,083
	21.04.2016, 04:53
	Max007, https://developer.mozilla.org/... _detection 1