Редактирование: JavaScript-приложения
Внимание! Вы не авторизовались на сайте. Ваш IP-адрес будет публично видимым, если вы будете вносить любые правки. Если вы войдёте или создадите учётную запись, правки вместо этого будут связаны с вашим именем пользователя, а также у вас появятся другие преимущества.
Правка может быть отменена. Пожалуйста, просмотрите сравнение версий, чтобы убедиться, что это именно те изменения, которые вас интересуют, и нажмите «Записать страницу», чтобы изменения вступили в силу.
Текущая версия | Ваш текст | ||
Строка 1: | Строка 1: | ||
− | |||
− | |||
== Случайное блуждание == | == Случайное блуждание == | ||
'''''Это приложение - аналог [[Флэш-приложения:_механика|вот этого flash-приложения]], написанный на JavaScript | '''''Это приложение - аналог [[Флэш-приложения:_механика|вот этого flash-приложения]], написанный на JavaScript | ||
+ | <addscript src=Random_walk_v1-1/> | ||
Строка 22: | Строка 21: | ||
Текст программы на языке 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: | Строка 64: | ||
} | } | ||
} | } | ||
− | </ | + | </source> |
Файл '''"random_walk.html"''' | Файл '''"random_walk.html"''' | ||
− | < | + | <source lang="html" first-line="1"> |
<html> | <html> | ||
<head> | <head> | ||
Строка 76: | Строка 75: | ||
</body> | </body> | ||
</html> | </html> | ||
− | </ | + | </source> |
</toggledisplay> | </toggledisplay> | ||
Строка 83: | Строка 82: | ||
'''''Это приложение - аналог [[Флэш-приложения: техника программирования|вот этого 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: | Строка 89: | ||
Текст программы на языке 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'); | ||
Строка 96: | Строка 95: | ||
var w = canvas.width; | var w = canvas.width; | ||
− | var h = canvas. | + | var h = canvas.width; |
var y0 = h / 2; | var y0 = h / 2; | ||
Строка 108: | Строка 107: | ||
var rectangle = canvas.display.rectangle({ | var rectangle = canvas.display.rectangle({ | ||
x: r, | x: r, | ||
− | y: y0-r, | + | y: y0-r*2, |
width: 2*r, | width: 2*r, | ||
height: 2*r, | height: 2*r, | ||
Строка 116: | Строка 115: | ||
var arc = canvas.display.arc({ | var arc = canvas.display.arc({ | ||
x: 5*r, | x: 5*r, | ||
− | y: y0, | + | y: y0-r, |
radius: r, | radius: r, | ||
start: 0, | start: 0, | ||
Строка 137: | Строка 136: | ||
}); | }); | ||
} | } | ||
− | </ | + | </source> |
Файл '''"mouse_use.html"''' | Файл '''"mouse_use.html"''' | ||
− | < | + | <source lang="html" first-line="1"> |
<html> | <html> | ||
<head> | <head> | ||
Строка 149: | Строка 148: | ||
</body> | </body> | ||
</html> | </html> | ||
− | </ | + | </source> |
</toggledisplay> | </toggledisplay> | ||
+ | |||
== Как самому выложить сюда скрипт == | == Как самому выложить сюда скрипт == | ||
+ | |||
Один из способов выложить скрипт, использующий canvas, на страничку сайта tm.spbstu.ru: | Один из способов выложить скрипт, использующий canvas, на страничку сайта tm.spbstu.ru: | ||
− | + | ||
− | + | 1. Оформить в скрипте стартовую функцию (как в примерах на этой страничке) | |
+ | |||
+ | |||
+ | 2. Сделать специальный HTML-файл для плагина HTMLets. <toggledisplay status=hide showtext="Показать пример↓" hidetext="Скрыть↑" linkstyle="font-size:default"> | ||
Файл '''"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> |
− | + | </toggledisplay> | |
− | '' Примечание. Для того, чтобы загрузить файлы на сервер, обратитесь к | + | |
− | + | ||
− | < | + | 3. Загрузить скрипт на сервер в папку jsscripts, а HTML файл - в папку htmlets |
− | + | ||
− | <htmlet nocache="yes">random_walk_TM</htmlet> // содержимое специального | + | '' Примечание. Для того, чтобы загрузить файлы на сервер, обратитесь к администратору |
− | </ | + | |
+ | |||
+ | 4. При верстке странички на tm.spbstu.ru добавить следующие строки: | ||
+ | |||
+ | <source lang="html" first-line="1"> | ||
+ | <addscript src=random_walk/> // скрипт добавится на страничку в <head></head> | ||
+ | <htmlet nocache="yes">random_walk_TM</htmlet> // содержимое специального файла добавится на страницу | ||
+ | </source> | ||
+ | |||
'' Примечание 1. Не называйте стартовую функцию Main() - она будет пересекаться с уже имеющимися скриптами движка сайта. | '' Примечание 1. Не называйте стартовую функцию Main() - она будет пересекаться с уже имеющимися скриптами движка сайта. | ||
− | |||
'' Примечание 2. Не используйте точки в названии файла со скриптом - движок сервера не обработает такой файл. | '' Примечание 2. Не используйте точки в названии файла со скриптом - движок сервера не обработает такой файл. | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
[[Category: Программирование]] | [[Category: Программирование]] | ||
− |