CODEWITHSUNDEEP
htmlcanvasweb3dwebgl
Shaharyar
Shaharyar

Reputation: 12459

Embed interactive 3d in Website

I have to develop a website of a residential building project. The client asked me to embed an interactive 3D view of the model project into the website. The model must be interactive and all available flats color different from the already booked flats. And on hovering the mouse on it, the details will be fetched from the database and will be displayed outside the 3D view.

Thats the whole scenario. Now I need some guidance or an starting point that which 3d library should I use. Because it must be compatible with all major desktop and mobile browsers and no external plugin required.

I have searched on Google and found some libraries:

  1. WebGL
  2. three.js

But I don't know which one will be suitable for the project. If any other most supportable library exists, please inform me. Or just give me a way to start.

Upvotes: 1

Views: 1908

Answers (1)

LJᛃ
LJᛃ

Reputation: 8153

WebGL itself is not a library, its the technology that is used by libraries like three.js etc. Without any knowledge on 3D programming you should take a library like three.js or microsofts babylon.

it must be compatible with all major desktop and mobile browsers

WebGL is not supported by IE < 11 and also the only mobile browser that supports webgl is chrome on android that just recently became the standard browser on android >= 4.4 (KitKat) so has a rather low coverage.

Also (stock)iOS has no app supporting webgl.

Upvotes: 1

Related Questions