Редактирование: Цепочка частиц с V-model взаимодействием
Внимание! Вы не авторизовались на сайте. Ваш IP-адрес будет публично видимым, если вы будете вносить любые правки. Если вы войдёте или создадите учётную запись, правки вместо этого будут связаны с вашим именем пользователя, а также у вас появятся другие преимущества.
Правка может быть отменена. Пожалуйста, просмотрите сравнение версий, чтобы убедиться, что это именно те изменения, которые вас интересуют, и нажмите «Записать страницу», чтобы изменения вступили в силу.
Текущая версия | Ваш текст | ||
Строка 1: | Строка 1: | ||
− | |||
[[Виртуальная лаборатория]] > [[Цепочка частиц с V-model взаимодействием]] <HR> | [[Виртуальная лаборатория]] > [[Цепочка частиц с V-model взаимодействием]] <HR> | ||
Строка 60: | Строка 59: | ||
Приведенная ниже программа реализует цепочку частиц, взаимодействие между которыми является V - model. | Приведенная ниже программа реализует цепочку частиц, взаимодействие между которыми является V - model. | ||
− | {{#widget:Iframe |url=http://tm.spbstu.ru/htmlets/Lapin/v_model.html |width=1200 |height= | + | {{#widget:Iframe |url=http://tm.spbstu.ru/htmlets/Lapin/v_model.html |width=1200 |height=600 |border=0 }} |
Скачать [[Медиа:V-model.zip|V-model]]. | Скачать [[Медиа:V-model.zip|V-model]]. | ||
− | + | Текст программы на языке JavaScript (разработчик [[Лапин Руслан]]): <toggledisplay status=hide showtext="Показать↓" hidetext="Скрыть↑" linkstyle="font-size:default"> | |
− | |||
− | |||
− | < | ||
Файл '''"V-model.js"''' | Файл '''"V-model.js"''' | ||
− | < | + | <toggledisplay status=hide showtext="Показать↓" hidetext="Скрыть↑" linkstyle="font-size:default"> |
+ | <source lang="javascript" first-line="1"> | ||
function MainParticle(canvas) { | function MainParticle(canvas) { | ||
// Предварительные установки | // Предварительные установки | ||
Строка 232: | Строка 229: | ||
this.set_c_a = function(input) | this.set_c_a = function(input) | ||
{ | { | ||
− | c_a = Number(input); | + | c_a = Number(input); |
B_1 =c_a; | B_1 =c_a; | ||
time = 1; | time = 1; | ||
Строка 260: | Строка 257: | ||
} | } | ||
− | + | context.clearRect(0, 0, w * scale, h * scale); | |
} | } | ||
this.set_c_b = function(input) | this.set_c_b = function(input) | ||
{ | { | ||
− | c_b = Number(input); | + | c_b = Number(input); |
B_3 = c_b - B_2/4 - B_4/2; | B_3 = c_b - B_2/4 - B_4/2; | ||
time = 1; | time = 1; | ||
Строка 296: | Строка 293: | ||
this.set_c_d = function(input) | this.set_c_d = function(input) | ||
{ | { | ||
− | c_d = Number(input); | + | c_d = Number(input); |
B_2 = c_d*diag*diag; | B_2 = c_d*diag*diag; | ||
time = 1; | time = 1; | ||
Строка 325: | Строка 322: | ||
balls[n/2+(i)] = b1;//[2*i+1] | balls[n/2+(i)] = b1;//[2*i+1] | ||
} | } | ||
− | + | context.clearRect(0, 0, w * scale, h * scale); | |
} | } | ||
this.set_c_t = function(input) | this.set_c_t = function(input) | ||
{ | { | ||
− | c_t = Number(input); | + | c_t = Number(input); |
B_4 = c_t; | B_4 = c_t; | ||
time = 1; | time = 1; | ||
Строка 358: | Строка 355: | ||
balls[n/2+(i)] = b1;//[2*i+1] | balls[n/2+(i)] = b1;//[2*i+1] | ||
} | } | ||
− | + | context.clearRect(0, 0, w * scale, h * scale); | |
} | } | ||
Строка 498: | Строка 495: | ||
balls[n/2+(i)] = b1;//[2*i+1] | balls[n/2+(i)] = b1;//[2*i+1] | ||
} | } | ||
− | + | context.clearRect(0, 0, w * scale, h * scale); | |
}; | }; | ||
Строка 569: | Строка 566: | ||
} | } | ||
− | + | context.clearRect(0, 0, w * scale, h * scale); | |
}; | }; | ||
// Функция, делающая spf шагов интегрирования | // Функция, делающая spf шагов интегрирования | ||
Строка 798: | Строка 795: | ||
{ | { | ||
context.clearRect(0, 0, w * scale, h * scale); // очистить экран | context.clearRect(0, 0, w * scale, h * scale); // очистить экран | ||
− | + | for (var i =0;i<n;i++) | |
{ | { | ||
b = balls[i]; | b = balls[i]; | ||
Строка 812: | Строка 809: | ||
} | } | ||
} | } | ||
− | </ | + | </source> |
− | + | </toggledisplay> | |
Файл '''"v-model.html"''' | Файл '''"v-model.html"''' | ||
− | < | + | <toggledisplay status=hide showtext="Показать↓" hidetext="Скрыть↑" linkstyle="font-size:default"> |
− | + | <source lang="html" first-line="1"> | |
− | + | <!DOCTYPE html> | |
− | + | <html> | |
− | + | <head> | |
− | + | <title> Particle </title> | |
− | + | <script src="V_model.js"></script> | |
− | + | </head> | |
− | + | <body> | |
− | + | <!-- Добавление области для рисования частицы --> | |
+ | <canvas id="canvasBalls" width="800" height="400" style="border:1px solid #000000;"></canvas> | ||
− | + | <div> | |
c_a = | c_a = | ||
<input id="Text_vx0" value = "100" style="width: 4.2ex;" required pattern="[-+]?([0-9]*\.[0-9]+|[0-9]+)" oninput=" | <input id="Text_vx0" value = "100" style="width: 4.2ex;" required pattern="[-+]?([0-9]*\.[0-9]+|[0-9]+)" oninput=" | ||
Строка 877: | Строка 875: | ||
0 | 0 | ||
<input type="range" id="slider_input_oy" min=0 max=10 value=0 step=0.5 style="width: 200px;">10</div> | <input type="range" id="slider_input_oy" min=0 max=10 value=0 step=0.5 style="width: 200px;">10</div> | ||
− | <script type="text/javascript"> app = new MainParticle(document.getElementById('canvasBalls')); | + | <script type="text/javascript"> app = new MainParticle(document.getElementById('canvasBalls'));</script> |
− | + | </body> | |
− | + | </html> | |
− | + | </source> | |
− | + | </toggledisplay> | |
− | </ | + | </toggledisplay> |
− | </ | ||
− | |||
− | |||
− | |||
− | |||
− |