Implementing Collision Prevention for Objects in a JavaScript Plugin

A local organization offers different facilities for rent to the public for special occasions, like wedding receptions and business-related events. Previous students created a JavaScript plugin that allows users to create custom-made floorplans online. This is done by a “drag-n-drop” menu, in which users can arrange tables and chairs on a floorplan of their choice to meet the needs of their special event. Also, previous work on this plugin included creating “non-drop zones,” which prevents users from dropping objects on walls and fireplaces. However, there was nothing to prevent the furniture from colliding and overlapping.

After researching and testing, the solution to this problem was JQuery’s UI Draggable Collision (UIDC) plugin. Over 4500 lines of code were reviewed and dissected, and the UIDC solution was successfully implemented in the code. Now, objects in the floorplan are prevented from colliding. A second task was to insert newly-designed images into the code of the plugin, which was also accomplished.

Project Student: Thomas Wilson