Showcase your products in the most realistic way possible! Boost your sales effortlessly! Have your products presented in full HD images! Showcase wallpapers, flooring, outdoor decoration and other. Pure Javascript. No jQuery. No flash. The fastest and easiest integration ever!

About

Decorator 5D is the most convenient means to try wallpapers and flooring in 3D HD view.

Decorator 5D is a simple tool to embed on a website as a white-label solution. It allow visitors to try wallpapers and flooring in demo rooms in 3D HD and then buy items online.

Examples

Widget

<script src="https://decorator5d.com/api/decorator5d-2.0.js"></script>
<script>
var decorator = new Decorator5D({
    lang: 'en', // language (en, ru)
    width: 700, // width (for best results use 4:3)
    height: 525, // height
    scene: 'cabinet2', // default scene
    material: 'https://planner5d.com/m/t/wallp_15.jpg' // default material
});
</script>

JavaScript API

<script src="https://decorator5d.com/api/decorator5d-2.0.js"></script>
<script>
var decorator = new Decorator5D({
    hideToolbar: true,
    width: 600, // width (for best results use 4:3)
    height: 400, // height
    scene: 'livingroom2', // default scene
    material: 'https://planner5d.com/m/t/wallp_14.jpg' // default material
});
</script>

Change material

decorator.setMaterial( 'https://planner5d.com/m/t/wallp_45.jpg' );

Change scene

decorator.setScene('bathroom2');

URL API

<img src="https://r1.decorator5d.com/render/?scene=bathroom2&material=https://planner5d.com/m/t/tile_2_1.jpg">

Documentation

Create widget

var decorator = new Decorator5D({
    scene: 'cabinet',
    material: 'https://planner5d.com/m/t/wallp_14.jpg',
    hideScenes: false,
    hideToolbar: false,
    shareUrl: 'https://decorator5d.com',
    lang: 'en',
    container: false,
    width: 600,
    height: 400
});

scene (string)
scene name, default "livingroom2"

material (string)
correct url to material image (jpeg, png)

hideScenes (boolean)
hide scene name and scenes list, default "false"

hideToolbar (boolean)
hide top toolbar, default "false"

shareUrl (string)
url for sharing image, default "https://decorator5d.com"

lang (string)
UI language, default "en"

container (string)
html element id, default "false"

width (integer)
widget width, default 880

height (integer)
widget height, default 660

Methods

decorator.setScene(sceneName); (string)
change scene

decorator.setMaterial(materialUrl); (string)
change material

Direct URL

<img src="https://r1.decorator5d.com/render/?scene={string}&scale={0.5|1|2}&material={string}">

scene (string)
scene name

scale (enum)
0.5 - 480x360
1 - 960x720 (default)
2 - 1920x1440

material (string)
correct url to material image (jpeg, png)

Scenes list

bathroom2
bathroom3
bedroom
bedroom2
cabinet
cabinet2
cabinet3
childroom
childroom2
kitchen
kitchen2
livingroom
livingroom2
house

Contact us

hello@decorator5d.com