Ws-htmlets/js2020/Galov$Shilov/html.html — различия между версиями

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

Текущая версия на 13:09, 2 июня 2020

Описание[править]

Движение частицы в гравитационном и электромагнитном полях

Исполнители: Шилов Михаил, Борисенков Богдан, Галов Владислав

Визуализация[править]

Код программы[править]

Код программы на языке JavaScript: 
  1 window.addEventListener("load", main, false);
  2 
  3 function main(){
  4 	var ctx = canv.getContext('2d');
  5 	var h = canv.height;
  6 	var w = canv.width;
  7 	var E = 10; var Mod = 100000000; var Ma1 = 100000000; var Ma2 = 50000000;
  8 	var radod = 100;
  9 	var rad1 = 100;
 10         var rad2 = 50;
 11 	var rad = 10;
 12 	var x; var y; var m;
 13 	var vx = 0; var vy = 0; var aex = 0; var aey = 0; var atsx = 0; var atsy = 0;
 14 	var axg = 0; var ayg = 0;
 15 	var Flx = 0; var Fly = 0; var xo; var yo;
 16 	var fps = 60;
 17 	var dt = 1/fps;
 18 	
 19 	canv.onclick = function(event){
 20 		dt = 1/fps;
 21 		var rect = canv.getBoundingClientRect();
 22 		x = event.clientX - rect.left;
 23 		y = event.clientY - rect.top;
 24 }
 25 
 26 	
 27 function phys1(){
 28 	m = document.getElementById('polz').value;
 29 	var radf = document.getElementsByName('field');
 30 	var radn = document.getElementsByName('kolvo');
 31 	var rads = document.getElementsByName('sput')
 32 	var radd = document.getElementsByName('direct');
 33 	var radc = document.getElementsByName('ch');
 34 	if (radf[0].checked==true){
 35 	if (rads[1].checked==true){
 36 		if (radn[0].checked==true){
 37 			var rod = Math.sqrt((x-250)*(x-250)+(y-250)*(y-250));
 38 			var cosod = (250-x)/rod;
 39 			var sinod = (250-y)/rod;
 40 			var fg = m*Mod/(rod*rod);
 41 			var fgx = fg*cosod; var fgy = fg*sinod;
 42 			axg = fgx/m; ayg = fgy/m;
 43 			x = x+3*axg*dt*dt/2;
 44 			y = y+3*ayg*dt*dt/2;
 45 		}
 46 		if (radn[1].checked==true){
 47 			var r1 = Math.sqrt((x-350)*(x-350)+(y-350)*(y-350));
 48 			var r2 = Math.sqrt((x-100)*(x-100)+(y-100)*(y-100));
 49 			var cos1 = (350-x)/r1;
 50 			var cos2 = (100-x)/r2;
 51 			var sin1 = (350-y)/r1;
 52 			var sin2 = (100-y)/r2;
 53 			var fg1 = m*Ma1/(r1*r1);
 54 			var fg2 = m*Ma2/(r2*r2);
 55 			var fg1x = fg1*cos1; var fg2x = fg2*cos2;
 56 			var fg1y = fg1*sin1; var fg2y = fg2*sin2;
 57 			axg = (fg1x+fg2x)/m; ayg = (fg1y+fg2y)/m;
 58 			x = x+3*axg*dt*dt/2;
 59 			y = y+3*ayg*dt*dt/2;
 60 			if (r1<rad1+rad)dt=0;
 61 			if (r2<rad2+rad)dt=0;
 62 			}
 63 	}
 64 	if (rads[0].checked==true){
 65 		if (radn[0].checked==true){
 66 			var rsod = Math.sqrt((x-250)*(x-250)+(y-250)*(y-250));
 67 			var cossod = (250-x)/rsod;
 68 			var sinsod = (250-y)/rsod;
 69 			var v = Math.sqrt(0.1*Mod/rsod);
 70 			vx = v*sinsod; vy = v*(-cossod);
 71 			ac = v*v/rsod;
 72 			acx = ac*cossod; acy = ac*sinsod;
 73 			x = x+vx*dt+acx*dt*dt/2;
 74 			y = y+vy*dt+acy*dt*dt/2;
 75 		}
 76 		if (radn[1].checked==true){
 77 			var rs1 = Math.sqrt((x-350)*(x-350)+(y-350)*(y-350));
 78 			var rs2 = Math.sqrt((x-100)*(x-100)+(y-100)*(y-100));
 79 			if (rs1<=rs2+70){
 80 				var coss1 = (350-x)/rs1;
 81 				var sins1 = (350-y)/rs1;
 82 				var v = Math.sqrt(0.1*Ma1/rs1);
 83 				vx = v*sins1; vy = v*(-coss1);
 84 				ac = v*v/rs1;
 85 				acx = ac*coss1; acy = ac*sins1;
 86 				x = x+vx*dt+acx*dt*dt/2;
 87 				y = y+vy*dt+acy*dt*dt/2;
 88 			}
 89 			else{
 90 				var coss2 = (100-x)/rs2;
 91 				var sins2 = (100-y)/rs2;
 92 				var v = Math.sqrt(0.1*Ma2/rs2);
 93 				vx = -v*sins2; vy = v*coss2;
 94 				ac = v*v/rs2;
 95 				acx = ac*coss2; acy = ac*sins2;
 96 				x = x+vx*dt+acx*dt*dt/2;
 97 				y = y+vy*dt+acy*dt*dt/2;
 98 			}
 99 		}
100 	}
101 	}
102 	if (radf[1].checked==true){
103 		if (radd[0].checked==true && radc[0].checked==true ||
104 		radd[1].checked==true && radc[1].checked==true){
105 			atsy = vx/m;
106 			atsx = (-vy)/m;
107 		}
108 		else{
109 			atsy = (-vx)/m;
110 			atsx = vy/m;
111 		}
112 		var radd2 = document.getElementsByName('direct2');
113 		if (radd2[0].checked==true){aex = E/m;}
114 		if (radd2[1].checked==true){aex = -E/m;}
115 		x = x+vx*dt+(aex+atsx)*dt*dt/2;
116 		y = y+vy*dt+atsy*dt*dt/2;
117 		vx = vx+(aex+atsx)*dt;
118 		vy = vy+atsy*dt;
119 		if (x<-10 || y<-10 || x>w+10 || y>h+10) {vx = 0; vy = 0; atsx = 0; atsy = 0;};
120 	}
121 }
122 
123 	
124 function draw1(){
125 	ctx.clearRect(0,0,500,500);
126 	ctx.lineWidth="1";
127 	var radf = document.getElementsByName('field');
128 	var radn = document.getElementsByName('kolvo');
129 	var radd = document.getElementsByName('direct');
130 	var radc = document.getElementsByName('ch');
131 	if (radf[0].checked==true){
132 		if (radn[0].checked==true){
133 			ctx.beginPath();
134 			ctx.arc(250,250,radod,0,2*Math.PI);
135 			ctx.stroke();
136 			ctx.fillStyle="grey";
137 			ctx.fill();
138 			var rod = Math.sqrt((x-250)*(x-250)+(y-250)*(y-250));
139 			if (rod<=radod+rad){
140 				var sinod = Math.abs(y-250)/rod;
141 				var cosod = Math.abs(x-250)/rod;
142 				if (x>250){x = 250+(radod+rad)*cosod;}
143 				else{x = 250-(radod+rad)*cosod;}
144 				if (y>250){y = 250+(radod+rad)*sinod;}
145 				else{y = 250-(radod+rad)*sinod;}
146 			}
147 			ctx.beginPath();
148 			ctx.arc(x,y,rad,0,2*Math.PI);
149 			ctx.stroke(); ctx.fillStyle="black";
150 			ctx.fill();
151 		}
152 		if (radn[1].checked==true){
153 			ctx.beginPath();
154 			ctx.arc(350,350,rad1,0,2*Math.PI);
155 			ctx.stroke();
156 			ctx.fillStyle="brown";
157 			ctx.fill();
158 			ctx.beginPath();
159 			ctx.arc(100,100,rad2,0,2*Math.PI);
160 			ctx.stroke();
161 			ctx.fillStyle="purple";
162 			ctx.fill();
163 			var r1 = Math.sqrt((x-350)*(x-350)+(y-350)*(y-350));
164 			var r2 = Math.sqrt((x-100)*(x-100)+(y-100)*(y-100));
165 			if (r1<=rad1+rad){
166 				var sin1 = Math.abs(y-350)/r1;
167 				var cos1 = Math.abs(x-350)/r1;
168 				if (x>350){x = 350+(rad1+rad)*cos1;}
169 				else{x = 350-(rad1+rad)*cos1;}
170 				if (y>350){y = 350+(rad1+rad)*sin1;}
171 				else{y = 350-(rad1+rad)*sin1;}
172 			}
173 			if (r2<=rad2+rad){
174 				var sin2 = Math.abs(y-100)/r2;
175 				var cos2 = Math.abs(x-100)/r2;
176 				if (x>100){x = 100+(rad2+rad)*cos2;}
177 				else{x = 100-(rad2+rad)*cos2;}
178 				if (y>100){y = 100+(rad2+rad)*sin2;}
179 				else{y = 100-(rad2+rad)*sin2;}
180 			}
181 			ctx.beginPath();
182 			ctx.arc(x,y,rad,0,2*Math.PI);
183 			ctx.stroke(); ctx.fillStyle="black";
184 			ctx.fill();
185 		}
186 	}
187 	if (radf[1].checked==true){
188 		ctx.beginPath();
189 		ctx.arc(x,y,rad,0,2*Math.PI);
190 		ctx.stroke(); 
191                 ctx.fillStyle="black";
192 		ctx.fill();
193 		ctx.beginPath();
194 		ctx.arc(30,30,15,0,2*Math.PI);
195 		ctx.strokeStyle="grey";
196 		ctx.stroke();
197 		if (radd[1].checked==true){
198 			ctx.beginPath();
199 			ctx.moveTo(19.4,19.4);
200 			ctx.lineTo(40.6,40.6);
201 			ctx.stroke();
202 			ctx.beginPath();
203 			ctx.moveTo(19.4,40.6);
204 			ctx.lineTo(40.6,19.4);
205 			ctx.stroke();
206 		}
207 		else{
208 			ctx.beginPath();
209 			ctx.arc(30,30,1,0,2*Math.PI);
210 			ctx.fillStyle="grey";
211 			ctx.fill();
212 			ctx.stroke();
213 		}
214 		ctx.beginPath();
215 		ctx.moveTo(x-5,y);
216 		ctx.lineTo(x+5,y);
217 		if (radc[0].checked==true){
218 			ctx.moveTo(x,y-5);
219 			ctx.lineTo(x,y+5);
220 		}
221 		ctx.strokeStyle="white";
222 		ctx.lineWidth="3";
223 		ctx.stroke();
224 	}
225 }
226 
227 	
228 function control(){
229 	phys1();
230 	draw1();
231 }
232 
233 	
234 var radf = document.getElementsByName('field');
235 if (radf[0].checked==true){setInterval(control, 100/fps);}
236 if (radf[1].checked==true){setInterval(control, 0.1/fps);}
237 }
Источник — «http://tm.spbstu.ru/?title=Ws-htmlets/js2020/Galov$Shilov/html.html&oldid=56189»