Простейшие интернет-программы

Материал из Department of Theoretical and Applied Mechanics
Версия от 18:52, 8 марта 2015; Wikiadmin (обсуждение | вклад) (Замена текста — «<source lang="(.*)" first-line="(.*)">» на «<syntaxhighlight lang="$1" line start="$2" enclose="div">»)

Перейти к: навигация, поиск
Виртуальная лаборатория > Простейшие интернет-программы

Случайное блуждание

Это приложение - аналог вот этого 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>

Использование мыши

Старый пример в этой статье был написан на ныне неиспользуемой нашей кафедрой библиотеке.

Актуальный пример смотрите здесь: Управление мышью

См. также