Редактирование: 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.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> |