Interactive 3D Virtual Tour for the Web

We need a virtual tour made of 3D (360x360) images running in a web browser as a web app.

When one 3D image is loaded the user can look around by drag and drop or with the keyboards arrow keys. While looking around, the user will also see marked points in the 3D spherical image which are clickable so that they can transition to the next 3D image. That means there is a logic how the 3D images are connected together. There can be also other marked points in a 3D image that are info points. The info points are also clickable so that a small pop up window appears with information.

==> Here you have an example of what is meant: [login to view URL]

We would like / we suggest the following JS library: [login to view URL]

If you have any other and better libraries I am glad to hear about it.

Another software that we are currently developing will give us a JSON file that holds all the information like:

1) What is the starting image of the tour (given by unique name of the image).

2) When the current view is at any given 3D image, what other images are accessible from the current one and at what angles are the clickable marked points that will reach the next images.

3) For any given 3D image the position (two angles) of any info points that are clickable with the text for the popup window.

Once you have that JSON file and all the JPEG images this web app that you create with [login to view URL] needs to load the initial image in a web browser so that the tour can start. Currently we are using Ricoh Theta as our 3D image capturer. You can google it.

In order to check if you are reading this description in detail, I am kindly asking you to put the following random string "hmk-doe" at the very beginning of your proposal or in the title of your proposal. Thank you. Now let's get back to the story:

There are two modes:

Mode 1) The user can actively control the tour himself / herself by drag and drop or by pressing the keyboard arrow keys.

Mode 2) The user can't control anything. You provide javascript functions that we can use to update :

a) The angles of the view of the current 3D image. So basically where the user's view should point to in the current image

b) What the current 3D image is and which one should be loaded next

The javascript function in (a) that takes the two angles for the view of the current image should transition smoothly to the next angles and should not be a jerky movement.

IF possible we would like to have the transition from image to image (Mode 1 & Mode 2) in a smooth way. As an example:

[login to view URL]

One last info:

We'd like to run the virtual tour in an HTML DIV element so that we can put other elements on top of that. But there should be a full screen mode as well and for the full screen mode we still need to be able to put other DIVs somewhere in the screen.

Beceriler: Javascript, 3D Rendering, HTML5, CSS, jQuery

Daha fazlasını gör: virtual tour project, dubai virtual tour qtvr, virtual employees web design india, virtual tour clone, 3d max virtual tour, 3d virtual reality landscaper programme description, virtual tour project description, jerusalem temple 3d virtual animated tour, Autocad to 3D Virtual Tour, Publish virtual tour web files online, 3d virtual tour, 3d, virtual tour, 3d virtual tour house plans, 3d virtual tour software, 3d virtual apartment tour, 3d render virtual tour, unity 3d virtual tour tutorial, 3d rendering virtual tour, create 3d virtual tour, 3d virtual tour rendering

İşveren Hakkında:
( 6 değerlendirme ) Zurich, Switzerland

Proje NO: #20378349



"hmk-doe" This is a very simple project - we can use [login to view URL], it should do fine. There are also other options so that part is very simple. Personally i have used [login to view URL] and i liked it - a Daha Fazla

%selectedBids___i_period_sub_7% gün içinde 200%project_currencyDetails_sign_sub_9% %project_currencyDetails_code_sub_10%
(14 Değerlendirme)

Bu iş için 12 freelancer ortalamada $208 teklif veriyor


Hello to Switzerland, We can certainly provide you with beautiful 360° virtual tour design! We're using software Panotour pro for creating virtual tours. Please check one of our samples. We've designed whole interior Daha Fazla

$100 USD in 2 gün içinde
(70 Değerlendirme)

Hi This is Richa Reyya and I run a small studio in India. We are serving clients worldwide with passion and devotion. We have spent 13 years serving clients, we are one of the elite studios developing innovative Daha Fazla

$250 USD in 7 gün içinde
(107 Değerlendirme)

Hi. Thanks for the job posting. It's a pleasure to meet you and I have read your description. I am very familiar with photo sphere viewer using javascript. As a web expert. I have strong skills and experiences in web d Daha Fazla

$200 USD in 7 gün içinde
(29 Değerlendirme)

Dear Sir/Mam, I know your requirements perfectly & am able to finish your project on time & as per your requirement. We are just a conversation away to get started. Waiting for your response Regard, Sanjay Zalavadi Daha Fazla

$140 USD in 7 gün içinde
(45 Değerlendirme)

Hi, I have created programming on these project. [login to view URL] [login to view URL] [login to view URL] Let me know your views. Thanks & Daha Fazla

$300 USD in 8 gün içinde
(21 Değerlendirme)

Hi there, I have checked the details, I have rich experience with 3D Rendering, CSS, HTML5, Javascript, jQuery. Please initiate the chat so that we can discuss in detail.I am new to freelancer.com but I assure you tha Daha Fazla

$155 USD in 9 gün içinde
(2 Değerlendirme)

Yes, really this is a good question. You have seen many freelancers have applied in this project but the best one for this project should be the person who has previous experiences for the relevant skills. And I have b Daha Fazla

$250 USD in 7 gün içinde
(5 Değerlendirme)

hmk-doe Hi, I am an expert in 3D graphics with excellent math skills. Also as a hobby, I created my own professional-quality panoramic photos (I have special photographic equipment). I can dive deep into 3D algorithms Daha Fazla

$400 USD in 7 gün içinde
(2 Değerlendirme)

(GUARANTEED) I am Right Candidate for your Project. Hi! I am an expert in 3D visualization that tries to achieve satisfaction through visualization that I create. I have 18 years of experience in this field. My work i Daha Fazla

$300 USD in 7 gün içinde
(3 Değerlendirme)

Hello, I am a developer with 6 years' experience in .Net, WP, Magento, Magento 2 and Joomla. I am looking for customer collaboration for future. We always put reputation and quality first. You will never be disappoi Daha Fazla

$140 USD in 7 gün içinde
(0 Değerlendirme)

Dear Recruiter, I have gone through your project brief and feel confident about project with 100% satisfaction. I believe in original and quality work on your project. I am confident that i can exceed your expectations Daha Fazla

$60 USD in 7 gün içinde
(0 Değerlendirme)