|
|
Регистрация Восстановить пароль |
Повторная активизация e-mail |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
Опции темы | Поиск в этой теме |
09.12.2013, 18:43 | #1 |
Новичок
Джуниор
Регистрация: 09.12.2013
Сообщений: 2
|
Идеи для движения.
Здравствуйте. Для курсовой я подготовил программу на управление объектом. Можете мне подкинуть какую нибудь идею, чтобы придать смысл данному алгоритму? Просто у меня что-то никаких идей нет... И еще вопрос, как сделать увеличение скорости интерактивное? (Жалкое подобие там есть, но не работает((( ). Заранее благодарю!
Код HTML:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css">#pole { width: 500px; height: 300px; background: url(1.jpg); border: 5px solid #6b502e; overflow: hidden; } #obj { width: 10px; height: 10px; background: black; border-radius: 50%; }</style> <script type="text/javascript"> var left = false, right = false, top = false, bottom = false, s = false, n = 1; function speed(){ n = document.getElementById('speed').value return n; } function anim_right(right) { if (right){ left = false; top = false; bottom = false; var oldLeft = parseInt(document.getElementById("obj").style.left), speed = n; document.getElementById("obj").style.left = oldLeft + speed + "px"; } else return false; } function anim_bottom(bottom) { if (bottom){ left = false; top = false; right = false; var oldTop = parseInt(document.getElementById("obj").style.top), speed = n; document.getElementById("obj").style.top = oldTop + speed + "px"; } else return false; } function anim_left(left) { if (left){ right = false; top = false; bottom = false; var oldRight = parseInt(document.getElementById("obj").style.left), speed = n; document.getElementById("obj").style.left = oldRight - speed + "px"; } else return false; } function anim_top(top) { if (top){ right = false; left = false; bottom = false; var oldBottom = parseInt(document.getElementById("obj").style.top), speed = n; document.getElementById("obj").style.top = oldBottom - speed + "px"; } ///вызов функции animation() через 100мс else return false; } function stop(s) { if (s){ left = false; right = false; top = false; bottom = false; anim_top(top); anim_bottom(bottom); anim_right(right); anim_left(left); } else return false; } function init(e){ switch (e.keyCode) { case 38 : {top = true; anim_top(top); setTimeout("anim_top(top)", 10); break; } case 39 : {right = true; anim_right(right); setTimeout("anim_right(right)", 10); break;} case 40 : {bottom = true; anim_bottom(bottom); setTimeout("anim_bottom(bottom)", 10); break;} case 37 : {left = true; anim_left(left); setTimeout("anim_left(left)", 10 ); break;} case 32 : {s = true; stop(s); break;} default : return; break; } } </script> </head> <body onkeydown="init(event)"> <div id="pole"> <div id="obj" style="position : relative; left : 100px; right : 100px; top : 100px; bottom : 100px; width: 10px; height: 10px; background: black;"></div> </div> <p>Желаемый уровень сложности (скорость)</p> <input type="text" size="2" id="speed"> <button onclick="speed">Установить</button> </body> </html> |
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
В целом: нужны идеи, примеры программ для написания, НО -> | ilvErsat0 | Общие вопросы по программированию, компьютерный форум | 12 | 16.04.2013 15:05 |
Идеи для коммерческих программ | zumm | Свободное общение | 2 | 02.11.2012 21:47 |
Идеи для практики | Ri}|{a9 | Помощь студентам | 1 | 29.03.2011 23:04 |
Идеи для программы!Желающие) | W.i.d.g.e.t.1 | Свободное общение | 63 | 04.08.2010 11:14 |