Движение рисунка

@Sergilonio · Регистрация: 12.10.2015

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

Как сделать, чтобы рисунок двигался по траектории (вправо-вверх, влево, вправо-низ); через некоторое время возвращался в исходное положение и все повторяется.

@BANO · 12.10.2015, 22:22

Sergilonio, можете дать ещё данные?

просто это можно сделать на css и на js

Не по теме:

почему этот вопрос попал в регулярки?

@Sergilonio · 12.10.2015, 22:26 **[ТС]**

Нужно реализовать на javascript. Простите, не знал, где именно нужно писать.

@BANO · 12.10.2015, 22:47

Sergilonio, ну вы разметку покажите

у вас картинка будет хаотично двигаться или по каким-то параметрам
она должна возвращяться по какому-то событию или через какое-то время?

Добавлено через 18 секунд
ещё много вопрососв

@Sergilonio · 12.10.2015, 22:51 **[ТС]**

Алгоритм движения:при загрузке страницы рисунок начинает двигаться по заданной траектории; через некоторое время меняет направление движения, доходит до исходного положения и все повторяется.

@BANO · 12.10.2015, 23:27

Sergilonio, направление он как получает?

@Sergilonio · 12.10.2015, 23:31 **[ТС]**

Что Вы имеете ввиду?
Когда открывается страница, рисунок должен двигаться.

@BANO · 12.10.2015, 23:43

Sergilonio, понятно что он должен двигаться, он же должен куда-то двигаться

Добавлено через 33 секунды
вы скажите куда двигаться и он будет двигаться, а новую тему вы зря создали, это против правил форума

@Sergilonio · 12.10.2015, 23:45 **[ТС]**

Движется из левого нижнего угла в правый верхний, затем горизонтально к верхнему левому углу, а потом в правый нижний угол

@Padimanskas · 12.10.2015, 23:54

я бы хранил эту инфу в массиве. Потом читал бы из массива координаты, прибавлял бы нормализованный вектор умноженный на вектор скорости. код лень писать, сорри)
ps хотя тут все намного проще)

@Sergilonio · 12.10.2015, 23:55 **[ТС]**

Я новичок. Мне бы просто с помощью posLeft, posTop

@BANO · 13.10.2015, 00:05

Padimanskas, мне тоже лень, поэтому дам код на jquery

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
var mass=[
    ["0%","100%"],
    ["0%","0%"],
    ["100%","100%"]
];
$(function(){
    var b=0;
    var s=(function v(){
        $("#img").animate({top:mass[b][0],left:mass[b][1]},2000,v)
        b++;
        b%=mass.length;
    })()
})

Добавлено через 4 минуты
вот, играйтесь наздоровье

@Sergilonio · 13.10.2015, 07:06 **[ТС]**

А можете на чистом javascript?

@BANO · 13.10.2015, 20:20

могу, но вечером

Добавлено через 6 минут
там css setTimeout и рекурсия

Добавлено через 31 секунду
почти тоже самое что уже написал, просто теперь уже на нативе

Добавлено через 12 часов 6 минут
вот вам чистенько, красивенько

@Fedor Vlasenko · 13.10.2015, 22:06

BANO, arguments.callee

Сообщение от BANO

красивенько

@BANO · 13.10.2015, 22:10

Poznakomlus, а что?
по вашему использовать 16 букв вместо 1 красивее?

я честно не понимаю, что вам не нравится

@Fedor Vlasenko · 13.10.2015, 22:30

Сообщение от BANO

по вашему использовать 16 букв вместо 1 красивее

Беру слова обратно в строгом режиме ES5 уже не ок

@BANO · 13.10.2015, 22:40

Poznakomlus, ну ничего, все мы ошибаемся )

Новые блоги и статьи Все статьи Все блоги /
Контроль заполнения и очистка дат в зависимости от значения перечислений Maks 12.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА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

@Sergilonio 0 / 0 / 0 Регистрация: 12.10.2015 Сообщений: 32

	Движение рисунка 12.10.2015, 22:06. Показов 1591. Ответов 17 Метки нет (Все метки) Как сделать, чтобы рисунок двигался по траектории (вправо-вверх, влево, вправо-низ); через некоторое время возвращался в исходное положение и все повторяется. 0

