Web designing | SoloLearn: Learn to code for FREE!

+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

8/26/2018 3:39:35 PM

Rstar

13 Answers

New Answer

+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

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

+1

P5.js and WebGl https://m.youtube.com/watch?v=6TPVoB4uQCU and "The Coding Train" in general

+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

+1

+1

You can do it with CSS transform properties and Js

+1

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

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

0

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

0

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

0

I am interested to learn C#

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.

0

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