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

@Cleo12 · Регистрация: 14.11.2012

Студворк — интернет-сервис помощи студентам

Помогите пожалуйста ,нужно :
Организовать движение какой-либо строки, по траектории: 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>

@kalabuni · 13.05.2014, 22:37

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

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

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

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

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

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

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

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

Новые блоги и статьи Все статьи Все блоги /
Доступность команды формы по условию Maks 07.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: сделать доступной кнопку (команда формы "ЗавершитьСписание") при. . .	Уведомление о неверно выбранном значении справочника Maks 06.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "НарядПутевка", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если в документе выбран неверный склад. . .	Установка Qt Creator для C и C++: ставим среду, CMake и MinGW без фреймворка Qt 8Observer8 05.04.2026 Среду разработки Qt Creator можно установить без фреймворка Qt. Есть отдельный репозиторий для этой среды: https:/ / github. com/ qt-creator/ qt-creator, где можно скачать установщик, на вкладке Releases:. . .	AkelPad-скрипты, структуры, и немного лирики.. testuser2 05.04.2026 Такая программа, как AkelPad существует уже давно, и также давно существуют скрипты под нее. Тем не менее, прога живет, периодически что-то не спеша дополняется, улучшается. Что меня в первую очередь. . .
Отображение реквизитов в документе по условию и контроль их заполнения Maks 04.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеСпецтехники", разработанного в конфигурации КА2. Данный документ берёт данные из другого нетипового документа. . .	Фото всей Земли с борта корабля Orion миссии Artemis II kumehtar 04.04.2026 Это первое подобное фото сделанное человеком за 50 лет. Снимок называют новым вариантом легендарной фотографии «The Blue Marble» 1972 года, сделанной с борта корабля «Аполлон-17». Новое фото. . .	Вывод диалогового окна перед закрытием, если документ не проведён Maks 04.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать программный контроль на предмет проведения документа. . .	Программный контроль заполнения реквизитов табличной части документа Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: 1. Реализовать контроль заполнения реквизита. . .

@kalabuni супермизантроп 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

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

Решение