@BANO Ренегат 1740 / 1085 / 386 Регистрация: 06.08.2014 Сообщений: 5,203 Записей в блоге: 1
	12.10.2015, 22:22
	Sergilonio, можете дать ещё данные? просто это можно сделать на css и на js Не по теме: почему этот вопрос попал в регулярки? 0

@Sergilonio 0 / 0 / 0 Регистрация: 12.10.2015 Сообщений: 32
	12.10.2015, 22:26 [ТС]
	Нужно реализовать на javascript. Простите, не знал, где именно нужно писать. 0

@BANO Ренегат 1740 / 1085 / 386 Регистрация: 06.08.2014 Сообщений: 5,203 Записей в блоге: 1
	12.10.2015, 22:47
	Sergilonio, ну вы разметку покажите у вас картинка будет хаотично двигаться или по каким-то параметрам она должна возвращяться по какому-то событию или через какое-то время? Добавлено через 18 секунд ещё много вопрососв 0

@Sergilonio 0 / 0 / 0 Регистрация: 12.10.2015 Сообщений: 32
	12.10.2015, 22:51 [ТС]
	Алгоритм движения:при загрузке страницы рисунок начинает двигаться по заданной траектории; через некоторое время меняет направление движения, доходит до исходного положения и все повторяется. 0

@BANO Ренегат 1740 / 1085 / 386 Регистрация: 06.08.2014 Сообщений: 5,203 Записей в блоге: 1
	12.10.2015, 23:27
	Sergilonio, направление он как получает? 0

@Sergilonio 0 / 0 / 0 Регистрация: 12.10.2015 Сообщений: 32
	12.10.2015, 23:31 [ТС]
	Что Вы имеете ввиду? Когда открывается страница, рисунок должен двигаться. 0

@BANO Ренегат 1740 / 1085 / 386 Регистрация: 06.08.2014 Сообщений: 5,203 Записей в блоге: 1
	12.10.2015, 23:43
	Sergilonio, понятно что он должен двигаться, он же должен куда-то двигаться Добавлено через 33 секунды вы скажите куда двигаться и он будет двигаться, а новую тему вы зря создали, это против правил форума 0

@Sergilonio 0 / 0 / 0 Регистрация: 12.10.2015 Сообщений: 32
	12.10.2015, 23:45 [ТС]
	Движется из левого нижнего угла в правый верхний, затем горизонтально к верхнему левому углу, а потом в правый нижний угол 0

@Padimanskas Superposition 950 / 615 / 256 Регистрация: 27.10.2013 Сообщений: 2,083
	12.10.2015, 23:54
	я бы хранил эту инфу в массиве. Потом читал бы из массива координаты, прибавлял бы нормализованный вектор умноженный на вектор скорости. код лень писать, сорри) ps хотя тут все намного проще) 0

@Sergilonio 0 / 0 / 0 Регистрация: 12.10.2015 Сообщений: 32
	12.10.2015, 23:55 [ТС]
	Я новичок. Мне бы просто с помощью posLeft, posTop 0

@Sergilonio 0 / 0 / 0 Регистрация: 12.10.2015 Сообщений: 32
	13.10.2015, 07:06 [ТС]
	А можете на чистом javascript? 0

@BANO Ренегат 1740 / 1085 / 386 Регистрация: 06.08.2014 Сообщений: 5,203 Записей в блоге: 1
	13.10.2015, 20:20
	могу, но вечером Добавлено через 6 минут там css setTimeout и рекурсия Добавлено через 31 секунду почти тоже самое что уже написал, просто теперь уже на нативе Добавлено через 12 часов 6 минут вот вам чистенько, красивенько 1

@BANO Ренегат 1740 / 1085 / 386 Регистрация: 06.08.2014 Сообщений: 5,203 Записей в блоге: 1
	13.10.2015, 22:10
	Poznakomlus, а что? по вашему использовать 16 букв вместо 1 красивее? я честно не понимаю, что вам не нравится 1

@BANO Ренегат 1740 / 1085 / 386 Регистрация: 06.08.2014 Сообщений: 5,203 Записей в блоге: 1
	13.10.2015, 22:40
	Poznakomlus, ну ничего, все мы ошибаемся ) 0