Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.77/26: Рейтинг темы: голосов - 26, средняя оценка - 4.77
0 / 0 / 0
Регистрация: 14.11.2012
Сообщений: 50

Движение по траектории

13.05.2014, 19:39. Показов 4867. Ответов 1
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Помогите пожалуйста ,нужно :
Организовать движение какой-либо строки, по траектории: y = sin (x^2) + cos (x^2). При построении увеличивать изображение. Диапазон значений выбрать самостоятельно. Организовать мигание.

вот ,что у меня получилось:
Java
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<html>
<head>
 
</head>
<body background="background.jpg">
<script type="text/javascript">
document.write("<span id='text2move' style='position: absolute; border: 1px solid black;'>Функція</span>")
 
function blink() {
        if (document.getElementById('text2move').style.color == 'blue') {   
                document.getElementById('text2move').style.color = 'red';   
                document.getElementById('text2move').style.backgroundColor = 'blue';   
        } else {  
                 document.getElementById('text2move').style.color = 'blue';   
                document.getElementById('text2move').style.backgroundColor = 'red';   
        }
}
 
var startX=0, endX=330, y;
var posX=10, posY=50; 
 
function moveText() 
{
blink();
 
y=Math.sin(startX*startX)+Math.cos(startX*startX);
posX+=Math.abs(startX); posY+=y;
 
document.getElementById('text2move').style.left = posX*1.8 + 'px';
document.getElementById('text2move').style.top = posY*2.1 + 'px';
 
startX+=0.1;
if(startX>13)
  clearInterval(a);
}
var a=setInterval(moveText, 100);
</script>
</body>
</html>
0
Лучшие ответы (1)
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
13.05.2014, 19:39
Ответы с готовыми решениями:

Движение объектов по траектории - JS
Здравствуйте уважаемые, у меня есть шарик который стоит в влевом нижнем углу(он летит до центра верхней границы браузера а за тем в правый...

Движение картинки по траектории JS
Есть треугольник который расположен в нижнем правом углу, есть шарик который начинает движение от треугольника до середины верхней границы...

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

1
супермизантроп
Эксперт JS
3941 / 2979 / 692
Регистрация: 18.04.2012
Сообщений: 8,629
13.05.2014, 22:37
Лучший ответ Сообщение было отмечено Cleo12 как решение

Решение

в задании написано "организовать движение какой-либо строки", а вы организовали движение какого-то, извините, ящика, причём жутко ядовитого цвета
отсюда: ни бордер, ни фон тексту не нужны
вот, посмотрите для примера движение строки текста по окружности (именно строки)
------------

перед построением графика надо вспомнить математику и исследовать функцию
т.е. определить её минимумы и максимумы на выбранном диапазоне -- вам в помощь это и это
------------

так как функция тригонометрическая, диапазон должен быть соотнесён с числом Пифагора
например, [от -ПИ до ПИ] или [от -2*ПИ до 2*ПИ] и т.д.
------------

в соответствии с выбранным диапазоном определяете масштаб по горизонту
для чего сначала находите клиентскую ширину тела документа - var W = document.body.clientWidth;
тогда, к примеру, для диапазона от [от -ПИ до ПИ] ордината начала движения 0 при вычислениях должна заменяться на -ПИ, а далее каждый пиксель меняет значение ординаты на W / 2 / ПИ
--------

находите минимум и максимум функции в диапазоне и отнимая первое от второго, определите масштаб по вертикали, опять же узнав высоту клиентской области окна var H = document.body.clientHeight;

вот тогда ваша строка будет двигаться не судорожно с минимальным отклонением по вертикали, а по всей высоте окна браузера
---------

кроме того, увеличивать надо не размер вашего "ящика", а размер шрифта - fontSize
---------

ну и, наконец, мигание - это не ваше изменение ядовитого цвета на ещё более ядовитый, а попеременное пропадание и появление строки
используйте для этого свойство visibility
1
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
13.05.2014, 22:37
Помогаю со студенческими работами здесь

Движение камеры по фону в заданной траектории
всем привет, столкнулся с задачей, вообщем надо сделать подобное перемещение по карте по клику. http://www.keystone-logistics.com/ тут...

Движение текста по заданной траектории
Доброго времени суток! Буду признателен если поможете разобраться с данной задачей: Задание: Есть страница, на которой по основному...

Движение по траектории
Доброго времени суток. Перейду сразу к делу. Постановка задачи: По большой фигуре организовать движение окружности по периметру фигуры с...

Движение по баллистической траектории
реализовать движение Tadro по траектории в итоге получается либо нет движения либо движение по прямой unit Unit1; {$mode...

Движение шарика по траектории
Мальчики, такой вопрос, как правильно составить программу, чтобы шарик двигался именно по такой траектории? Как ни сделаю, либо идет не в...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Новые блоги и статьи
Архитектура слоя интернета для сервера-слоя.
Hrethgir 11.04.2026
В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .
Подстановка значения реквизита справочника в табличную часть документа
Maks 10.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .
Очистка реквизитов документа при копировании
Maks 09.04.2026
Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .
модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий
anaschu 08.04.2026
https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI
Блокировка документа от изменений, если он открыт у другого пользователя
Maks 08.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .
Система безопасности+живучести для сервера-слоя интернета (сети). Двойная привязка.
Hrethgir 08.04.2026
Далее были размышления о системе безопасности. Сообщения с наклонным текстом - мои. А как нам будет можно проверить, что ссылка наша, а не подделана хулиганами, которая выбросит на другую ветку и. . .
Модель ЗдрввоСохранения 7: больше работников, больше ресурсов.
anaschu 08.04.2026
работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20% kYBz3eJf3jQ
Дальние перспективы сервера - слоя сети с космологическим дизайном интефейса карты и логики.
Hrethgir 07.04.2026
Дальнейшее ближайшее планирование вывело к размышлениям над дальними перспективами. И вот тут может быть даже будут нужны оценки специалистов, так как в дальних перспективах всё может очень сильно. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru