Помощник
|
Впускаем шарики! |
dimjan4
|
Сообщение
#1
|
||
|
|
||
|
|||
Webmaster_hb |
19.11.2008, 19:40;
Ответить: Webmaster_hb
Сообщение
#2
|
|
создаете слой с картинкой, и с помощью javascript меняете координаты
|
|
|
dimjan4
|
Сообщение
#3
|
|
Вот, насчёт координат, как их проставлять??Вродь у меня получилось , но маловато координат...
<html> <head> </head> <body> <div id="test" style="width: 10px; height: 10px; background-color: Black; position: absolute; left: 10px; top: 10px;"></div> <script language="JavaScript"> function init_move(){ dx = 5; dy = 5; setInterval('move()', 500); move();} function move(){ x = parseInt(document.getElementById('test').style.left); y = parseInt(document.getElementById('test').style.top); document.getElementById('test').style.left = x + dx; document.getElementById('test').style.top = y + dy;} init_move(); </script> </body> </html> Видите, у меня этот квадратик идёт только в одну сторону! и ещё, понаблюдайте за ним, когда он до низа доходит, он не пропадает, а растягивает страницу! Вы можете: I -Сказать, как добавлять координаты II -Как сделать, чтобы страничка не растягивалась... |
|
|
Galen |
20.11.2008, 15:48;
Ответить: Galen
Сообщение
#4
|
|
I -Сказать, как добавлять координаты Выберете себе какую-нить функцию, по которой будут лететь ваши шарики. Координат-то всё равно будет две. II -Как сделать, чтобы страничка не растягивалась Нужно проверять не выходят ли координаты вашего шарика за границы страницы, и если выходят, то уничтожать его. Можно ещё попробовать задать блоку свойство overflow:hidden. |
|
|
dimjan4
|
Сообщение
#5
|
|
|
|
|
Galen |
20.11.2008, 18:48;
Ответить: Galen
Сообщение
#6
|
|
Две координаты из курса математики это плоскость, а на плоскости (которой кстати является страница) можно построить кривую линию. Прямая - это такая кривая, координаты которой меняются так x += dx и y += dy. Выберете функцию меняющую эти две координаты другим образом (т.е. не линейно) и шарики полетят не по прямой.
Может не совсем корректно написал, но смысл в следующем: приращение координат не должно быть линейным. |
|
|
dimjan4
|
Сообщение
#7
|
|
Так это я понял... Если вы это имели введу, например я добавил 2* и +1
document.getElementById('test').style.left = x + 2*dx; , то вы меня не так поняли...тут опять по прямой линии идёт... а мне надо как на картинке...
document.getElementById('test').style.top = y + dy+1;} |
|
|
Galen |
20.11.2008, 22:21;
Ответить: Galen
Сообщение
#8
|
|
Я имел ввиду всё многообразие математических функций :)
То что вам надо похоже на синусоиду (т.е. тригонометрическую функцию). Найдите знакомого, шарящего в математике, пусть подскажет внешний вид функции. |
|
|
dimjan4
|
Сообщение
#9
|
|
Блин! Придётся с заучкой познакомиться!:rjunimagu:
|
|
|
dimjan4
|
Сообщение
#10
|
|
А как сделать, чтобы объект не дёргался а плавно двигался??
|
|
|
|
Текстовая версия | Сейчас: 20.4.2024, 1:55 |