Web designing

Question

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

Answer 1

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

Answer 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.

Answer 3

P5.js and WebGl

https://m.youtube.com/watch?v=6TPVoB4uQCU

and "The Coding Train" in general

Answer 4

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

Answer 5

🙂

Answer 6

You can do it with CSS transform properties and Js

Answer 7

Is it possible to learn a bunch of languages and memorizing then at all times?

Answer 8

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

Answer 9

Muhammad Junaid I think the best is to understand their concepts. Memorising is not recommended.

Answer 10

Could you help me to clear my misconception regarding programming languages.

Answer 11

I am interested to learn C#

Answer 12

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.

Answer 13

hey guys this is my new web design(7 wonders) cilck the link to see -
https://code.sololearn.com/Wfudhkkq6239/?ref=app