Редактирование: JavaScript-приложения
Внимание! Вы не авторизовались на сайте. Ваш IP-адрес будет публично видимым, если вы будете вносить любые правки. Если вы войдёте или создадите учётную запись, правки вместо этого будут связаны с вашим именем пользователя, а также у вас появятся другие преимущества.
Правка может быть отменена. Пожалуйста, просмотрите сравнение версий, чтобы убедиться, что это именно те изменения, которые вас интересуют, и нажмите «Записать страницу», чтобы изменения вступили в силу.
Текущая версия | Ваш текст | ||
Строка 1: | Строка 1: | ||
− | |||
− | |||
== Случайное блуждание == | == Случайное блуждание == | ||
'''''Это приложение - аналог [[Флэш-приложения:_механика|вот этого flash-приложения]], написанный на JavaScript | '''''Это приложение - аналог [[Флэш-приложения:_механика|вот этого flash-приложения]], написанный на JavaScript | ||
− | + | <addscript src=Random_walk/> | |
− | + | <htmlet nocache="yes">Random_walk_TM</htmlet> | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
Текст программы на языке 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"> |
− | + | function MainRW() { | |
− | function MainRW(canvas) | + | var canvas = document.getElementById('canvasRW'); |
var context = canvas.getContext("2d"); | var context = canvas.getContext("2d"); | ||
Строка 65: | Строка 52: | ||
} | } | ||
} | } | ||
− | </ | + | </source> |
Файл '''"random_walk.html"''' | Файл '''"random_walk.html"''' | ||
− | < | + | <source lang="html" first-line="1"> |
<html> | <html> | ||
<head> | <head> | ||
<script src="random_walk.js" type="text/javascript"></script> | <script src="random_walk.js" type="text/javascript"></script> | ||
</head> | </head> | ||
− | <body onload="MainRW( | + | <body onload="MainRW();"> |
− | <canvas id="canvasRW" width="800" height="600 | + | <canvas id="canvasRW" width="800" height="600"></canvas> |
</body> | </body> | ||
</html> | </html> | ||
− | </ | + | </source> |
</toggledisplay> | </toggledisplay> | ||
+ | |||
== Использование мыши == | == Использование мыши == | ||
Строка 83: | Строка 71: | ||
'''''Это приложение - аналог [[Флэш-приложения: техника программирования|вот этого 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> | ||
− | Текст программы на языке JavaScript (разработчик [[Цветков Денис]], использована библиотека [http://ocanvas.org/ | + | Текст программы на языке JavaScript (разработчик [[Цветков Денис]], использована библиотека oCanvas [[http://ocanvas.org/]]): <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: | Строка 84: | ||
var w = canvas.width; | var w = canvas.width; | ||
− | var h = canvas. | + | var h = canvas.width; |
var y0 = h / 2; | var y0 = h / 2; | ||
Строка 108: | Строка 96: | ||
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: | Строка 104: | ||
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: | Строка 125: | ||
}); | }); | ||
} | } | ||
− | </ | + | </source> |
Файл '''"mouse_use.html"''' | Файл '''"mouse_use.html"''' | ||
− | < | + | <source lang="html" first-line="1"> |
<html> | <html> | ||
<head> | <head> | ||
Строка 146: | Строка 134: | ||
</head> | </head> | ||
<body onload="MainMU();"> | <body onload="MainMU();"> | ||
− | <canvas id="canvasMU" width="400" height="300" style="border:1px solid # | + | <canvas id="canvasMU" width="400" height="300" style="border:1px solid #000000;"></canvas> |
</body> | </body> | ||
</html> | </html> | ||
− | </ | + | </source> |
</toggledisplay> | </toggledisplay> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− |