小球的运动不科学

马黑黑

马黑黑

代码

1. <style>
   
2. #mydiv {
   
3.         margin: 50px auto 0;
   
4.         width: 240px;
   
5.         height: 240px;
   
6.         border-radius: 50%;
   
7.         background: none;
   
8.         position: relative;
   
9.         animation: rotate 10s infinite alternate linear;
   
10.         --deg1: -120deg;
    
11.         --deg2: 120deg;
    
12. }
    
13. #mydiv::before {
    
14.         content: '';
    
15.         position: absolute;
    
16.         left: -20px;
    
17.         top: -20px;
    
18.         right: -20px;
    
19.         bottom: -20px;
    
20.         border-radius: 50%;
    
21.         box-shadow: 4px 8px 28px gray, inset 0 0 160px lightgreen;
    
22.         animation: rotate 10s infinite alternate linear;
    
23.         --deg1: 120deg;
    
24.         --deg2: -120deg;
    
25. }
    
26. li-zi {
    
27.         position: absolute;
    
28.         width: 40px;
    
29.         height: 40px;
    
30.         border-radius: 50%;
    
31.         background: olive;
    
32.         animation: move 4s infinite alternate linear;
    
33. }
    
34. @keyframes move {
    
35.         from { transform: translate(var(--x1),var(--y1)); }
    
36.         to { transform: translate(var(--x2),var(--y2)); }
    
37. }
    
38. @keyframes rotate {
    
39.         from { transform: rotate(var(--deg1)); }
    
40.         to { transform: rotate(var(--deg2)); }
    
41. }
    
42. </style>
    
43. 
    
44. <div id="mydiv">
    
45.         <li-zi></li-zi>
    
46. </div>
    
47.   
    
48. <script>
    
49. 
    
50. let lz = document.querySelector('li-zi');
    
51. 
    
52. let r = mydiv.offsetWidth / 2; /* 半径 */
    
53. let angle = 45; /* 初始角度 */
    
54. 
    
55. /* 计算初始角度下圆周点XY坐标 */
    
56. let hudu1 = Math.PI / 180 * angle;
    
57. let x1 = r + r * Math.cos(hudu1),
    
58.         y1 = r + r * Math.sin(hudu1);
    
59. 
    
60. /* 计算对应点角度下圆周点XY坐标 */
    
61. let hudu2 = Math.PI / 180 * (angle + 180); /* 对应点角度=初始角度+180 */
    
62. let x2 = r + r * Math.cos(hudu2),
    
63.         y2 = r + r * Math.sin(hudu2);
    
64. 
    
65. /* 将两个点的坐标值减去小球半径后赋值给CSS变量 */
    
66. lz.style.cssText += `
    
67.         --x1: ${x1 - 20}px;
    
68.         --y1: ${y1 - 20}px;
    
69.         --x2: ${x2 - 20}px;
    
70.         --y2: ${y2 - 20}px;
    
71. `;
    
72. 
    
73. </script>

复制代码

马黑黑

小球从自己的第一坐标点即内圆周上的（x1,y1）出发，目的地是第二坐标点即内圆周上的（x2,y2），途径圆心，但由于母球的运动（从-120度到120度），小球实际上跟着做了弧形运动，但它实际上是做直线来回运动，每一次都会经过圆心。

红影

好奇怪，本来小球在大球里做无序一样的运动，但是评分后，变成了沿着外环也是260的环上运动了
评分还有这样的功效？我还没刷新，先看看这个玩。目估一下角度，大约从-10度逆时针走到100度的样子。

红影

马黑黑 发表于 2023-12-26 09:32
小球从自己的第一坐标点即内圆周上的（x1,y1）出发，目的地是第二坐标点即内圆周上的（x2,y2），途径圆心， ...

因为相差180度，所以圆上的2个点形成的是直线。
小圆被大圆的运动带得做了弧形运动，这个能理解，但为什么每次都经过圆心呢？
哦，因为大圆也是绕着圆心转的吧，小圆在圆心点上不受到分力的影响，其他位置上才有分力

红影

我刷新了一下，现在的形态跟刚进帖子的时候一样了

红影

这些运动组合能得到各种运动方式，真奇特

马黑黑

红影 发表于 2023-12-26 10:07
这些运动组合能得到各种运动方式，真奇特

宇宙的运动状态就是如此。我们现在业已知道的知识，还不能很好地解释一些宇宙现象，就是因为我们的模型其实还存在缺陷，不能完美“还原”运动的原本样貌。

马黑黑

红影 发表于 2023-12-26 09:59
好奇怪，本来小球在大球里做无序一样的运动，但是评分后，变成了沿着外环也是260的环上运动了
评 ...

这种现象与评分提交、刷新机制有关，提交评分后，页面是局部刷新，导致帖子的一些机制不完备。

马黑黑

红影 发表于 2023-12-26 10:06
因为相差180度，所以圆上的2个点形成的是直线。
小圆被大圆的运动带得做了弧形运动，这个能理解，但为什 ...

小圆球做的是沿直径运行的路线，一个周期的运动必经过该直线的任意一个点，这叫拓扑原理。圆心是直径上的一个点，所以也必须经过。

马黑黑

红影 发表于 2023-12-26 10:07
我刷新了一下，现在的形态跟刚进帖子的时候一样了

刷新了JS的实现机制就正常了

马黑黑

红影 发表于 2023-12-26 10:06
因为相差180度，所以圆上的2个点形成的是直线。
小圆被大圆的运动带得做了弧形运动，这个能理解，但为什 ...

小球从来不偏移它自身的运动直线，它的奇妙的轨迹是母球旋转造成的。

红影

马黑黑 发表于 2023-12-26 11:41
宇宙的运动状态就是如此。我们现在业已知道的知识，还不能很好地解释一些宇宙现象，就是因为我们的模型其 ...

宇宙里的运动也是受到各种外力的影响吧，宇宙现象除了模拟，可能还需要其他的分析。

红影

马黑黑 发表于 2023-12-26 11:43
这种现象与评分提交、刷新机制有关，提交评分后，页面是局部刷新，导致帖子的一些机制不完备。

原来是这样，反正看到那个变化觉得很奇特

红影

马黑黑 发表于 2023-12-26 11:45
小圆球做的是沿直径运行的路线，一个周期的运动必经过该直线的任意一个点，这叫拓扑原理。圆心是直径上的 ...

这个直径上的点多了去了，只有圆心是必然经过的啊。

红影

马黑黑 发表于 2023-12-26 11:46
刷新了JS的实现机制就正常了

是的，只是前面没舍得刷新，想观察一下

红影

马黑黑 发表于 2023-12-26 11:47
小球从来不偏移它自身的运动直线，它的奇妙的轨迹是母球旋转造成的。

嗯嗯，是的，小球本质上一直都是在做直线运动。

马黑黑

红影 发表于 2023-12-26 12:06
嗯嗯，是的，小球本质上一直都是在做直线运动。

这是参照的问题：如果你跟着目前一样旋转，你看到的小球运动是直线的

马黑黑

红影 发表于 2023-12-26 12:05
这个直径上的点多了去了，只有圆心是必然经过的啊。

所有的点都必须经过

马黑黑

红影 发表于 2023-12-26 12:03
宇宙里的运动也是受到各种外力的影响吧，宇宙现象除了模拟，可能还需要其他的分析。

问题是，我们能观察的范围有限，我们根本不知道宇宙的总运动形态，霍金提出的理论目前也仅是在人类对宇宙的认知范围内去完成的