Drag-and-Drop в JavaScript

Drag-and-Drop в JavaScript. Пример функционала.

Drag-and-Drop в JavaScript

Когда я только начинал свой пусть в веб-программировании, меня очень заинтересовал потенциал языка javascript. Так сложилось, что как раз мы, своей небольшой командой, пытались создать браузерную игру на основе компьютерной игры S.T.A.L.K.E.R. Планировалось максимально погрузить игроков в атмосферу этой замечательной игры.

Было придумано много интересных функций, одна из которых инвентарь игрока, где он может просматривать своё вооружение, амуницию, вещи и т.д. Для реализации задуманного я обратился к javascript. По аналогии с компьютерной игрой очень хотелось перетаскивать предметы, управлять ими. В JS с этим мне помог Drag’n’Drop – это возможность захватить мышью элемент и перенести его. В современном стандарте HTML5 есть поддержка Drag’n’Drop при помощи специальных событий. Пример реализации предлагаю посмотреть в прикреплённом видео.

Демонстрация "бета" версии экипировки нового сайта по вселенной S.T.A.L.K.E.R.

Конечно, это была только "бета" версия, но уже и она приковывала внимание к нашему проекту.

Просмотров

44 просмотра

Подписывайтесь
Дата

27 февраля в 22:56