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

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

13.05.2014, 19:39. Показов 4852. Ответов 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
Ответ Создать тему
Новые блоги и статьи
Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL3_image
8Observer8 27.01.2026
Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .
влияние грибов на сукцессию
anaschu 26.01.2026
Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .
Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android
8Observer8 26.01.2026
Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .
Установка Android SDK, NDK, JDK, CMake и т.д.
8Observer8 25.01.2026
Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .
Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf
8Observer8 25.01.2026
Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .
Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly
8Observer8 24.01.2026
Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
моя боль
iceja 24.01.2026
Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .
Модель сукцессии микоризы
anaschu 24.01.2026
Решили писать научную статью с неким РОманом
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru