+ 11

Web designing

How to create 3D visualizations and embbed it in a website just like the website link given below https://www.emirates.com/english/experience/seating/3d-seatmap/ What all software's and requirements needed for this? Any help is appreciated . Thank you in advance

26th Aug 2018, 3:39 PM
Rstar
Rstar - avatar
13 odpowiedzi
+ 9
It's html canvas. The image is similar that was taken with 360 camera It looks like this https://video.360cities.net/aeropicture/01565919_PrimeTower-1024x512.jpg?update_cache=548959 Only small area of the image is shown at a time. When you move your cursor it also moves the image. You're basically dragging the image. https://code.sololearn.com/WUQlxqo7hLH0 https://img.alicdn.com/bao/uploaded/TB1Wo69SXXXXXcmaXXXXXXXXXXX.jpg
26th Aug 2018, 4:34 PM
Toni Isotalo
Toni Isotalo - avatar
+ 2
Well, this is a 3d model, (which you can generate with any 3D modeling tool like Maya or Blender, and then go to a process where you can export your spatial points in a format like JSON so hat it can be consumed by your application) and this model have a camera at the middle, as well as some restrictions around mouse events. Then you can create a canvas in your HTML Document ant then use something like Babylon.Js and WebGL to place an render your model, materials, and make pretty cool stuff.
27th Aug 2018, 4:55 AM
Daniel Lozano Navas
Daniel Lozano Navas - avatar
+ 1
P5.js and WebGl https://m.youtube.com/watch?v=6TPVoB4uQCU and "The Coding Train" in general
27th Aug 2018, 7:20 AM
Anton Böhler
Anton Böhler - avatar
+ 1
you can do it with Bootstrap very easy!just you should learn carousel class for create a slideshow and for shadow you can rotate the image 180 deg also for effects you can use opacity our blur effect
27th Aug 2018, 9:03 AM
Mugdho Mahathir
Mugdho Mahathir - avatar
+ 1
🙂
27th Aug 2018, 12:16 PM
Victoria Ulyanova
Victoria Ulyanova - avatar
+ 1
You can do it with CSS transform properties and Js
6th Jan 2020, 3:58 PM
Mwikisa Kapesa Lufungulo
Mwikisa Kapesa Lufungulo - avatar
+ 1
Is it possible to learn a bunch of languages and memorizing then at all times?
3rd Mar 2020, 2:30 AM
Muhammad Junaid
Muhammad Junaid - avatar
0
you can do it with Bootstrap very easy!just you should learn carousel class for create a slideshow and for shadow you can rotate the image 180 deg also for effects you can use opacity our blur effect
26th Aug 2018, 7:28 PM
Alireza
Alireza - avatar
0
Muhammad Junaid I think the best is to understand their concepts. Memorising is not recommended.
4th Mar 2020, 12:31 PM
Mwikisa Kapesa Lufungulo
Mwikisa Kapesa Lufungulo - avatar
0
Could you help me to clear my misconception regarding programming languages.
4th Mar 2020, 2:00 PM
Muhammad Junaid
Muhammad Junaid - avatar
0
I am interested to learn C#
4th Mar 2020, 2:00 PM
Muhammad Junaid
Muhammad Junaid - avatar
0
A programming language is enough for a job? Or need more stuff. I am a Computer science student. I know many things on the computer or I can get a good job just having c# programming language.
4th Mar 2020, 2:02 PM
Muhammad Junaid
Muhammad Junaid - avatar
0
hey guys this is my new web design(7 wonders) cilck the link to see - https://code.sololearn.com/Wfudhkkq6239/?ref=app
14th Apr 2020, 4:36 AM
Gulshan Aggarwal
Gulshan Aggarwal - avatar