Редактирование: Balls v4

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

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

Правка может быть отменена. Пожалуйста, просмотрите сравнение версий, чтобы убедиться, что это именно те изменения, которые вас интересуют, и нажмите «Записать страницу», чтобы изменения вступили в силу.
Текущая версия Ваш текст
Строка 1: Строка 1:
−
[[Виртуальная лаборатория]] > [[Динамика взаимодействующих частиц]] > [[Balls - версии]] > [[Balls v4]] <HR>
+
[[ТМ|Кафедра ТМ]] > [[Программирование]] > [[Программирование и моделирование в Интернет|Интернет]] > [[JavaScript-программирование|JavaScript]] > [[JavaScript - Balls|Balls]] > '''Balls v4''' <HR>
  
−
{{#widget:Iframe |url=http://tm.spbstu.ru/htmlets/Tcvetkov/Balls/Balls_v4_release/Balls_v4_release.html |width=830 |height=630 |border=0 }}
+
<addscript src=Balls_v4_release/>
 +
<htmlet nocache="yes">Balls_v4_TM</htmlet>
  
  
 
Скачать программу: [[Медиа:Balls_v4_release.zip|Balls_v4_release.zip]]
 
Скачать программу: [[Медиа:Balls_v4_release.zip|Balls_v4_release.zip]]
−
<div class="mw-collapsible mw-collapsed" style="width:100%" >
+
Текст программы на языке JavaScript (разработчики [[Кривцов Антон]], [[Цветков Денис]]): <toggledisplay status=hide showtext="Показать↓" hidetext="Скрыть↑" linkstyle="font-size:default">  
−
'''Текст программы на языке JavaScript (разработчики [[Кривцов Антон]], [[Цветков Денис]]):''' <div class="mw-collapsible-content">
 
 
Файл '''"Balls_v4_release.js"'''
 
Файл '''"Balls_v4_release.js"'''
−
<syntaxhighlight lang="javascript" line start="1" enclose="div">
+
<source lang="javascript" first-line="1">
−
window.addEventListener("load", MainBalls, true);
+
function MainMech(canvas) {
−
function MainBalls() {
 
  
 
     // Предварительные установки
 
     // Предварительные установки
  
−
    var canvas = canvasBalls;
 
 
     var context = canvas.getContext("2d");                  // на context происходит рисование
 
     var context = canvas.getContext("2d");                  // на context происходит рисование
−
     canvas.oncontextmenu = function (e) {return false;};   // блокировка контекстного меню
+
     document.oncontextmenu=function(e){return false};       // блокировка контекстного меню
  
−
     var Pi = 3.1415926;                   // число "пи"
+
     const Pi = 3.1415926;           // число "пи"
  
−
     var m0 = 1;                           // масштаб массы
+
     const m0 = 1;                   // масштаб массы
−
     var T0 = 1;                           // масштаб времени (период колебаний исходной системы)
+
     const T0 = 1;                   // масштаб времени (период колебаний исходной системы)
−
     var a0 = 1;                           // масштаб расстояния (диаметр шара)
+
     const a0 = 1;                   // масштаб расстояния (диаметр шара)
  
−
     var g0 = a0 / T0 / T0;               // масштаб ускорения (ускорение, при котором за T0 будет пройдено расстояние a0)
+
     const g0 = 0.25 * a0 / T0 / T0;   // масштаб ускорения (ускорение, при котором за T0 будет пройдено расстояние a0)
−
     var k0 = 2 * Pi / T0;                 // масштаб частоты
+
 
−
     var C0 = m0 * k0 * k0;               // масштаб жесткости
+
     const k0 = 2 * Pi / T0;           // масштаб частоты
−
     var B0 = 2 * m0 * k0;                 // масштаб вязкости
+
     const C0 = m0 * k0 * k0;         // масштаб жесткости
 +
     const B0 = 2 * m0 * k0;       // масштаб вязкости
  
 
     // *** Задание физических параметров ***
 
     // *** Задание физических параметров ***
  
−
     var Ny = 5;                           // число шаров, помещающихся по вертикали в окно (задает размер шара относительно размера окна)
+
     const Ny = 5;     // Число шаров, помещающихся по вертикали в окно (задает размер шара относительно размера окна)
−
     var m = 1 * m0;                       // масса
+
     const scale = canvas.height / Ny / a0;  // масштабный коэффициент для перехода от расчетных к экранным координатам
−
     var Cwall = 10 * C0;                 // жесткость стен
+
    const m = 1 * m0;                     // масса
−
     var Cball = 0.1 * Cwall;             // жесткость между частицами
+
     const Cwall = 10 * C0;                 // жесткость стен
−
     var B = 0.008 * B0;                   // вязкость среды
+
     const Cball = 12 * Cwall;               // жесткость между частицами
−
     var Bwall = 0.03 * B0;               // вязкость на стенках
+
     const B = 0.008 * B0;                 // вязкость среды
−
     var mg = 0.25 * m * g0;               // сила тяжести
+
     const B1 = 0.03 * B0;                 // вязкость на стенках
−
     var r = 0.5 * a0;                     // радиус частицы в расчетных координатах
+
     const mg = 1 * m * g0;             // сила тяжести
−
     var K = 0.85;                         // сила взаимодействия ограничивается значением, реализующимся при r/a = K
+
     const r = a0 / 2;                   // радиус частицы в расчетных координатах
−
     var a = 2 * r;                       // равновесное расстояние между частицами
+
     const rScale = r * scale;               // радиус частицы в экранных координатах
−
     var aCut = 2 * a;                    // радиус обрезания
+
    const rScale2 = rScale*rScale;          // ___в целях оптимизации___
 +
 
 +
     const a = 2*rScale;                     // равновесное расстояние между частицами
 +
     const aCut = 2 * a;                    // радиус обрезания
 +
    const aCut2 = aCut * aCut;              // ___в целях оптимизации___
 +
    const a2 = a*a;                        // ___в целях оптимизации___
 +
    const arCoeff = 0.75;                    // если r < arCoeff*a, то потенциал будет считаться для arCoeff*a
 +
    const D = a2*Cball/72.0 /(scale*scale); // энергия связи между частицами
 +
    const LJCoeff = 12*D/a2;                // коэффициент для расчета потенциала Л-Дж
  
 
     // *** Задание вычислительных параметров ***
 
     // *** Задание вычислительных параметров ***
  
−
     var fps = 50;                         // frames per second - число кадров в секунду (качечтво отображения)
+
     const fps = 50;                 // frames per second - число кадров в секунду (качечтво отображения)
−
     var spf = 100;                       // steps per frame  - число шагов интегрирования между кадрами (скорость расчета)
+
     const spf = 100;             // steps per frame  - число шагов интегрирования между кадрами (скорость расчета)
−
     var dt  = 0.045 * T0 / fps;           // шаг интегрирования (качество расчета)
+
     const dt  = 0.045 * T0 / fps;     // шаг интегрирования (качество расчета)
  
 
     // Выполнение программы
 
     // Выполнение программы
  
−
    var scale = canvas.height / Ny / a0;  // масштабный коэффициент для перехода от расчетных к экранным координатам
+
     var w = canvas.width / scale;         // ширина окна в расчетных координатах
−
    var r2 = r * r;                      // ___в целях оптимизации___
+
     var h = canvas.height / scale;         // высота окна в расчетных координатах
−
    var aCut2 = aCut * aCut;              // ___в целях оптимизации___
+
    var xStart = 4 * r; var yStart = h - r-3; // начальное положение шара
−
    var a2 = a * a;                      // ___в целях оптимизации___
 
−
    var D = a2 * Cball / 72;              // энергия связи между частицами
 
−
    var LJCoeff = 12 * D / a2;            // коэффициент для расчета потенциала Л-Дж
 
−
 
 
−
    var Ka = K * a;                      // ___в целях оптимизации___
 
−
    var K2a2 = K * K * a2;                // ___в целях оптимизации___
 
−
 
 
−
     var w = canvas.width / scale;           // ширина окна в расчетных координатах
 
−
     var h = canvas.height / scale;         // высота окна в расчетных координатах
 
  
−
     var dNd = null;                         // ссылка на захваченный курсором шар (drag & drop)
+
     var dragAndDropBall = null;                 // ссылка на захваченный курсором шар
  
 
     // Работа с мышью
 
     // Работа с мышью
  
−
     var mx_, my_;                           // буфер позиции мыши (для расчета скорости при отпускании шара)
+
     var mouseX;    var mouseY;                // координаты курсора мыши
 +
    var mx, my;                                 // буфер позиции мыши (для расчета скорости при отпускании шара)
  
−
     canvas.onmousedown = function(e) {     // функция при нажатии клавиши мыши
+
     canvas.onmousedown = function(e){           // функция при нажатии клавиши мыши
−
         var m = mouseCoords(e);             // получаем расчетные координаты курсора мыши
+
         refreshMouseCoords(e);                 // обновить координаты в переменных mouseX, mouseY
 
         // цикл в обратную сторону, чтобы захватывать шар, нарисованный "сверху"
 
         // цикл в обратную сторону, чтобы захватывать шар, нарисованный "сверху"
 
         // (т.к. цикл рисования идет в обычном порядке)
 
         // (т.к. цикл рисования идет в обычном порядке)
−
         for (var i = balls.length - 1; i >= 0; i--) {
+
         for (var i = balls.length-1; i >= 0; i--){
 
             var b = balls[i];
 
             var b = balls[i];
−
             var rx = b.x - m.x;
+
             var rx = b.x - mouseX;
−
             var ry = b.y - m.y;
+
             var ry = b.y - mouseY;
−
             var rLen2 = rx * rx + ry * ry;     // квадрат расстояния между курсором и центром шара
+
             b.rLen2 = rx*rx + ry*ry;                 // квадрат расстояния между курсором и центром шара
−
             if (rLen2 <= r2) {                 // курсор нажал на шар
+
             if (b.rLen2 <= rScale2) {                     // курсор нажал на шар
−
                 if (e.which == 1) {             // нажата левая клавиша мыши
+
                 if (e.which == 1) {                     // нажата левая клавиша мыши
−
                     dNd = b;
+
                     dragAndDropBall = b;
−
                     dNd.xPlus = dNd.x - m.x;   // сдвиг курсора относительно центра шара по x
+
                     dragAndDropBall.xPlus = dragAndDropBall.x - mouseX; // сдвиг курсора относительно центра шара по x
−
                     dNd.yPlus = dNd.y - m.y;   // сдвиг курсора относительно центра шара по y
+
                     dragAndDropBall.yPlus = dragAndDropBall.y - mouseY; // сдвиг курсора относительно центра шара по y
−
                     mx_ = m.x;    my_ = m.y;
+
                     mx = mouseX;    my = mouseY;
 
                     canvas.onmousemove = mouseMove;    // пока клавиша нажата - работает функция перемещения
 
                     canvas.onmousemove = mouseMove;    // пока клавиша нажата - работает функция перемещения
 
                 } else if (e.which == 3) {              // нажата правая клавиша мыши
 
                 } else if (e.which == 3) {              // нажата правая клавиша мыши
−
                     balls.splice(i, 1);                 // удалить шар
+
                     balls.splice(i,1);                 // удалить шар
 
                 }
 
                 }
 
                 return;
 
                 return;
Строка 93: Строка 92:
 
         }
 
         }
  
−
         // если не вышли по return из цикла - нажатие было вне шара, добавляем новый
+
         // если не вышли по return из цикла - нажатие было вне шара, проверяем, можно ли добавить новый
−
        if (e.which == 1) {
+
         // расстояние между курсором и шаром должно быть 2r, между курсором и стеной - r;
−
            dNd = addNewBall(m.x, m.y);         // добавляем шар и сразу захватываем его курсором
+
        if (mouseX-rScale < 0 || mouseX+rScale > w*scale || mouseY-rScale < 0 || mouseY+rScale > h*scale) return;
−
            if (dNd == null) return;           // если шар не добавился (из за стен или других шаров) - возвращаемся
+
        for (var i0=0; i0<balls.length; i0++)
−
            dNd.xPlus = 0; dNd.yPlus = 0;     // держим шар по центру
+
             if (balls[i0].rLen2 < 4*rScale2) return;    // все rLen2 были посчитаны, т.к. мы не вышли по return
−
             mx_ = m.x;    my_ = m.y;
+
        if (e.which == 1) addNewBall(mouseX, mouseY);
−
            canvas.onmousemove = mouseMove;     // пока клавиша нажата - работает функция перемещения
 
−
        }
 
 
     };
 
     };
  
−
     document.onmouseup = function(e) {         // функция при отпускании клавиши мыши
+
     document.onmouseup = function(e){           // функция при отпускании клавиши мыши
 
         canvas.onmousemove = null;              // когда клавиша отпущена - функции перемещения нету
 
         canvas.onmousemove = null;              // когда клавиша отпущена - функции перемещения нету
−
         dNd = null;                             // когда клавиша отпущена - захваченного курсором шара нету
+
         dragAndDropBall = null;                 // когда клавиша отпущена - захваченного курсором шара нету
 
     };
 
     };
  
−
     function mouseMove(e) {                     // функция при перемещении мыши, работает только с зажатой ЛКМ
+
     function mouseMove(e){                     // функция при перемещении мыши, работает только с зажатой ЛКМ
−
         var m = mouseCoords(e);                 // получаем расчетные координаты курсора мыши
+
         refreshMouseCoords(e);                 // обновить координаты в переменных mouseX, mouseY
−
         dNd.x = m.x + dNd.xPlus;
+
         dragAndDropBall.xx = (mouseX + dragAndDropBall.xPlus)/scale;
−
         dNd.y = m.y + dNd.yPlus;
+
        dragAndDropBall.yy = (mouseY + dragAndDropBall.yPlus)/scale;
−
         dNd.vx = 0.6 * (m.x - mx_) / dt / fps;  dNd.vy = 0.6 * (m.y - my_) / dt / fps;
+
         dragAndDropBall.x = dragAndDropBall.xx * scale;    dragAndDropBall.y = dragAndDropBall.yy * scale;
−
         mx_ = m.x;    my_ = m.y;
+
         dragAndDropBall.vx = .005*(mouseX-mx)/dt/fps;  dragAndDropBall.vy = .005*(mouseY-my)/dt/fps;
 +
         mx = mouseX;    my = mouseY;
 
     }
 
     }
  
−
     function mouseCoords(e) {                   // функция возвращает расчетные координаты курсора мыши
+
     function refreshMouseCoords(e){             // процедура обновляет координаты в переменных mouseX и mouseY
−
        var m = [];
 
 
         var rect = canvas.getBoundingClientRect();
 
         var rect = canvas.getBoundingClientRect();
−
         m.x = (e.clientX - rect.left) / scale;
+
         mouseX = e.clientX - rect.left;
−
         m.y = (e.clientY - rect.top) / scale;
+
         mouseY = e.clientY - rect.top;
−
        return m;
 
 
     }
 
     }
  
Строка 127: Строка 123:
  
 
     var balls = [];                            // массив шаров
 
     var balls = [];                            // массив шаров
−
     var addNewBall =  function(x, y) {
+
     var addNewBall =  function(x, y){
−
        // проверка - не пересекается ли новый шар со стенами или уже существующими шарами
 
−
        if (x - r < 0 || x + r > w || y - r < 0 || y + r > h) return null;
 
−
        for (var i = 0; i < balls.length; i++) {
 
−
            var rx = balls[i].x - x;
 
−
            var ry = balls[i].y - y;
 
−
            var rLen2 = rx * rx + ry * ry;
 
−
            if (rLen2 < 4 * r2) return null;
 
−
        }
 
 
         var b = [];
 
         var b = [];
  
−
         b.x = x;               b.y = y;       // расчетные координаты шара
+
         b.x = x;               b.y = y;                     // экранные координаты шара
−
         b.fx = 0;               b.fy = mg;     // сила, действующая на шар
+
        b.xx = x / scale;      b.yy = y / scale;            // расчетные координаты шара
−
         b.vx = 0;               b.vy = 0;       // скорость
+
         b.fx = 0;             b.fy = mg;                   // сила, действующая на шар
 +
         b.vx = 0;             b.vy = 0;                   // скорость
  
−
         balls[balls.length] = b;               // добавить элемент в конец массива
+
         balls[balls.length] = b;                           // добавить элемент в конец массива
−
        return b;
 
 
     };
 
     };
  
Строка 155: Строка 143:
 
     // Расчетная часть программы
 
     // Расчетная часть программы
  
−
     function physics() {                       // то, что происходит каждый шаг времени
+
     function physics(){                             // то, что происходит каждый шаг времени
−
         for (var s = 1; s <= spf; s++) {
+
         for (var s=1; s<=spf; s++) {
  
 
             // пересчет сил идет отдельным массивом, т.к. далее будут добавляться силы взаимодействия между шарами
 
             // пересчет сил идет отдельным массивом, т.к. далее будут добавляться силы взаимодействия между шарами
−
             for (var i0 = 0; i0 < balls.length; i0++) {
+
             for (var i0=0; i0<balls.length; i0++){
−
                 balls[i0].fx = - B * balls[i0].vx;
+
                 balls[i0].fx = - B * balls[i0].vx; balls[i0].fy = mg - B * balls[i0].vy;
−
                balls[i0].fy = mg - B * balls[i0].vy;
 
 
             }
 
             }
  
−
             for (var i = 0; i < balls.length; i++) {
+
             for (var i=0; i<balls.length; i++){
 
                 // расчет взаимодействия производится со всеми следующими шарами в массиве,
 
                 // расчет взаимодействия производится со всеми следующими шарами в массиве,
 
                 // чтобы не считать каждое взаимодействие дважды
 
                 // чтобы не считать каждое взаимодействие дважды
−
                var b = balls[i];
+
                 for (var ii=i+1; ii < balls.length; ii++) {
−
                 for (var j = i + 1; j < balls.length; j++) {
 
−
                    var b2 = balls[j];
 
−
                    var rx = b.x - b2.x;  var ry = b.y - b2.y;        // вектор смотрит на первый шар (b)
 
−
                    var r2 = rx * rx + ry * ry;                        // квадрат расстояния между шарами
 
−
                    if (r2 > aCut2) continue;                          // проверка на радиус обрезания
 
−
                    var rLen = (Math.sqrt(r2));
 
  
−
                     // если расстояние между частицами мало, силы будут посчитаны для K * a
+
                     var b1 = balls[i];      var b2 = balls[ii];            // ссылки на шары
−
                     if (r2 < K2a2) {
+
                     var rx = b1.x - b2.x;  var ry = b1.y - b2.y;          // вектор смотрит на первый шар (b1)
−
                        if (rLen > 0.00001) {                          // проверка, чтобы избежать деления на 0
+
                    var r2 = rx*rx + ry*ry;                                // квадрат расстояния между шарами
−
                            rx = rx / rLen * Ka;
+
                    if (r2 > aCut2) continue;                               // проверка на радиус обрезания
−
                            ry = ry / rLen * Ka;
+
                    if (r2 < arCoeff*a2) r2 = arCoeff*a2;                   // проверка на минимальный радиус
−
                        }
 
−
                        r2 = K2a2;
 
−
                        rLen = Ka;                                     // корень K2a2
 
−
                    }
 
  
−
                    // сила взаимодействия
+
                     var s2 = a2/r2;        var s4 = s2*s2;                 // ___в целях оптимизации___
−
                     var s2 = a2 / r2;        var s4 = s2 * s2;         // ___в целях оптимизации___
 
−
                    var F = LJCoeff * s4 * s4 * (s4 * s2 - 1);          // сила взаимодействия Леннарда-Джонса
 
  
−
                     var Fx = F * rx;       var Fy = F * ry;
+
                    var F = LJCoeff * s4 * s4 * (s4 * s2 - 1);              // сила взаимодействия Леннарда-Джонса
−
                     b.fx += Fx;             b.fy += Fy;
+
                     var Fx = F*rx;         var Fy = F*ry;
 +
 
 +
                     b1.fx += Fx;           b1.fy += Fy;
 
                     b2.fx -= Fx;            b2.fy -= Fy;
 
                     b2.fx -= Fx;            b2.fy -= Fy;
 
                 }
 
                 }
  
−
                 if (b == dNd) continue;  // если шар схвачен курсором - его вз. со стенами и перемещение не считаем
+
                 if (balls[i] == dragAndDropBall) continue;  // если шар схвачен курсором - его вз. со стенами и перемещение не считаем
  
−
                 if (b.y + r > h) { b.fy += -Cwall * (b.y + r - h) - Bwall * b.vy; }
+
                 if (balls[i].yy + r > h) { balls[i].fy += -Cwall * (balls[i].yy + r - h) - B1 * balls[i].vy; }
−
                 if (b.y - r < 0) { b.fy += -Cwall * (b.y - r) - Bwall * b.vy;}
+
                 if (balls[i].yy - r < 0) { balls[i].fy += -Cwall * (balls[i].yy - r) - B1 * balls[i].vy;}
−
                 if (b.x + r > w) { b.fx += -Cwall * (b.x + r - w) - Bwall * b.vx; }
+
                 if (balls[i].xx + r > w) { balls[i].fx += -Cwall * (balls[i].xx + r - w) - B1 * balls[i].vx; }
−
                 if (b.x - r < 0) { b.fx += -Cwall * (b.x - r) - Bwall * b.vx; }
+
                 if (balls[i].xx - r < 0) { balls[i].fx += -Cwall * (balls[i].xx - r) - B1 * balls[i].vx; }
  
−
                 b.vx += b.fx / m * dt;        b.vy += b.fy / m * dt;
+
                 balls[i].vx += balls[i].fx / m * dt;        balls[i].vy += balls[i].fy / m * dt;
−
                 b.x += b.vx * dt;             b.y += b.vy * dt;
+
                 balls[i].xx += balls[i].vx * dt;       balls[i].yy += balls[i].vy * dt;
 +
 
 +
                balls[i].x = balls[i].xx * scale;    balls[i].y = balls[i].yy * scale;
 
             }
 
             }
 
         }
 
         }
Строка 209: Строка 188:
 
     // Рисование
 
     // Рисование
  
−
     var rScale13 = r * scale * 1.3;        // ___в целях оптимизации___
+
     var rScale13 = rScale*1.3;        // ___в целях оптимизации___
−
     var rScaleShift = r * scale / 5;       // ___в целях оптимизации___
+
     var rScaleShift = rScale/5.0;       // ___в целях оптимизации___
−
     function draw() {
+
     function draw(){
−
         context.clearRect(0, 0, w * scale, h * scale);     // очистить экран
+
         context.clearRect(0, 0, w*scale, h*scale);         // очистить экран
 
         for (var i = 0; i < balls.length; i++){
 
         for (var i = 0; i < balls.length; i++){
−
             var xS = balls[i].x * scale;          var yS = balls[i].y * scale;
+
             var b = balls[i];
 +
 
 
             // расчет градиента нужно проводить для каждого шара
 
             // расчет градиента нужно проводить для каждого шара
−
             var gradient = context.createRadialGradient(xS, yS, rScale13, xS - rScaleShift, yS + rScaleShift, 0);
+
             var gradient=context.createRadialGradient(b.x, b.y, rScale13, b.x-rScaleShift, b.y+rScaleShift,0);
−
             gradient.addColorStop(0, "#0000bb");
+
             gradient.addColorStop(0,"#0000bb");
−
             gradient.addColorStop(1, "#44ddff");
+
             gradient.addColorStop(1,"#44ddff");
−
             context.fillStyle = gradient;
+
             context.fillStyle=gradient;
  
 
             context.beginPath();
 
             context.beginPath();
−
             context.arc(xS, yS, r * scale, 0, 2 * Math.PI, false);
+
             context.arc(b.x, b.y, r*scale,0,2*Math.PI);
 
             context.closePath();
 
             context.closePath();
 
             context.fill();
 
             context.fill();
Строка 229: Строка 209:
  
 
     // Запуск системы
 
     // Запуск системы
−
     for (var i = 0; i < 1000; i++)
+
 
−
        addNewBall(Math.random() * w, Math.random() * h);
+
     addNewBall(xStart * scale, yStart * scale);
−
     setInterval(control, 1000 / fps);
+
     setInterval(control, 1000/fps);
 +
   
 
}
 
}
−
</syntaxhighlight>
+
</source>
 
Файл '''"Balls_v4_release.html"'''
 
Файл '''"Balls_v4_release.html"'''
−
<syntaxhighlight lang="html5" line start="1" enclose="div">
+
<source lang="html" first-line="1">
 
<!DOCTYPE html>
 
<!DOCTYPE html>
 
<html>
 
<html>
 
<head>
 
<head>
−
     <title>Balls</title>
+
     <title>Simple Mechanics</title>
 
     <script src="Balls_v4_release.js"></script>
 
     <script src="Balls_v4_release.js"></script>
 
</head>
 
</head>
 
<body>
 
<body>
−
     <canvas id="canvasBalls" width="800" height="600" style="border:1px solid #000000;"></canvas>
+
     <canvas id="canvasMech" width="800" height="600" style="border:1px solid #000000;"></canvas>
 +
    <script type="text/javascript">MainMech(document.getElementById('canvasMech'));</script>
 
</body>
 
</body>
 
</html>
 
</html>
−
</syntaxhighlight>
+
</source>
−
</div>
+
</toggledisplay>
−
</div>
 
  
−
[[Category: Виртуальная лаборатория]]
 
 
[[Category: Программирование]]
 
[[Category: Программирование]]
 +
[[Category: JavaScript]]
Вам запрещено изменять защиту статьи.
Связанное содержимое ↓
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/Balls_v4»