Interactive presentation of SVOYA interior (WebGL/PlayCanvas). Part 7.

Index

This is Part 7 of a series of tutorials on creating an interactive SVOYA interior with WebGL/PlayCanvas.

For those who haven't read the previous parts, here's a demo video.




In this series of tutorials, we will make an interactive interior presentation that can be viewed in real time through a web browser.

Access to materials, such as: models in the "FBX" format, baked textures and more, you can get by subscribing to Patreon.

Patreon - 3DGROUND
For materials that will have specular highlights, you will need to apply a little trick, otherwise, due to self-luminous materials, they will not be visible. Considering that we cannot have any lighting in the scene for such materials, a special approach is needed.

The main trick is if we need to make reflections in the material:

First of all, I threw the baked texture into Photopea (Photoshop), and brought it to such a look as in the picture. This will be our "Specular" map.Everything is the same as for Basin, except:

Everything is the same as for Basin, except:

Similar to previous posts:

Material with "ID": 1 is left as it is, for glass material "ID": 2, the following settings."ID": 1 do not touch, for "ID": 2, the settings are below."ID": 1 settings."ID": 2 settings.Here we will simply make a transparent material.In this part, we are done with setting up the materials. All other materials not specified in this part are left by default. You can already start the project by clicking the "Play" button and enjoy the result. But, in the next part, we will add the final touch, a beautiful splash screen when loading a project with animation.

Go To Lesson Interactive presentation of SVOYA interior (WebGL/PlayCanvas). Part 8.


Go To Lesson Interactive presentation of SVOYA interior (WebGL/PlayCanvas). Part 6.

{{comment.text}}