3D house facade configurator

The choice of building and finishing materials on the market is so great that many customers are simply lost in the mass of options offered by developers. One of the most popular building materials today is a foam block, which requires further finishing. And here fantasies have where to disperse, because there are a huge amount of facade materials for decorating walls from a foam block. If your company is engaged in the construction of turnkey country houses, you probably wondered how to attract potential customers by visually showing them the appearance of their future home.

The photographs convey only the general impression, but each client wants to see exactly how his house will look after finishing the finishing work. And you, as a performer, probably want to give clients the opportunity for this – and receive a ready-made order for a miscalculation from them. All this allows you to create a special web application – a 3D configurator for finishing a country house. The application runs in a browser, so it works correctly on all devices with Internet access – smartphones, tablets, desktops. Due to the fact that 3D graphics are well optimized and processed on the client side, the requirements for the Internet connection are low, the configurator is also launched with the mobile Internet.

With the help of the 3D configurator, the user can easily set all the elements of the exterior style of the house, which will be automatically added to the estimate and sent to your managers for calculation. For example, the facade configurator might work like this. To begin with, the user chooses his own from the available options for houses, or sets his plan on his own, if the project is individual. It is advisable to use the second option for construction companies that offer customers construction according to individually designed layouts.

In this case, the user of the configurator can specify all the walls of the house in a two-dimensional constructor, simply by drawing lines, then set the number of storeys and height of the house, the type of roof (gable, four-slope, flat, etc.). After that, it remains only to designate windows, including dormer ones, and doors. Another opportunity for you as customers of the facade configurator is to enable users to open the project file in the wall constructor. In this case, the individual model will be immediately added to the configurator interface.

The next step is wall design. The user of the configurator can choose the finishing material – for example, plaster, paint, siding of various options (wood, brick, etc.), as well as boarding and other options. Then, for each of the options, you can choose the options suitable for it – for example, add refractory impregnation to the boards, select the color and texture for siding, and a drawing for plaster (stone, brick, smooth).

Then you can install the material for the roof – metal tiles, bituminous tiles, flexible slate and other options available to you. For each of the materials, a choice of colors and other options, if any, are also available – for example, tile size, installation style, etc.

The final touch is the design of the carpentry, that is, doors and windows, as well as various elements such as drains, decorative grilles, railings and so on. All this can also be in a wide range – the user simply clicks on the option he is interested in, and it is added to the three-dimensional model displayed on the screen.

Of the additional options that are not displayed on the three-dimensional model, but are very important for the future home and can be included in the configurator, it is worth noting insulation, facade ventilation, laying of anti-icing wires, wiring and other communications. You can add the hints option to your configurator so that the client doesn’t forget about these little nuances.

Now it is very important to see how the project will look in different lighting options – for example, in the configurator, you can provide for the option of winter light, when the sky is overcast, and summer, with direct sunlight. It is also possible to add various options for artificial lighting. In addition, the environment plays a role – the user can set how the house will look when there is greenery around or, conversely, there is snow, how the house looks like during rain and in dry weather.

The facade configurator uses WebGL technology, which allows you to implement 3D graphics directly in the browser using the HTML5 markup language. JavaScript is used for programming, which is also processed in the browser. The Three.js and Babylon.js libraries help speed up and simplify the development process while expanding the capabilities of the Facade Configurator. 3D models are created and edited in 3DS Max, a program that allows you to draw 3D models and define lighting and textures. The blend4web and Photoshop software package is also used.

Using the facade configurator is a great solution for construction companies that want to attract new users and provide them with a high level of service. The client can immediately send the project created in the configurator to the manager for calculation and approval. The ability to create your own architectural projects almost from scratch and see how the future house will look in detail is highly appreciated by potential clients of construction companies. And AVADA MEDIA is ready to develop such a configurator in accordance with your requirements, as well as support its operation in the future.