I am looking for a web-app where by, I can have a 360 degrees view (rotations) of a product like a smartphone and be able to select a color and view the device in that color as well as other customizations.

This will be developed with mobile compatibility in mind throw a responsive UI in which compatible plugins/applications would greatly be appreciated.

How can I achieve this?

  • Do you want a JavaScript/HTML library to integrate into your website, or a full webapp?
    – Nicolas Raoul
    Jul 10 '18 at 8:21
  • @NicolasRaoul I am looking for a way to integrate customizable 3D product models into a webapp that I want to create. Jul 10 '18 at 10:19
  • Customers should be able to rotate the product I guess? Must it work on smartphones too? (no mouse)
    – Nicolas Raoul
    Jul 11 '18 at 1:36
  • @NicolasRaoul Yes, rotations should be allowed and the site will be responsive. Jul 11 '18 at 2:23
  • Please edit your question to add this vital information, thanks! Comments will be deleted.
    – Nicolas Raoul
    Jul 11 '18 at 2:36

Blend4Web is a plugin for Blender 3D modelling tool that allows exporting models to web formats for viewing in a web browser or integrating into a websites.

It can export in fully self contained HTML file or json format for embedding with a standalone player.

It is frequently used for product visualization and customization, and can be configured to allow material and color changes

All this can mostly be achieved with a a fully GUI workflow through Blender interface. There is a node-based logic editor for controlling basic actions and interactivity without the need for coding. For more advanced features scripting will be required, you can achieve further customization through scripting in JavaScript language.

Verge3D is a similar application (possibly forked from the former) that allows for equivalent functionality compatible with both Blender and Autodesk 3DS Max.

Have in mind that this are full authoring tools to create your own 3D models and applications from scratch; and will require investing time and effort to learn the tools. These are not deploy-ready shopping apps, pre-made product models nor ready to use asset customization templates.

  • 1
    Would you mind posting a screenshot showing an example of resulting HTML (product + controls) produced by Blend4Web? Thanks!
    – Nicolas Raoul
    Jul 11 '18 at 1:59
  • Controls are mostly absent, with a minimal approach to UI. Other than that color pickers and customization tools are user created, so appearances will vary Jul 11 '18 at 2:29

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.