С Новым годом! Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 5.00/6: Рейтинг темы: голосов - 6, средняя оценка - 5.00
2 / 2 / 0
Регистрация: 22.02.2012
Сообщений: 66
Записей в блоге: 1

написание кода движения 1го обьекта внутри другого при помоши клавиш

06.04.2012, 08:08. Показов 1150. Ответов 3
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
надо сделать програму в JavaScript чтобы заданная мной картинка двигалась в зависимости от нажатых клавиш внутри другой картинки...(ну скажем w вверх и т.д)
ээх помогите как говорица кто чем может...с неделю искал по интернету, нечего даже блиского к теме не нашол... даже пару книг по языку купил и некак..ссобственно вы моя последняя надежда...
(былбы рад ссылкам на подробные статьи поданной теме и собственно самому коду....)язык изучаю недавно посему лучш пишите без сокрашений....заранее спс(((

Добавлено через 13 часов 11 минут
плиз ну хоть подскажите как сделать ограничение на движение 1го вне 2го...(1го рисунка запределами другого)
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
06.04.2012, 08:08
Ответы с готовыми решениями:

Инициализация обьекта внутри другого класса
Всем привет. Вообщем проблема такая. Есть несколько классов class WeaponType { }; class Swords : public WeaponType { }; ...

Движения обьекта и отскок при столкновении
В продолжении к моим предидущим темам, хотелось бы понять/узнать, как обрабатывается событие столкновения или сопрокосновения. Есть летящий...

Исключительный доступ обьекта к полям другого обьекта avr/c++
исключительный доступ обьекта к полям другого обьекта avr/c++ добрый день есть два обьекта Data & Math - Data - элемент...

3
 Аватар для Daredevi1
311 / 303 / 78
Регистрация: 09.05.2009
Сообщений: 723
06.04.2012, 14:15
Вот с блоками (на картинки я надеюсь сам сможешь заменить)
HTML5
1
2
3
<div id='wrapper'>
  <div id='movable'></div>
</div>
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
#wrapper {
    width: 300px;
    height: 300px;
    background: yellow;
    position: relative;
}
#wrapper > #movable {
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    height: 100px;
    background: black;
}
JavaScript
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
var curLeft = 0, curTop = 0, movable = document.getElementById('movable'), mWidth = movable.offsetWidth, mHeight = movable.offsetHeight, wrapper = document.getElementById('wrapper'), wWidth = wrapper.offsetWidth, wHeight = wrapper.offsetHeight ;
 
document.body.onkeydown = function(e) {
    e = e || window.event;
    var keyCode = e.keyCode || e.charCode;
    switch(keyCode) {
        case 38:
            if (curTop == 0) return false;
            curTop-=10;       
            break;
        case 40:
            if (curTop + mHeight == wHeight) return false;
            curTop+=10;
            break;
        case 37:
            if (curLeft == 0) return false;
            curLeft-=10;
            break;
        case 39:
            if (curLeft + mWidth == wWidth) return false;
            curLeft+=10;
            break;
    }
    movable.style.top = curTop + 'px';
    movable.style.left = curLeft + 'px';
}
http://jsfiddle.net/nJjpQ/8/
1
2 / 2 / 0
Регистрация: 22.02.2012
Сообщений: 66
Записей в блоге: 1
06.04.2012, 22:29  [ТС]
огромное спс...
а неподскажеш какую книгу с тематикой создания похожих программ можно купить..
0
2 / 2 / 0
Регистрация: 22.02.2012
Сообщений: 66
Записей в блоге: 1
09.04.2012, 19:29  [ТС]
ээх а как вместо ccs вставить svg не подскажеш а то я видимо туповат 2дня в разные коды вчитывался но так и не понял как делается а книг поданной тематики увы не нашол....+буду рад коду и ссылке на книгу...ну или хоть какому то намеку где можна мастерству создания игр и прочему поучица....
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
09.04.2012, 19:29
Помогаю со студенческими работами здесь

Написание функции для создания точек внутри куба и сферы: перевод кода из C++ в Delphi
Добрый день! В лабораторной работе мне дали задание - создать три трекбара и поместить тысячу точек внутри куба и сферы с кодом на C++: ...

PrestaShop Как реализовать замещение кода при активности другого кода?
В cms подгружается стандартный шаблон страницы в формате .tpl, но код этой страницы должен исчезнуть при появлении в коде активности...

Ошибка при написание кода с if else
Здраствуйте, при написании кода по формуле появляются ошибки на подобии error: ‘else’ without a previous ‘if’. Вот и сам код: #include...


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

Или воспользуйтесь поиском по форуму:
4
Ответ Создать тему
Новые блоги и статьи
Учёным и волонтёрам проекта «Einstein@home» удалось обнаружить четыре гамма-лучевых пульсара в джете Млечного Пути
Programma_Boinc 01.01.2026
Учёным и волонтёрам проекта «Einstein@home» удалось обнаружить четыре гамма-лучевых пульсара в джете Млечного Пути Сочетание глобально распределённой вычислительной мощности и инновационных. . .
Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост.
Programma_Boinc 28.12.2025
Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Налог на собак: https:/ / **********/ gallery/ V06K53e Финансовый отчет в Excel: https:/ / **********/ gallery/ bKBkQFf Пост отсюда. . .
Кто-нибудь знает, где можно бесплатно получить настольный компьютер или ноутбук? США.
Programma_Boinc 26.12.2025
Нашел на реддите интересную статью под названием Anyone know where to get a free Desktop or Laptop? Ниже её машинный перевод. После долгих разбирательств я наконец-то вернула себе. . .
Thinkpad X220 Tablet — это лучший бюджетный ноутбук для учёбы, точка.
Programma_Boinc 23.12.2025
Рецензия / Мнение/ Перевод Нашел на реддите интересную статью под названием The Thinkpad X220 Tablet is the best budget school laptop period . Ниже её машинный перевод. Thinkpad X220 Tablet —. . .
PhpStorm 2025.3: WSL Terminal всегда стартует в ~
and_y87 14.12.2025
PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .
Как объединить две одинаковые БД Access с разными данными
VikBal 11.12.2025
Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.
Новый ноутбук
volvo 07.12.2025
Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro
Музыка, написанная Искусственным Интеллектом
volvo 04.12.2025
Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .
От async/await к виртуальным потокам в Python
IndentationError 23.11.2025
Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .
Поиск "дружественных имён" СОМ портов
Argus19 22.11.2025
Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru