Display controlable 3D (obj) models on a website

javascript html .obj
Albert MN. picture Albert MN. · Nov 12, 2015 · Viewed 8.3k times · Source

I am wanting to add a 3D OBJ Model on a website, but I have absolutely no clue how to - google searches gives me options for in-browser games, but not this.

I basically just want a model that can be turned around with the mouse. Just like Microsoft's page for Surface. http://www.microsoftstore.com/store/mseea/da_DK/pdp/productID.300225600

Answer

GeniusCD picture GeniusCD · Nov 12, 2015

You are looking for WebGL ... there is a lot of websites that offers to view 3D objects directly into browser, such as https://sketchfab.com/ or https://p3d.in/.

in Microsoft website they are using a image based plugin that simulate the product rotation, you have to take a 360 degree pictures and upload them into your hosting so that plugin work. I recommand to use a 3D model instead, in addition its supported on mobile

have a look at http://www.x3dom.org/, https://playcanvas.com/ (its not related but it'll do the job) hope this helps :)

Related questions

How do I check whether a checkbox is checked in jQuery?

I need to check the checked property of a checkbox and perform an action based on the checked property using jQuery. For example, if the age checkbox is checked, then I need to show a textbox to enter age, else …

Read More
How can I change an element's class with JavaScript?

How can I change the class of an HTML element in response to an onclick or any other events using JavaScript?

Read More
Which "href" value should I use for JavaScript links, "#" or "javascript:void(0)"?

The following are two methods of building a link that has the sole purpose of running JavaScript code. Which is better, in terms of functionality, page load speed, validation purposes, etc.? or function myJsFunc() { alert("myJsFunc"); } <a href="javascript:…

Read More