Javascript-форум - ava простое автоматическое движение по траэктории

Javascript-форум (https://javascript.ru/forum/)

- Общие вопросы Javascript (https://javascript.ru/forum/misc/)

- - ava простое автоматическое движение по траэктории (https://javascript.ru/forum/misc/53308-ava-prostoe-avtomaticheskoe-dvizhenie-po-traehktorii.html)

ava простое автоматическое движение по траэктории

Здравствуйте, мне нужна помощь в написании программы двигающей картинку, блок, по заданной территории по заданным координатам.
В итоге я хотел получить то, что получилось тут в пункте "схема"
Прошу помогите мне с этой задачей.

http://s-paradox.ru/portfolio/portfo...nimatsija/181/

Я уже больше недели бьюсь, но не могу сделать нечто подобное. Мне не нужно готовое решение, просто нужно доходчиво объяснить, как сделать такое движение.

Вы просите готовый скрипт с нуля.
Это работа, и за нее обычно платят деньги.
Для таких сообщений предназначен раздел форума "Работа".
Если вы все же хотите, чтобы вам помогли - приложите какие-то усилия сами и задавайте вопросы по ходу дела.

Цитата:

Сообщение от nerv_ (Сообщение 354047)

я не прошу готового решения. Я прошу чтобы мне пояснили, как такое работает. И поверь, я прилагал множество усилий.

<html>
  <head>
  <head>
  <body>
<script>
var interval;
  function slide() 
{
  if (parseInt(document.getElementById("block").style.right) < 800) {
     document.getElementById("block").style.right = parseInt(document.getElementById("block").style.right)+ 120
     setTimeout("slide()",10)}
}
function back() {
  if (parseInt(document.getElementById("block").style.right) > 800) {
     document.getElementById("block").style.right = parseInt(document.getElementById("block").style.right)-120
     setTimeout("back()",10) ; }
}

function wniz() {
  if (parseInt(document.getElementById("block").style.top) < 800) {
     document.getElementById("block").style.top = parseInt(document.getElementById("block").style.top)+ 120
     setTimeout("back()",10) ; }
}
function wwerx() {
  if (parseInt(document.getElementById("block").style.top) < 800) {
     document.getElementById("block").style.top = parseInt(document.getElementById("block").style.top)- 120
     setTimeout("back()",10) ; }
}

function dwijenie() {
   wwerx();
}
</script>
     
 
<div id="block" style="position: absolute; right: 493px; top: 115px; WIDTH: 150px; HEIGHT: 150px; BACKGROUND-COLOR: red;">
<a href="javascript:slide()">slide</a>
<a href="javascript:back()">back</a>
<a href="javascript:wniz()">wniz</a>
<a href="javascript:wwerx()">wwerx</a>
<a href="javascript:dwijenie()">dwijenie</a>
</div>
</body>
</html>

Вот что в итоге у меня вышло...

Цитата:

Сообщение от nerv_ (Сообщение 354047)

учитывая тот простой факт, что
результат нужен по примеру этого http://vk.com/doc286770184_362430297
Я просто не понимаю как должен выстраиваться код чтобы траэкторию прописать

Цитата:

Сообщение от рони (Сообщение 354055)

Wektor_Ammadey,
для медитации
http://javascript.ru/forum/events/40...tml#post267760
http://learn.javascript.ru/play/l9hKp

Большое спасибо. Разберу эти два примера и думаю что смогу)

Хотя нет, не разберусь... без коментариев этот код - абракадабра. Которая работает :help: