0 / 0 / 0
Регистрация: 18.04.2015
Сообщений: 10
|
|
1 | |
Ограничение движения объекта11.07.2016, 10:35. Показов 3286. Ответов 5
Метки нет (Все метки)
Есть картинка, мы передвигаем её с клавиатуры, при помощи стрелок.
Как можно ограничить передвижения картинки размерами окна в браузере, чтобы когда она достигла края, не двигалась дальше.
0
|
11.07.2016, 10:35 | |
Ответы с готовыми решениями:
5
Реализация движения объекта Ограничение области перемещения объекта Настройка диапазона движения для объекта с искусственным интеллектом. Ограничение движения объекта в 3D |
890 / 725 / 447
Регистрация: 13.07.2015
Сообщений: 2,277
|
||||||
11.07.2016, 11:43 | 2 | |||||
1
|
0 / 0 / 0
Регистрация: 18.04.2015
Сообщений: 10
|
|
11.07.2016, 12:39 [ТС] | 3 |
$(document).ready(function(){
var randomcolor; $(document.body).keyup(function(e) { randomcolor="#"+((1<<24)*Math.random()|0).toString(16); console.log(randomcolor); if (e.which == 39){ $('#test').css({ "border-color": randomcolor, "border-style":"solid", "border-weight":"10px", 'position': 'absolute', 'left': '+=10px', 'transform': 'rotate(0)' }); } if (e.which == 37){ $('#test').css ({ "border-color": randomcolor, "border-style":"solid", "border-weight": "10px", 'position': 'absolute', 'left': '-=10px', 'transform': 'rotate(180deg)' }); } if (e.which == 38){ $('#test').css ({ "border-color": randomcolor, "border-style":"solid", "border-weight": "10px", 'position': 'absolute', 'top': '-=10px', 'transform': 'rotate(-90deg)' }); } if (e.which == 40){ $('#test').css ({ "border-color": randomcolor, "border-style":"solid", "border-weight": "10px", 'position': 'absolute', 'top': '+=10px', 'transform': 'rotate(90deg)' }); } }); }); Подскажите ещё, в каком месте, вставить тот кусок кода, который вы дали) Просто ну совсем чайник "#test" в условиях это ID картинки. Спасибо)
0
|
890 / 725 / 447
Регистрация: 13.07.2015
Сообщений: 2,277
|
|||||||||||
11.07.2016, 14:47 | 4 | ||||||||||
Сообщение было отмечено CAHR94 как решение
Решение
Добавлено через 1 час 23 минуты вот этот код точно рабочий:
1
|
0 / 0 / 0
Регистрация: 18.04.2015
Сообщений: 10
|
|
11.07.2016, 15:20 [ТС] | 5 |
Спасибо большое, картинка вертится, но перестала двигаться вовсе. НУ и цвет контура пропал). Но я думаю тут справлюсь сам) Спасибо.
Добавлено через 21 минуту Условия left+imgw<width и left+imgw<heidth не срабатывают, уходит за границы.
0
|
890 / 725 / 447
Регистрация: 13.07.2015
Сообщений: 2,277
|
||||||
11.07.2016, 16:21 | 6 | |||||
она не двигается потому что не заданы начальные координаты.
пропиши
0
|
11.07.2016, 16:21 | |
11.07.2016, 16:21 | |
Помогаю со студенческими работами здесь
6
Ограничение движения объекта с помощью hitTestPoint Ограничение движения объекта в заданной области и его запуск с силой по вектору Ограничение движения picturebox Ограничение движения камеры Искать еще темы с ответами Или воспользуйтесь поиском по форуму: |