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

Author MastaMan
Updated on April 4, 2023

Intro Part 8

This is Part 8 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

Loading screen

The final touch was left to bring our project to the ideal. Let's make a beautiful screensaver with animation during project loading.

Go to "Settings", then "Loading Screen" and click "+ Create Default". Enter the name "loading". Move the newly created "loading.js" file in the "Assets" panel to the "script" folder.

Edit the file "loading.js" remove all existing code, copy and paste the code above. Save your changes.

Run the project by pressing the "Play" button. Great, we have a stylish new loading screen. Cool!

I will not describe how the "loading.js" code changed, I will only say that in order to edit it, you need to have knowledge of "JavaScript", "HTML" and "CSS". If you have any questions about how to adapt the code to your needs, please contact me on Patreon.

Patreon - 3DGROUND

Conclusion

I make a video from a web browser, it turned out no worse than rendering an animation ????

The project turned out really cool, interactive gives new experience and impressions. Projects of this type certainly deserve their niche, since it is cheaper and easier than on Unreal Engine. You simply provide a link to the client and the interactive will work on desktop computers, mobile devices, TVs, Windows, Linux, iOS, Android, without any special software, wherever a web browser works.

Multiplatform and small weight of the project (only 40 MB) allows you to open the project even on weak devices with a poor Internet connection.

The main feature of Playcanvas is that several people can work on the project at the same time, available documentation, many examples of implementing various functionality and free 1 GB of space.

If you are interested in such tutorials, support me on Patreon!

Patreon - 3DGROUND

Well, now let's enjoy the result.