| Текущая версия |
Ваш текст |
| Строка 31: |
Строка 31: |
| | {{#widget:Iframe|url=http://tm.spbstu.ru/htmlets/filimonovas/buckling%20failure|width=680|height=1450|border=0}} | | {{#widget:Iframe|url=http://tm.spbstu.ru/htmlets/filimonovas/buckling%20failure|width=680|height=1450|border=0}} |
| | </center> | | </center> |
| − | <div class="mw-collapsible mw-collapsed" style="width:100%" >
| |
| − | '''Текст программы на языке JavaScript:'''
| |
| − | <div class="mw-collapsible-content">
| |
| − | <syntaxhighlight lang="javascript" line start="1" enclose="div">
| |
| − | var integrator = VerletIntegrator;
| |
| − | var t = 0;
| |
| − | var dt = 0.002;
| |
| − | var step = 0;
| |
| − | var timeValue = document.getElementById('timeValue');
| |
| − | var stepFromBoard = 7;
| |
| − | var displacementData = {'x': [], 'y': []};
| |
| − | var forceData = {'x': [], 'y': []};
| |
| − | var displacementPlotCanvas = document.getElementById('displacementPlot');
| |
| − | var forcePlotCanvas = document.getElementById('forcePlot');
| |
| − | var textColor = 'rgb(51, 51, 51)';
| |
| − | var weight = undefined;
| |
| − | var springs = new Array();
| |
| − | var leftAttachment = undefined;
| |
| − | var rightAttachment = undefined;
| |
| − | var middleAttachment = createVerletElement([300, 200],null,Infinity,'isoscales triangle',[16, 10, '-y'],'Turquoise');
| |
| − | applyInitionalConditions();
| |
| − | draw();
| |
| − | function applyInitionalConditions(){
| |
| − | var displacement = +document.getElementById('displacement').value;
| |
| − | var velocity = +document.getElementById('velocity').value;
| |
| − | var stiffness1 = +document.getElementById('stiffness1').value;
| |
| − | var stiffness2 = +document.getElementById('stiffness2').value;
| |
| − | var mass = +document.getElementById('mass').value;
| |
| − | weight = createVerletElement([300, 200 - displacement],null,mass,'square',[20],'BlueViolet');
| |
| − | leftAttachment = createVerletElement([14, 200],[14 - velocity * dt, 200],Infinity,'isoscales triangle',[16, 10, '-y'],'Turquoise');
| |
| − | rightAttachment = createVerletElement([586, 200],[586 + velocity * dt, 200],Infinity,'isoscales triangle',[16, 10, '-y'],'Turquoise');
| |
| − | springs = new Array();
| |
| − | springs.push(createSpringElement(leftAttachment, weight, null, stiffness1, [12, 12], 'Tomato'));
| |
| − | springs.push(createSpringElement(rightAttachment, weight, null, stiffness1, [12, 12], 'Tomato'));
| |
| − | springs.push(createSpringElement(middleAttachment, weight, 0, stiffness2, [3, 8], 'Silver'));
| |
| − | }
| |
| − | function applyPhysics(){
| |
| − | if(t > 5.12 && keepPlaying){
| |
| − | keepPlaying = false;
| |
| − | document.getElementById('play').className = 'inactive';
| |
| − | return;
| |
| − | }
| |
| − | var deltaX, deltaY, deltalength, diff;
| |
| − | var force = {'x': 0, 'y': 0};
| |
| − | var springForceX = 0;
| |
| − | for(var i = 0; i < springs.length; ++i){
| |
| − | deltaX = springs[i].end.position.x - springs[i].start.position.x;
| |
| − | deltaY = springs[i].end.position.y - springs[i].start.position.y;
| |
| − | deltalength = Math.sqrt(Math.pow(deltaX, 2) + Math.pow(deltaY, 2));
| |
| − | if(deltalength){
| |
| − | diff = 1 - springs[i].freeLength / deltalength;
| |
| − | }else{diff = 0;}
| |
| − | force.y -= springs[i].stiffness * deltaY * diff;
| |
| − | if(0 == i){
| |
| − | springForceX = -springs[i].stiffness * deltaX * diff;
| |
| − | }
| |
| − | }
| |
| − | integrator(weight, force, dt);
| |
| − | integrator(leftAttachment, null, dt);
| |
| − | integrator(rightAttachment, null, dt);
| |
| − |
| |
| − | if(!(step % 5)){
| |
| − | displacementData.x.push(t);
| |
| − | displacementData.y.push(200 - weight.position.y);
| |
| − | forceData.x.push(t);
| |
| − | forceData.y.push(springForceX);
| |
| − | plotFromData(displacementPlotCanvas, displacementData, 'y(t)', 'rgb(56, 195, 237)', undefined, textColor);
| |
| − | plotFromData(forcePlotCanvas, forceData, 'Fx(t)', 'rgb(195, 237, 56)', undefined, textColor);
| |
| − | }
| |
| − | timeValue.textContent = t.toFixed(2);
| |
| − | ++step;
| |
| − | }
| |
| − | function draw(){
| |
| − | ctx.clearRect(0, 0, canvas.width, canvas.height);
| |
| − | for(var i = 0; i < springs.length; ++i){
| |
| − | springs[i].draw();
| |
| − | }
| |
| − | leftAttachment.draw();
| |
| − | rightAttachment.draw();
| |
| − | middleAttachment.draw();
| |
| − | weight.draw();
| |
| − | }
| |
| − |
| |
| − | /* Events */
| |
| − | document.getElementById('play').onclick = function(){
| |
| − | document.getElementById('conditions').className = 'hide';
| |
| − | document.getElementById('stand').className = '';
| |
| − | animate(5);
| |
| − | }
| |
| − | document.getElementById('displacement').onchange = function(){
| |
| − | document.getElementById('displacementValue').textContent = (+this.value).toFixed(1);
| |
| − | applyInitionalConditions();
| |
| − | draw();
| |
| − | }
| |
| − | document.getElementById('velocity').onchange = function(){
| |
| − | document.getElementById('velocityValue').textContent = (+this.value).toFixed(1);
| |
| − | applyInitionalConditions();
| |
| − | draw();
| |
| − | }
| |
| − | document.getElementById('stiffness1').onchange = function(){
| |
| − | document.getElementById('stiffness1Value').textContent = (+this.value).toFixed(1);
| |
| − | applyInitionalConditions();
| |
| − | draw();
| |
| − | }
| |
| − | document.getElementById('stiffness2').onchange = function(){
| |
| − | document.getElementById('stiffness2Value').textContent = (+this.value).toFixed(1);
| |
| − | applyInitionalConditions();
| |
| − | draw();
| |
| − | }
| |
| − | document.getElementById('mass').onchange = function(){
| |
| − | document.getElementById('massValue').textContent = (+this.value).toFixed(1);
| |
| − | applyInitionalConditions();
| |
| − | draw();
| |
| − | }
| |
| − | function drawSpringElement(){
| |
| − | drawSpring(
| |
| − | this.start.position.x,
| |
| − | this.end.position.x,
| |
| − | this.start.position.y,
| |
| − | this.end.position.y,
| |
| − | this.sizes[0],
| |
| − | this.sizes[1],
| |
| − | this.color
| |
| − | );
| |
| − | }
| |
| − | function drawSpring(xStart, xEnd, yStart, yEnd, n, h, color){
| |
| − | ctx.beginPath();
| |
| − | ctx.lineWidth = 2;
| |
| − | ctx.strokeStyle = color;
| |
| − | var L = xEnd - xStart;
| |
| − | var Ly = yEnd - yStart;
| |
| − | for (var i = 0; i < n; ++i){
| |
| − | var x_st = xStart + L / n * i;
| |
| − | var y_st = yStart + Ly / n * i;
| |
| − | var x_end = xStart + L / n * (i + 1);
| |
| − | var y_end = yStart + Ly / n * (i + 1);
| |
| − | var l = x_end - x_st;
| |
| − | var ly = y_end - y_st;
| |
| − | ctx.beginPath();
| |
| − | ctx.bezierCurveTo(x_st, y_st, x_st + l / 4, y_st + ly / 4 + h, x_st + l / 2, y_st + ly / 2);
| |
| − | ctx.bezierCurveTo(x_st + l / 2, y_st + ly / 2, x_st + 3 * l / 4, y_st + 3 * ly / 4 - h, x_st + l, y_st + ly);
| |
| − | ctx.stroke();
| |
| − | }
| |
| − | ctx.closePath();
| |
| − | }
| |
| − | </syntaxhighlight>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| | | | |
| | ==Результаты== | | ==Результаты== |
