Interactive 3D Virtual Tour for the Web

Lengkap Disiarkan 4 tahun lepas Dibayar semasa penghantaran
Lengkap Dibayar semasa penghantaran

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.

JavaScript Kemasan 3D HTML5 CSS jQuery

ID Projek: #20378349

Tentang projek

11 cadangan Projek jarak jauh Aktif 4 tahun lepas

Dianugerahkan kepada:

StanMarinov

"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 Lagi

$200 USD dalam 14 hari
(16 Ulasan)
4.8

11 pekerja bebas membida secara purata $214 untuk pekerjaan ini

reyyaricha

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 Lagi

$250 USD dalam 7 hari
(110 Ulasan)
6.9
idragon712

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 Lagi

$200 USD dalam 7 hari
(34 Ulasan)
6.6
sanjaypatel2

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 Lagi

$140 USD dalam 7 hari
(45 Ulasan)
5.9
santoshm143

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 Lagi

$250 USD dalam 7 hari
(19 Ulasan)
5.4
Capineiro

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 Lagi

$400 USD dalam 7 hari
(5 Ulasan)
4.0
inaamsandhu

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 Lagi

$60 USD dalam 7 hari
(0 Ulasan)
0.0