Редактирование: JavaScript-приложения
Внимание! Вы не авторизовались на сайте. Ваш IP-адрес будет публично видимым, если вы будете вносить любые правки. Если вы войдёте или создадите учётную запись, правки вместо этого будут связаны с вашим именем пользователя, а также у вас появятся другие преимущества.
Правка может быть отменена. Пожалуйста, просмотрите сравнение версий, чтобы убедиться, что это именно те изменения, которые вас интересуют, и нажмите «Записать страницу», чтобы изменения вступили в силу.
Текущая версия | Ваш текст | ||
Строка 1: | Строка 1: | ||
− | [[ | + | [[ТМ|Кафедра ТМ]] > [[Программирование]] > [[Программирование и моделирование в Интернет|Интернет]] > [[JavaScript-программирование|JavaScript]] > '''Техника''' <HR> |
== Случайное блуждание == | == Случайное блуждание == | ||
Строка 5: | Строка 5: | ||
'''''Это приложение - аналог [[Флэш-приложения:_механика|вот этого flash-приложения]], написанный на JavaScript | '''''Это приложение - аналог [[Флэш-приложения:_механика|вот этого flash-приложения]], написанный на JavaScript | ||
− | + | <addscript src=Random_walk_v1-1/> | |
{| class="simple" border="1" | {| class="simple" border="1" | ||
Строка 22: | Строка 22: | ||
Текст программы на языке JavaScript (разработчик [[Цветков Денис]]): <toggledisplay status=hide showtext="Показать↓" hidetext="Скрыть↑" linkstyle="font-size:default"> | Текст программы на языке JavaScript (разработчик [[Цветков Денис]]): <toggledisplay status=hide showtext="Показать↓" hidetext="Скрыть↑" linkstyle="font-size:default"> | ||
Файл '''"random_walk.js"''' | Файл '''"random_walk.js"''' | ||
− | < | + | <source lang="javascript" first-line="1"> |
// canvas передается аргументом для того, чтобы была возможность запускать скрипт на несколько canvas'ов | // canvas передается аргументом для того, чтобы была возможность запускать скрипт на несколько canvas'ов | ||
function MainRW(canvas) { | function MainRW(canvas) { | ||
Строка 65: | Строка 65: | ||
} | } | ||
} | } | ||
− | </ | + | </source> |
Файл '''"random_walk.html"''' | Файл '''"random_walk.html"''' | ||
− | < | + | <source lang="html" first-line="1"> |
<html> | <html> | ||
<head> | <head> | ||
Строка 76: | Строка 76: | ||
</body> | </body> | ||
</html> | </html> | ||
− | </ | + | </source> |
</toggledisplay> | </toggledisplay> | ||
Строка 83: | Строка 83: | ||
'''''Это приложение - аналог [[Флэш-приложения: техника программирования|вот этого flash-приложения]], написанный на JavaScript | '''''Это приложение - аналог [[Флэш-приложения: техника программирования|вот этого flash-приложения]], написанный на JavaScript | ||
− | + | <addscript src=ocanvas-251/> | |
− | + | <addscript src=mouse_use/> | |
<htmlet nocache="yes">mouse_use_TM</htmlet> | <htmlet nocache="yes">mouse_use_TM</htmlet> | ||
Строка 90: | Строка 90: | ||
Текст программы на языке JavaScript (разработчик [[Цветков Денис]], использована библиотека [http://ocanvas.org/ oCanvas]): <toggledisplay status=hide showtext="Показать↓" hidetext="Скрыть↑" linkstyle="font-size:default"> | Текст программы на языке JavaScript (разработчик [[Цветков Денис]], использована библиотека [http://ocanvas.org/ oCanvas]): <toggledisplay status=hide showtext="Показать↓" hidetext="Скрыть↑" linkstyle="font-size:default"> | ||
Файл '''"mouse_use.js"''' | Файл '''"mouse_use.js"''' | ||
− | < | + | <source lang="javascript" first-line="1"> |
function MainMU() { | function MainMU() { | ||
var canvas = document.getElementById('canvasMU'); | var canvas = document.getElementById('canvasMU'); | ||
Строка 137: | Строка 137: | ||
}); | }); | ||
} | } | ||
− | </ | + | </source> |
Файл '''"mouse_use.html"''' | Файл '''"mouse_use.html"''' | ||
− | < | + | <source lang="html" first-line="1"> |
<html> | <html> | ||
<head> | <head> | ||
Строка 149: | Строка 149: | ||
</body> | </body> | ||
</html> | </html> | ||
− | </ | + | </source> |
</toggledisplay> | </toggledisplay> | ||
Строка 160: | Строка 160: | ||
* Сделать специальный HTML-файл для плагина HTMLets. Например: | * Сделать специальный HTML-файл для плагина HTMLets. Например: | ||
Файл '''"random_walk_TM.html"''' | Файл '''"random_walk_TM.html"''' | ||
− | < | + | <source lang="html" first-line="1"> |
<canvas id="canvasRW" width="800" height="600"></canvas> | <canvas id="canvasRW" width="800" height="600"></canvas> | ||
<script type="text/javascript">MainRW(document.getElementById('canvasRW'));</script> // MainRW(...) - стартовая функция скрипта | <script type="text/javascript">MainRW(document.getElementById('canvasRW'));</script> // MainRW(...) - стартовая функция скрипта | ||
− | </ | + | </source> |
* Загрузить скрипт на сервер в папку jsscripts, а HTML файл - в папку htmlets | * Загрузить скрипт на сервер в папку jsscripts, а HTML файл - в папку htmlets | ||
'' Примечание. Для того, чтобы загрузить файлы на сервер, обратитесь к [[Панченко_Артём|администратору]] | '' Примечание. Для того, чтобы загрузить файлы на сервер, обратитесь к [[Панченко_Артём|администратору]] | ||
* При верстке странички на tm.spbstu.ru добавить следующие строки: | * При верстке странички на tm.spbstu.ru добавить следующие строки: | ||
− | < | + | <source lang="html" first-line="1"> |
− | + | <addscript src=random_walk/> // скрипт добавится на страничку в <head></head> | |
<htmlet nocache="yes">random_walk_TM</htmlet> // содержимое специального HTML-файла добавится на страницу | <htmlet nocache="yes">random_walk_TM</htmlet> // содержимое специального HTML-файла добавится на страницу | ||
− | </ | + | </source> |
'' Примечание 1. Не называйте стартовую функцию Main() - она будет пересекаться с уже имеющимися скриптами движка сайта. | '' Примечание 1. Не называйте стартовую функцию Main() - она будет пересекаться с уже имеющимися скриптами движка сайта. | ||
Строка 182: | Строка 182: | ||
*[[JavaScript-mechanics-box2D]] | *[[JavaScript-mechanics-box2D]] | ||
− | + | ||
[[Category: Программирование]] | [[Category: Программирование]] | ||
[[Category: JavaScript]] | [[Category: JavaScript]] |