تعديلات على برنامح Three.js

بوجد مشروع three.js floorplan

http://34.195.158.181/dig...

يوجد خاصيتين رئيسيتين:

1 تحريك الrack عن طريق الdragging

2 التفاف الrack عن طريق الrotating

كلا الخاصيتين تعملان بشكل ممتاز

الfloorplan هو عبارة عن grid من مجموعه tiles. ستجد عن الضغط على rack انه عاليسار سيظهر الtile الذي موحود عليه الrack

نريد حصر هذه الخاصيتين بحيث ان الRACK يعمل كالتالي:

1 عند الdragging يجب فقط السماح لرمي ال rack على tile رئيسي فعند نقل الراك سنقوم بتظليل الtile او الخانه التي سيتم اسقاط الراك عليه بحيث يعرف المستخدم ماهي الخانه التي سيرمي عليها

2 حاليا يوجد سهم عند اختيار الراك يسمح بتدوير الراك. نريد تغييره بحيث انه الراك فقط يدور في اربع اتجاهات وهي جواني الخانة فقط. فبالتالي نريد اربع اسهم على جوانب الراك و عند الضغط على السهم يتم الضغط على السهم يتم وضع الراك باتجاه السهم

3 الcollision عند وضع الراك وتدويره يجب ان نتأكد انه لا يوجد تضارب مع objects اخرى. الcollision حاليا يعمل بالتالي نريد ان نظهر pop جانبيه تخبر المستخدم انه لا نستطيع تنفيذ العملية ويجب ترك الراك على وضعيته الأوليه

الخبرة يجب ان تكون بالjavascript والthree.js