Простейшие интернет-программы — различия между версиями
Wikiadmin (обсуждение | вклад) м (Замена текста — «<addscript(.*)src=(.*)>» на «») |
Wikiadmin (обсуждение | вклад) м (Замена текста — «<source lang="(.*)" first-line="(.*)">» на «<syntaxhighlight lang="$1" line start="$2" enclose="div">») |
||
| Строка 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"''' | ||
| − | < | + | <syntaxhighlight lang="javascript" line start="1" enclose="div"> |
// canvas передается аргументом для того, чтобы была возможность запускать скрипт на несколько canvas'ов | // canvas передается аргументом для того, чтобы была возможность запускать скрипт на несколько canvas'ов | ||
function MainRW(canvas) { | function MainRW(canvas) { | ||
| Строка 67: | Строка 67: | ||
</source> | </source> | ||
Файл '''"random_walk.html"''' | Файл '''"random_walk.html"''' | ||
| − | < | + | <syntaxhighlight lang="html" line start="1" enclose="div"> |
<html> | <html> | ||
<head> | <head> | ||
Версия 18:52, 8 марта 2015
Виртуальная лаборатория > Простейшие интернет-программыСлучайное блуждание
Это приложение - аналог вот этого flash-приложения, написанный на JavaScript
Текст программы на языке JavaScript (разработчик Цветков Денис): <toggledisplay status=hide showtext="Показать↓" hidetext="Скрыть↑" linkstyle="font-size:default"> Файл "random_walk.js" <syntaxhighlight lang="javascript" line start="1" enclose="div"> // canvas передается аргументом для того, чтобы была возможность запускать скрипт на несколько canvas'ов function MainRW(canvas) {
var context = canvas.getContext("2d");
var start = 0; var d, x, y; var w = canvas.width; var h = canvas.height;
setInterval(tick, 30);
function Rand() {
return Math.floor(3 * Math.random()) - 1;
}
function tick() {
if (start == 0) {
start = 1;
d = 10;
x = w / 2;
y = h / 2;
}
else {
x = x + d * Rand();
y = y + d * Rand();
if (x < 0) x = x + w;
if (x > w-10) x = x - w;
if (y < 0) y = y + h;
if (y > h-10) y = y - h;
}
context.fillStyle = "rgb("+
Math.floor(Math.random()*256)+","+
Math.floor(Math.random()*256)+","+
Math.floor(Math.random()*256)+")";
context.beginPath();
context.rect(x, y, d-1, d-1);
context.closePath();
context.fill();
}
} </source> Файл "random_walk.html" <syntaxhighlight lang="html" line start="1" enclose="div"> <html> <head>
<script src="random_walk.js" type="text/javascript"></script>
</head> <body onload="MainRW(document.getElementById('canvasRW'));">
<canvas id="canvasRW" width="800" height="600" style="border:1px solid #dddddd;"></canvas>
</body> </html> </source> </toggledisplay>
Использование мыши
Старый пример в этой статье был написан на ныне неиспользуемой нашей кафедрой библиотеке.
Актуальный пример смотрите здесь: Управление мышью
