Редактирование: Ws-htmlets/js2020/Galov$Shilov/html.html

Перейти к: навигация, поиск

Внимание! Вы не авторизовались на сайте. Ваш IP-адрес будет публично видимым, если вы будете вносить любые правки. Если вы войдёте или создадите учётную запись, правки вместо этого будут связаны с вашим именем пользователя, а также у вас появятся другие преимущества.

Правка может быть отменена. Пожалуйста, просмотрите сравнение версий, чтобы убедиться, что это именно те изменения, которые вас интересуют, и нажмите «Записать страницу», чтобы изменения вступили в силу.
Текущая версия Ваш текст
Строка 2: Строка 2:
 
Движение частицы в гравитационном и электромагнитном полях
 
Движение частицы в гравитационном и электромагнитном полях
  
−
Исполнители: [[Шилов_Михаил|Шилов Михаил]], [[Борисенков_Богдан|Борисенков Богдан]], [[Галов_Владислав|Галов Владислав]]
+
Исполнители: [[Галов_Владислав|Галов Владислав]], [[Шилов_Михаил|Шилов Михаил]], [[Борисенков_Богдан|Борисенков Богдан]]
 
== Визуализация ==
 
== Визуализация ==
 
{{#widget:Iframe | url=http://tm.spbstu.ru/htmlets/js2020/Galov$Shilov/html.html | width=800 | height=800 | border=0}}
 
{{#widget:Iframe | url=http://tm.spbstu.ru/htmlets/js2020/Galov$Shilov/html.html | width=800 | height=800 | border=0}}
Строка 14: Строка 14:
 
function main(){
 
function main(){
 
var ctx = canv.getContext('2d');
 
var ctx = canv.getContext('2d');
 +
 
var h = canv.height;
 
var h = canv.height;
 +
 
var w = canv.width;
 
var w = canv.width;
 +
 
var E = 10; var Mod = 100000000; var Ma1 = 100000000; var Ma2 = 50000000;
 
var E = 10; var Mod = 100000000; var Ma1 = 100000000; var Ma2 = 50000000;
 +
 
var radod = 100;
 
var radod = 100;
 +
 
var rad1 = 100;
 
var rad1 = 100;
 +
 
         var rad2 = 50;
 
         var rad2 = 50;
 +
 
var rad = 10;
 
var rad = 10;
 +
 
var x; var y; var m;
 
var x; var y; var m;
 +
 
var vx = 0; var vy = 0; var aex = 0; var aey = 0; var atsx = 0; var atsy = 0;
 
var vx = 0; var vy = 0; var aex = 0; var aey = 0; var atsx = 0; var atsy = 0;
 +
 
var axg = 0; var ayg = 0;
 
var axg = 0; var ayg = 0;
 +
 
var Flx = 0; var Fly = 0; var xo; var yo;
 
var Flx = 0; var Fly = 0; var xo; var yo;
 +
 
var fps = 60;
 
var fps = 60;
 +
 
var dt = 1/fps;
 
var dt = 1/fps;
 +
 
 
 
canv.onclick = function(event){
 
canv.onclick = function(event){
 +
 
dt = 1/fps;
 
dt = 1/fps;
 +
 
var rect = canv.getBoundingClientRect();
 
var rect = canv.getBoundingClientRect();
 +
 
x = event.clientX - rect.left;
 
x = event.clientX - rect.left;
 +
 
y = event.clientY - rect.top;
 
y = event.clientY - rect.top;
 +
 +
 
}
 
}
 +
  
 
 
 
function phys1(){
 
function phys1(){
 +
 
m = document.getElementById('polz').value;
 
m = document.getElementById('polz').value;
 +
 
var radf = document.getElementsByName('field');
 
var radf = document.getElementsByName('field');
 +
 
var radn = document.getElementsByName('kolvo');
 
var radn = document.getElementsByName('kolvo');
 +
 
var rads = document.getElementsByName('sput')
 
var rads = document.getElementsByName('sput')
 +
 
var radd = document.getElementsByName('direct');
 
var radd = document.getElementsByName('direct');
 +
 
var radc = document.getElementsByName('ch');
 
var radc = document.getElementsByName('ch');
 +
 
if (radf[0].checked==true){
 
if (radf[0].checked==true){
 +
 
if (rads[1].checked==true){
 
if (rads[1].checked==true){
 +
 
if (radn[0].checked==true){
 
if (radn[0].checked==true){
 +
 
var rod = Math.sqrt((x-250)*(x-250)+(y-250)*(y-250));
 
var rod = Math.sqrt((x-250)*(x-250)+(y-250)*(y-250));
 +
 
var cosod = (250-x)/rod;
 
var cosod = (250-x)/rod;
 +
 
var sinod = (250-y)/rod;
 
var sinod = (250-y)/rod;
 +
 
var fg = m*Mod/(rod*rod);
 
var fg = m*Mod/(rod*rod);
 +
 
var fgx = fg*cosod; var fgy = fg*sinod;
 
var fgx = fg*cosod; var fgy = fg*sinod;
 +
 
axg = fgx/m; ayg = fgy/m;
 
axg = fgx/m; ayg = fgy/m;
 +
 
x = x+3*axg*dt*dt/2;
 
x = x+3*axg*dt*dt/2;
 +
 
y = y+3*ayg*dt*dt/2;
 
y = y+3*ayg*dt*dt/2;
 +
 
}
 
}
 +
 
if (radn[1].checked==true){
 
if (radn[1].checked==true){
 +
 
var r1 = Math.sqrt((x-350)*(x-350)+(y-350)*(y-350));
 
var r1 = Math.sqrt((x-350)*(x-350)+(y-350)*(y-350));
 +
 
var r2 = Math.sqrt((x-100)*(x-100)+(y-100)*(y-100));
 
var r2 = Math.sqrt((x-100)*(x-100)+(y-100)*(y-100));
 +
 
var cos1 = (350-x)/r1;
 
var cos1 = (350-x)/r1;
 +
 
var cos2 = (100-x)/r2;
 
var cos2 = (100-x)/r2;
 +
 
var sin1 = (350-y)/r1;
 
var sin1 = (350-y)/r1;
 +
 
var sin2 = (100-y)/r2;
 
var sin2 = (100-y)/r2;
 +
 
var fg1 = m*Ma1/(r1*r1);
 
var fg1 = m*Ma1/(r1*r1);
 +
 
var fg2 = m*Ma2/(r2*r2);
 
var fg2 = m*Ma2/(r2*r2);
 +
 
var fg1x = fg1*cos1; var fg2x = fg2*cos2;
 
var fg1x = fg1*cos1; var fg2x = fg2*cos2;
 +
 
var fg1y = fg1*sin1; var fg2y = fg2*sin2;
 
var fg1y = fg1*sin1; var fg2y = fg2*sin2;
 +
 
axg = (fg1x+fg2x)/m; ayg = (fg1y+fg2y)/m;
 
axg = (fg1x+fg2x)/m; ayg = (fg1y+fg2y)/m;
 +
 
x = x+3*axg*dt*dt/2;
 
x = x+3*axg*dt*dt/2;
 +
 
y = y+3*ayg*dt*dt/2;
 
y = y+3*ayg*dt*dt/2;
 +
 
if (r1<rad1+rad)dt=0;
 
if (r1<rad1+rad)dt=0;
 +
 
if (r2<rad2+rad)dt=0;
 
if (r2<rad2+rad)dt=0;
 +
 
}
 
}
 +
 
}
 
}
 +
 
if (rads[0].checked==true){
 
if (rads[0].checked==true){
 +
 
if (radn[0].checked==true){
 
if (radn[0].checked==true){
 +
 
var rsod = Math.sqrt((x-250)*(x-250)+(y-250)*(y-250));
 
var rsod = Math.sqrt((x-250)*(x-250)+(y-250)*(y-250));
 +
 
var cossod = (250-x)/rsod;
 
var cossod = (250-x)/rsod;
 +
 
var sinsod = (250-y)/rsod;
 
var sinsod = (250-y)/rsod;
 +
 
var v = Math.sqrt(0.1*Mod/rsod);
 
var v = Math.sqrt(0.1*Mod/rsod);
 +
 
vx = v*sinsod; vy = v*(-cossod);
 
vx = v*sinsod; vy = v*(-cossod);
 +
 
ac = v*v/rsod;
 
ac = v*v/rsod;
 +
 
acx = ac*cossod; acy = ac*sinsod;
 
acx = ac*cossod; acy = ac*sinsod;
 +
 
x = x+vx*dt+acx*dt*dt/2;
 
x = x+vx*dt+acx*dt*dt/2;
 +
 
y = y+vy*dt+acy*dt*dt/2;
 
y = y+vy*dt+acy*dt*dt/2;
 +
 
}
 
}
 +
 
if (radn[1].checked==true){
 
if (radn[1].checked==true){
 +
 
var rs1 = Math.sqrt((x-350)*(x-350)+(y-350)*(y-350));
 
var rs1 = Math.sqrt((x-350)*(x-350)+(y-350)*(y-350));
 +
 
var rs2 = Math.sqrt((x-100)*(x-100)+(y-100)*(y-100));
 
var rs2 = Math.sqrt((x-100)*(x-100)+(y-100)*(y-100));
 +
 
if (rs1<=rs2+70){
 
if (rs1<=rs2+70){
 +
 
var coss1 = (350-x)/rs1;
 
var coss1 = (350-x)/rs1;
 +
 
var sins1 = (350-y)/rs1;
 
var sins1 = (350-y)/rs1;
 +
 
var v = Math.sqrt(0.1*Ma1/rs1);
 
var v = Math.sqrt(0.1*Ma1/rs1);
 +
 
vx = v*sins1; vy = v*(-coss1);
 
vx = v*sins1; vy = v*(-coss1);
 +
 
ac = v*v/rs1;
 
ac = v*v/rs1;
 +
 
acx = ac*coss1; acy = ac*sins1;
 
acx = ac*coss1; acy = ac*sins1;
 +
 
x = x+vx*dt+acx*dt*dt/2;
 
x = x+vx*dt+acx*dt*dt/2;
 +
 
y = y+vy*dt+acy*dt*dt/2;
 
y = y+vy*dt+acy*dt*dt/2;
 +
 
}
 
}
 +
 
else{
 
else{
 +
 
var coss2 = (100-x)/rs2;
 
var coss2 = (100-x)/rs2;
 +
 
var sins2 = (100-y)/rs2;
 
var sins2 = (100-y)/rs2;
 +
 
var v = Math.sqrt(0.1*Ma2/rs2);
 
var v = Math.sqrt(0.1*Ma2/rs2);
 +
 
vx = -v*sins2; vy = v*coss2;
 
vx = -v*sins2; vy = v*coss2;
 +
 
ac = v*v/rs2;
 
ac = v*v/rs2;
 +
 
acx = ac*coss2; acy = ac*sins2;
 
acx = ac*coss2; acy = ac*sins2;
 +
 
x = x+vx*dt+acx*dt*dt/2;
 
x = x+vx*dt+acx*dt*dt/2;
 +
 
y = y+vy*dt+acy*dt*dt/2;
 
y = y+vy*dt+acy*dt*dt/2;
 +
 
}
 
}
 +
 
}
 
}
 +
 
}
 
}
 +
 
}
 
}
 +
 
if (radf[1].checked==true){
 
if (radf[1].checked==true){
 +
 
if (radd[0].checked==true && radc[0].checked==true ||
 
if (radd[0].checked==true && radc[0].checked==true ||
 +
 
radd[1].checked==true && radc[1].checked==true){
 
radd[1].checked==true && radc[1].checked==true){
 +
 
atsy = vx/m;
 
atsy = vx/m;
 +
 
atsx = (-vy)/m;
 
atsx = (-vy)/m;
 +
 
}
 
}
 +
 
else{
 
else{
 +
 
atsy = (-vx)/m;
 
atsy = (-vx)/m;
 +
 
atsx = vy/m;
 
atsx = vy/m;
 +
 
}
 
}
 +
 
var radd2 = document.getElementsByName('direct2');
 
var radd2 = document.getElementsByName('direct2');
 +
 
if (radd2[0].checked==true){aex = E/m;}
 
if (radd2[0].checked==true){aex = E/m;}
 +
 
if (radd2[1].checked==true){aex = -E/m;}
 
if (radd2[1].checked==true){aex = -E/m;}
 +
 
x = x+vx*dt+(aex+atsx)*dt*dt/2;
 
x = x+vx*dt+(aex+atsx)*dt*dt/2;
 +
 
y = y+vy*dt+atsy*dt*dt/2;
 
y = y+vy*dt+atsy*dt*dt/2;
 +
 
vx = vx+(aex+atsx)*dt;
 
vx = vx+(aex+atsx)*dt;
 +
 
vy = vy+atsy*dt;
 
vy = vy+atsy*dt;
 +
 
if (x<-10 || y<-10 || x>w+10 || y>h+10) {vx = 0; vy = 0; atsx = 0; atsy = 0;};
 
if (x<-10 || y<-10 || x>w+10 || y>h+10) {vx = 0; vy = 0; atsx = 0; atsy = 0;};
 +
 
}
 
}
 +
 
}
 
}
 +
  
 
 
 
function draw1(){
 
function draw1(){
 +
 
ctx.clearRect(0,0,500,500);
 
ctx.clearRect(0,0,500,500);
 +
 
ctx.lineWidth="1";
 
ctx.lineWidth="1";
 +
 
var radf = document.getElementsByName('field');
 
var radf = document.getElementsByName('field');
 +
 
var radn = document.getElementsByName('kolvo');
 
var radn = document.getElementsByName('kolvo');
 +
 
var radd = document.getElementsByName('direct');
 
var radd = document.getElementsByName('direct');
 +
 
var radc = document.getElementsByName('ch');
 
var radc = document.getElementsByName('ch');
 +
 
if (radf[0].checked==true){
 
if (radf[0].checked==true){
 +
 
if (radn[0].checked==true){
 
if (radn[0].checked==true){
 +
 
ctx.beginPath();
 
ctx.beginPath();
 +
 
ctx.arc(250,250,radod,0,2*Math.PI);
 
ctx.arc(250,250,radod,0,2*Math.PI);
 +
 
ctx.stroke();
 
ctx.stroke();
 +
 
ctx.fillStyle="grey";
 
ctx.fillStyle="grey";
 +
 
ctx.fill();
 
ctx.fill();
 +
 
var rod = Math.sqrt((x-250)*(x-250)+(y-250)*(y-250));
 
var rod = Math.sqrt((x-250)*(x-250)+(y-250)*(y-250));
 +
 
if (rod<=radod+rad){
 
if (rod<=radod+rad){
 +
 
var sinod = Math.abs(y-250)/rod;
 
var sinod = Math.abs(y-250)/rod;
 +
 
var cosod = Math.abs(x-250)/rod;
 
var cosod = Math.abs(x-250)/rod;
 +
 
if (x>250){x = 250+(radod+rad)*cosod;}
 
if (x>250){x = 250+(radod+rad)*cosod;}
 +
 
else{x = 250-(radod+rad)*cosod;}
 
else{x = 250-(radod+rad)*cosod;}
 +
 
if (y>250){y = 250+(radod+rad)*sinod;}
 
if (y>250){y = 250+(radod+rad)*sinod;}
 +
 
else{y = 250-(radod+rad)*sinod;}
 
else{y = 250-(radod+rad)*sinod;}
 +
 
}
 
}
 +
 
ctx.beginPath();
 
ctx.beginPath();
 +
 
ctx.arc(x,y,rad,0,2*Math.PI);
 
ctx.arc(x,y,rad,0,2*Math.PI);
 +
 
ctx.stroke(); ctx.fillStyle="black";
 
ctx.stroke(); ctx.fillStyle="black";
 +
 
ctx.fill();
 
ctx.fill();
 +
 
}
 
}
 +
 
if (radn[1].checked==true){
 
if (radn[1].checked==true){
 +
 
ctx.beginPath();
 
ctx.beginPath();
 +
 
ctx.arc(350,350,rad1,0,2*Math.PI);
 
ctx.arc(350,350,rad1,0,2*Math.PI);
 +
 
ctx.stroke();
 
ctx.stroke();
 +
 
ctx.fillStyle="brown";
 
ctx.fillStyle="brown";
 +
 
ctx.fill();
 
ctx.fill();
 +
 
ctx.beginPath();
 
ctx.beginPath();
 +
 
ctx.arc(100,100,rad2,0,2*Math.PI);
 
ctx.arc(100,100,rad2,0,2*Math.PI);
 +
 
ctx.stroke();
 
ctx.stroke();
 +
 
ctx.fillStyle="purple";
 
ctx.fillStyle="purple";
 +
 
ctx.fill();
 
ctx.fill();
 +
 
var r1 = Math.sqrt((x-350)*(x-350)+(y-350)*(y-350));
 
var r1 = Math.sqrt((x-350)*(x-350)+(y-350)*(y-350));
 +
 
var r2 = Math.sqrt((x-100)*(x-100)+(y-100)*(y-100));
 
var r2 = Math.sqrt((x-100)*(x-100)+(y-100)*(y-100));
 +
 
if (r1<=rad1+rad){
 
if (r1<=rad1+rad){
 +
 
var sin1 = Math.abs(y-350)/r1;
 
var sin1 = Math.abs(y-350)/r1;
 +
 
var cos1 = Math.abs(x-350)/r1;
 
var cos1 = Math.abs(x-350)/r1;
 +
 
if (x>350){x = 350+(rad1+rad)*cos1;}
 
if (x>350){x = 350+(rad1+rad)*cos1;}
 +
 
else{x = 350-(rad1+rad)*cos1;}
 
else{x = 350-(rad1+rad)*cos1;}
 +
 
if (y>350){y = 350+(rad1+rad)*sin1;}
 
if (y>350){y = 350+(rad1+rad)*sin1;}
 +
 
else{y = 350-(rad1+rad)*sin1;}
 
else{y = 350-(rad1+rad)*sin1;}
 +
 
}
 
}
 +
 
if (r2<=rad2+rad){
 
if (r2<=rad2+rad){
 +
 
var sin2 = Math.abs(y-100)/r2;
 
var sin2 = Math.abs(y-100)/r2;
 +
 
var cos2 = Math.abs(x-100)/r2;
 
var cos2 = Math.abs(x-100)/r2;
 +
 
if (x>100){x = 100+(rad2+rad)*cos2;}
 
if (x>100){x = 100+(rad2+rad)*cos2;}
 +
 
else{x = 100-(rad2+rad)*cos2;}
 
else{x = 100-(rad2+rad)*cos2;}
 +
 
if (y>100){y = 100+(rad2+rad)*sin2;}
 
if (y>100){y = 100+(rad2+rad)*sin2;}
 +
 
else{y = 100-(rad2+rad)*sin2;}
 
else{y = 100-(rad2+rad)*sin2;}
 +
 
}
 
}
 +
 
ctx.beginPath();
 
ctx.beginPath();
 +
 
ctx.arc(x,y,rad,0,2*Math.PI);
 
ctx.arc(x,y,rad,0,2*Math.PI);
 +
 
ctx.stroke(); ctx.fillStyle="black";
 
ctx.stroke(); ctx.fillStyle="black";
 +
 
ctx.fill();
 
ctx.fill();
 +
 
}
 
}
 +
 
}
 
}
 +
 
if (radf[1].checked==true){
 
if (radf[1].checked==true){
 +
 
ctx.beginPath();
 
ctx.beginPath();
 +
 
ctx.arc(x,y,rad,0,2*Math.PI);
 
ctx.arc(x,y,rad,0,2*Math.PI);
−
ctx.stroke();  
+
−
                ctx.fillStyle="black";
+
ctx.stroke(); ctx.fillStyle="black";
 +
 
ctx.fill();
 
ctx.fill();
 +
 
ctx.beginPath();
 
ctx.beginPath();
 +
 
ctx.arc(30,30,15,0,2*Math.PI);
 
ctx.arc(30,30,15,0,2*Math.PI);
 +
 
ctx.strokeStyle="grey";
 
ctx.strokeStyle="grey";
 +
 
ctx.stroke();
 
ctx.stroke();
 +
 
if (radd[1].checked==true){
 
if (radd[1].checked==true){
 +
 
ctx.beginPath();
 
ctx.beginPath();
 +
 
ctx.moveTo(19.4,19.4);
 
ctx.moveTo(19.4,19.4);
 +
 
ctx.lineTo(40.6,40.6);
 
ctx.lineTo(40.6,40.6);
 +
 
ctx.stroke();
 
ctx.stroke();
 +
 
ctx.beginPath();
 
ctx.beginPath();
 +
 
ctx.moveTo(19.4,40.6);
 
ctx.moveTo(19.4,40.6);
 +
 
ctx.lineTo(40.6,19.4);
 
ctx.lineTo(40.6,19.4);
 +
 
ctx.stroke();
 
ctx.stroke();
 +
 
}
 
}
 +
 
else{
 
else{
 +
 
ctx.beginPath();
 
ctx.beginPath();
 +
 
ctx.arc(30,30,1,0,2*Math.PI);
 
ctx.arc(30,30,1,0,2*Math.PI);
 +
 
ctx.fillStyle="grey";
 
ctx.fillStyle="grey";
 +
 
ctx.fill();
 
ctx.fill();
 +
 
ctx.stroke();
 
ctx.stroke();
 +
 
}
 
}
 +
 
ctx.beginPath();
 
ctx.beginPath();
 +
 
ctx.moveTo(x-5,y);
 
ctx.moveTo(x-5,y);
 +
 
ctx.lineTo(x+5,y);
 
ctx.lineTo(x+5,y);
 +
 
if (radc[0].checked==true){
 
if (radc[0].checked==true){
 +
 
ctx.moveTo(x,y-5);
 
ctx.moveTo(x,y-5);
 +
 
ctx.lineTo(x,y+5);
 
ctx.lineTo(x,y+5);
 +
 
}
 
}
 +
 
ctx.strokeStyle="white";
 
ctx.strokeStyle="white";
 +
 
ctx.lineWidth="3";
 
ctx.lineWidth="3";
 +
 
ctx.stroke();
 
ctx.stroke();
 +
 
}
 
}
 +
 
}
 
}
 +
  
 
 
 
function control(){
 
function control(){
 +
 
phys1();
 
phys1();
 +
 
draw1();
 
draw1();
 +
 
}
 
}
 +
  
 
 
 
var radf = document.getElementsByName('field');
 
var radf = document.getElementsByName('field');
 +
 +
 
if (radf[0].checked==true){setInterval(control, 100/fps);}
 
if (radf[0].checked==true){setInterval(control, 100/fps);}
 +
 +
 
if (radf[1].checked==true){setInterval(control, 0.1/fps);}
 
if (radf[1].checked==true){setInterval(control, 0.1/fps);}
 +
 
}
 
}
 
</syntaxhighlight>
 
</syntaxhighlight>
 
</div>
 
</div>
Вам запрещено изменять защиту статьи. Edit Создать редактором
Шаблоны быстрого доступа

Обратите внимание, что все добавления и изменения текста статьи рассматриваются как выпущенные на условиях лицензии Public Domain (см. Department of Theoretical and Applied Mechanics:Авторские права). Если вы не хотите, чтобы ваши тексты свободно распространялись и редактировались любым желающим, не помещайте их сюда.
Вы также подтверждаете, что являетесь автором вносимых дополнений или скопировали их из источника, допускающего свободное распространение и изменение своего содержимого.
НЕ РАЗМЕЩАЙТЕ БЕЗ РАЗРЕШЕНИЯ МАТЕРИАЛЫ, ОХРАНЯЕМЫЕ АВТОРСКИМ ПРАВОМ!

To protect the wiki against automated edit spam, we kindly ask you to solve the following CAPTCHA:

Отменить | Справка по редактированию  (в новом окне)
Источник — «http://tm.spbstu.ru/Ws-htmlets/js2020/Galov$Shilov/html.html»