powered by simpleCommunicator - 2.0.59     © 2026 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Перемещение изображения JQuery или чистый Js
11 сообщений из 11, страница 1 из 1
Перемещение изображения JQuery или чистый Js
    #39146667
Krokotun
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
В JS новичок.
Задача. На примере настольной игры шашки.
Есть изображение шашки. Надо перетащить его с одной клетки на другую.
При этом если "дроп" произошел над клеткой, куда нельзя сходить, то изображение надо бросить назад в исходную клетку.
Как реализовать это на JS примерно представляю.

Но. Посмотрел пример JQueryui - почти то, что нужно (скорость только поправил внутри самих исходников библиотеки, чтобы побыстрее анимировалось и не уверен правильно ли это править саму библиотеку-то или скорость анимации можно менять в самом js на странице?).
Вопросы такие:
1. Имеет ли смысл делать это именно с jqueryui? (плюс вижу в том, что библиотека работает на всех осн. браузерах, а типа при реализации на js могут быть нюансы, которые придется учитывать самому)
2. Если ответ на вопр.1 положительный, как например реализовать доп. позиционирование брошенной картинки (чтобы она встала не там где ее бросили, а еще немного подвинуть, условно, чтобы фишка встала по центру клетки, даже если ее бросили не совсем в центр)? Как-то переопределить обработчик jquery? Или типа добавить дополнительный обработчик?

Вижу еще вариант вообще идти не от драгдроп изображений фишек (т.е. обрабатывать не дроп фишки), а только mousedown mouseup самих клеток. ?
...
Рейтинг: 0 / 0
Перемещение изображения JQuery или чистый Js
    #39146965
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
...
Рейтинг: 0 / 0
Перемещение изображения JQuery или чистый Js
    #39147042
Krokotun
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
krvsa, спасибо, очень по теме, посмотрю. Ну и возможно, не JQueryui, а просто jquery.animate пригодится )
...
Рейтинг: 0 / 0
Перемещение изображения JQuery или чистый Js
    #39147192
Krokotun
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Еще вопрос возник. Может для подобной задачи лучше вообще использовать Flash? (с ним не знаком вообще правда)
Делать подобную игрушку в чистом html+js...
- страница получится немного громоздкой по-моему одно только игровое поле оформленное в виде таблицы уже изврат само по себе имхо
- приложение (во всяком случае его большая клиентская часть) получится быстро и легко копируемая же ), а не охота
- в отличие от Flash, практически нереально воткнуть векторную графику (хотя можно создать например три набора картинок разных фиксированных масштабов, svg - тяжелая неоптимальная штука имхо)
...
Рейтинг: 0 / 0
Перемещение изображения JQuery или чистый Js
    #39147521
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
...
Рейтинг: 0 / 0
Перемещение изображения JQuery или чистый Js
    #39148030
Krokotun
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
skyANA , спасибо интересно, в каментах в итоге все сошлись во мнении, что html5 еще далек от уровня Flash и хотя статья 2012 года, думаю, с тех пор мало что изменилось. В принципе игра уровня "шашки" думаю, вполне беспроблемно реализуется и на html5, т.к. никакой сложной анимации там нет и можно вообще обойтись без анимации.
Но посмотрю еще Flash что за зверь. Пока у меня представление, что в флэше можно делать мультики, вот как работает экшнскрипт особенно в плане взаимодействия с браузером, с html, js, http пока не представляю. Поищу.
...
Рейтинг: 0 / 0
Перемещение изображения JQuery или чистый Js
    #39148117
Krokotun
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
... Последние гвозди в крышку "гроба" флэша фига себе, но не верится, что canvas-ом в html5 делать игрушки удобнее ) если только через какие-то оболочки-движки имеющие IDE наподобие адобовского флэша.
...
Рейтинг: 0 / 0
Перемещение изображения JQuery или чистый Js
    #39148153
Krokotun
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
А вообще впечатлился однако
...
Рейтинг: 0 / 0
Перемещение изображения JQuery или чистый Js
    #39148160
Krokotun
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Все. Я уже почти влюбился
...
Рейтинг: 0 / 0
Перемещение изображения JQuery или чистый Js
    #39148217
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Flash is dead baby, Flash is dead.
...
Рейтинг: 0 / 0
Перемещение изображения JQuery или чистый Js
    #39148711
Фотография Изопропил
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Krokotunно не верится, что canvas-ом в html5 делать игрушки удобнее )
удобство разработки не будет иметь никакого значения, если в клиентском броузере приложение не запустится. вообще не запустится
...
Рейтинг: 0 / 0
11 сообщений из 11, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Перемещение изображения JQuery или чистый Js
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]