Interactive 3D Experiences & Augmented Reality - no app install required Questions

A: The p3d.in JavaScript API lets you control and customize your embedded 3D models in real time—perfect for creating a customizable product display on your Shopify store. You can use the API to update materials, swap textures, adjust colors, and even trigger animations based on user input. For example, when a customer selects a different color or texture on your product page, you can call a method like setMaterialProperty (or a similar function provided in our API) to update the model immediately without needing to reload the page.

Here’s a rough outline of how you might approach it:

Embed Your Model:
Use the provided iframe embed code to include your p3d.in model on your Shopify product page.

Integrate the API:
Include our JavaScript API script on your page. This script lets you interact with the 3D viewer from your own code.

Capture User Input:
Build a UI (like color pickers, texture selectors, etc.) that lets customers choose their preferred options.

Update the Model Dynamically:
When a user makes a selection, use the API functions to update the model. For instance, if a user picks a new color, you’d call something like:

viewer.setMaterialColor('materialName', '#FF0000');

(Refer to the API docs https://p3d.in/faq for exact method names and parameters.)

Additional Customization:
You can also update other properties such as textures or even trigger custom animations via the API, making the experience interactive and engaging.

For more detailed instructions and examples, check out our FAQ page at p3d.in/faq. There, you’ll find code samples and video tutorials that walk through common use cases like this. If you’re new to 3D development, you might consider working with a developer or exploring our support resources to help you get started.

This approach gives your customers a fully interactive way to explore different configurations of your product, enhancing their shopping experience right on your Shopify store.

You can see more and some tutorial videso here: https://p3d.in/b/

A: Yes, absolutely. You can use p3d.in to showcase a 3D floor plan of your property and then simulate changes like new flooring in the kitchen or bathrooms. The process would involve converting your original floor plan into a 3D model (using your preferred CAD software) and then importing that model into p3d.in. Once it's there, you can apply different textures or materials to see how various options look in real time—both on-screen and in augmented reality. This can be a great way to help clients visualize renovation possibilities before any work begins.

A: Yes, that is correct!

A: Yes, it does. All compatible 3D models uploaded and hosted on p3d.in are immediately available in Augmented Reality, so you can put up a QR code that will immediately launch a product in AR that you can then place on the shop floor and walk around it, etc. We have many customers using this for all sorts of retail purposes spanning from home improvement to luxury goods and clothing.

A: Yes, hotspots are included in the pricing - even if you just buy a single code.