Author: MastaMan
Date: April 10, 2023
Updated on: July 25, 2023
You are reading part: 1 2 3 4 5

Introduction

This is the final part of 5 of 5 series of lessons on adding interactivity to the SVOYA Apartment interior.

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

Patreon

View the Playcanvas project online.

View Playcanvas Project Online



Improvement loading.js

loading screen svoya
Loading...

I improved the "Start Screen" and made some changes, for example:

  • The name of the project now adapts to the screen size;
  • For the Desktop version, you can show the control buttons (W, A, S, D, Mouse);
  • For the Mobile version, the control buttons are hidden automatically;
  • Added some settings to control the font size, hide the second line of the project name, etc.;
  • Optimized the code;
  • And other minor changes.

Script "loading.js".



Add the script to the project, replacing the old one. Open the script by double clicking on it.

Now some settings are moved to the top of the script. For example, you can change the name of the project “projectNameLine1” and hide the second line with the name, leaving the value “projectNameLine2” empty.

loading js settings
Loading...

“fontWidth” and “controlsSize” are responsible for the size of the text and the picture with the control buttons.
And with the help of “showControlsUsage” you can completely hide the picture of the control buttons by setting it to “false”.

Note that “vw” values ​​are a percentage of the width, for example “10vw” is 10% of the screen width.
And “vh” is a percentage of the height, for example “8vh” is 8% of the screen height .

If you need help editing this script, please contact me on Patreon.

Patreon

You can see the result of the work done at the link.

View Playcanvas Project Online



Conclusion

At the end of the SVOYA Apartment series of lessons, we would like to express our gratitude to all our students for their perseverance and creativity in creating amazing interiors. We are sure that our lessons have helped you to reach your potential and learn how to create levels of any complexity.

What's more, you can now use our project as a template to create your own incredible interior visualization projects. We hope you enjoyed our series of tutorials and wish you continued success in your creative endeavours!

Patreon subscribers will be able to view the SVOYA Apartment project in read mode, as well as quickly copy-paste the necessary assets and scripts into their personal project.

For everyone else, you will find everything you need on the page of this lesson.

Patreon


You are reading part: 1 2 3 4 5
{{commentsMsg}}
  

No one has posted a comment yet
{{comment.lastname}} {{comment.name}} {{comment.date}}
{{comment.text}}
Sponsored content