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

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

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


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