Description of requirements/features: We require a developer who is skilled in HTML5 - HTML, CSS, JS and SVG to build an interactive floorpan from some adobe illustrator files we will provide. The end result should work something similar to this example http://tympanus.net/codrops/2016/04/13/interactive-3d-mall-map
But it will be used within an app called Showpad which can utilise html5. We have uploaded the example above into Showpad and it works fine. (https://help.showpad.com/customer/en/portal/articles/1819588-web-app-or-html5-files-guidelines?b_id=8536).
I have attached 3 images so you can see the three stages of interactivity we require. Note that on our version there is only one floor and we do not require it to rotate (the example I have supplied does rotate - we don't need this).
I have indicated below the 3 levels of interactivity required. It should make sense when you look at the images attached.
-Full illustration with the ability to click on each room
- When a room is clicked the others fade away and the selected room is shown bigger
- Room name and description appears
- Ability to click on certain elements/areas of the room
- When an element/area is selected it is highlighted and brief description appears
Create an account now and send a proposal now to get this project.Sign up
Clarification Board Ask a Question
yes, i've uploaded and tested the WebGL in showpad, but this wont let me put the link in here (rejected).
ok, well that example took a few hours last night with a couple of SVG images i had laying around. let me know.
so you mean something like this? http://ksl.96.lt/
so all the SVG assets are ready as components?
placement is guided by the jpegs on the spec?
all text descriptive items are ready and complete?
* what format are the images in currently?
* is each image (item like machinery) to be zoomable and a descriptive text be shown for each?
then i can cost this.
Are you in a rush or flexible on deadline?
How detailed are your floorplans and how much zooming do you want?
do you have the images seperately for the machinery, people, shelving etc., or are they all static images?
Have you thought about performing this in Unity3D?
what is your time frame and budget for this job?