Code

3D Mall/Airport/Cruiseship Directory

3D Mall/Airport/Cruiseship Directory

3D Mall/Airport/Cruiseship Directory Website Template

In movie Star Wars, robot R2-D2 showed Jedi the 3D path to the top of the battle space ship to rescue Senator Palpatine. In this website app, we did the same thing. If you give R2-D2 a browser and add the store name into the URL (e.g. http://mysite.com?search=201), R2-D2 will show you the path to the store in a browser! If R2-D2 can search according to your words like Siri, then R2-D2 can automatically create a URL (e.g. http://mysite.com?search=201) and show you the path in a browser.

This 3D Mall/Airport/Cruiseship Directory Website is for customers to find their way to the expected store in a multi-floor building. Blender is used to create the 3D model of the mall. Three.js is used to move the 3D model.

It can be easily integrated into your existing website. It used html, jQuery, Blender and Three.js. So it can be easily added to a PHP/C#/Java/Python/Node.js/Wordpress website and any other websites.

It’s a responsive website. You can access the website from your cellphone and get a great look of the web page.

You need to create your own mall/building/cruiseship’s 3D model using Blender or other software. If you need us to make the 3D model for you, make a comment including your email address and/or phone number. Then we will get an email about your message. Thanks.

The store name and label content are saved in the data.json file. You can change these values accordingly.

You need a web server such as IIS, Apache for the 3D model to work. If you use Mac, please visit this URL to learn how to set up a web server: https://www.lifewire.com/use-your-mac-to-share-web-site-2260400

The preview does not enable most important features. Since it’s written in javascript, if I enable most important features in the preview/demo, then you do not need to buy it. Do you know what I mean?

youtube video: https://www.youtube.com/watch?v=TTMunw4DlRg&feature=youtu.be

demo: https://threejsdirection.herokuapp.com/

Put your search string into the URL: https://threejsdirection.herokuapp.com/?search=107



documentation page: https://threejsdirectiondocumentation.herokuapp.com

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve CodeCanyon.

Sure, take me to the survey