We use cookies to ensure that we give you the best experience on our website. If you continue to use this site we will assume that you are happy with it.

Ok, I Agree

Preloader between scenes – approach not working, need assistance

Home › Forums › General Questions › Preloader between scenes – approach not working, need assistance

Tagged: , , ,

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • 2022-06-03 at 5:05 am #52630
    gdoes
    Participant

    Hi guys and gals!

    So, I tried to figure out how I can display a pre-loader between scenes.
    Naively I reproduced the puzzles from the “Load Unload” example project and copied the CSS code over to my project.

    Of course it wouldn’t work in the first place. ;-)

    The “transition” in between the scenes is still a black screen. Currently loading/unloading is triggered by a click on an object – does it make a difference?

    I tried to find a simple tutorial on loaders for in-between scenes but to no avail.

    My question is, can anybody give me a simple rundown on how to get anything in between my scenes.

    What is the most foolproof approach? I just cannot figure out how to even get a simple graphic or text in between loading scenes – and that would be enough for starters.

    Kind Regards
    Gerulf

    >>>>>
    https://www.gdoesinger.at
    Take-Off? Ready when you are!

    2022-06-03 at 6:22 am #52631
    xeon
    Customer

    You can use clicking on a object vs an HTML/CSS object.

    Using the load/unload demo as a sample you can create an object on click event and copy the existing HTML on click event puzzles into it and the object will work…in this example, I used the white wall called “Plane”.

    Depending on what you want to use as your animation/transition between scenes…you can do this in 3D as long as those objects are a part of the main scene or you can do it via HTML as this demo does.

    If you go this route you would remove many of the HTML brown puzzles with dictionary or lists info to fill out the text instead of reading it in from the HTML window.

    Attachments:
    You must be logged in to view attached files.

    Xeon
    Route 66 Digital
    Interactive Solutions - https://www.r66d.com
    Tutorials - https://www.xeons3dlab.com

    2022-06-03 at 6:32 am #52634
    gdoes
    Participant

    Hi xeon!

    Thanks for the quick reply. So, it doesn’t make a difference if its an object or HTML element, right?

    “…you can do this in 3D as long as those objects are a part of the main scene”

    Does this mean, that if I load a new GLTF-file and the main scene is unloaded I won’t have a preloader on return?
    If yes, that’s strange because the Load-Unload demo does feature a loading bar when replacing GLTFs.

    Or do i misunderstand the process? Where do I go wrong? :unsure: :scratch:

    >>>>>
    https://www.gdoesinger.at
    Take-Off? Ready when you are!

    2022-06-03 at 7:22 am #52636
    Mikhail Luzyanin
    Staff
    gdoes wrote:

    If yes, that’s strange because the Load-Unload demo does feature a loading bar when replacing GLTFs.

    Load-unoad has independent loading bar for loading additional gltf files, this bar HTML elements created manually. Better not to use mesh objects inside the scene as preloaded bar because when you loading additional gtlf file main app usually freeze so this bar will not work. Use HTML layout for creating loading bars.

    Co-founder and lead graphics specialist at Soft8Soft.

    2022-06-03 at 7:42 am #52637
    gdoes
    Participant

    Ah, ok, so you thought I’d like to use a mesh as loading bar. This wasn’t what I was aiming for: I’d very much just want a simple HTML-loading-bar. :) But good to know meshes could be adjusted like this.

    Could you point me to a simple solution that allows me to just display a graphic or anything else in between loading scenes? It would be of great help so I understand the process of how to even get a loading message.

    And again thanks for your quick reply! :good:

    >>>>>
    https://www.gdoesinger.at
    Take-Off? Ready when you are!

    2022-06-03 at 2:00 pm #52648
    Mikhail Luzyanin
    Staff

    Here’s old but still usefull tutorial.

    Co-founder and lead graphics specialist at Soft8Soft.

    2022-06-03 at 2:29 pm #52651
    gdoes
    Participant

    Ok, thanks. I had a few looks at the tutorial, but I have now way to figure out how I can set any preloader in between scenes.

    What is the most straight-forward way (aka logic) to just have a static image in between loading from one GLTF to another.

    >>>>>
    https://www.gdoesinger.at
    Take-Off? Ready when you are!

    2022-06-03 at 3:17 pm #52652
    gdoes
    Participant

    Ok, I figured out the simplest way.

    For now the logic in the screenshot attached gives me a solid static loading-bar (standard loader) in between the loading process.

    Am I right if I say, that I could write an HTML element into the source-HTML and assign an ID in the CSS to style the thing?

    Attachments:
    You must be logged in to view attached files.

    >>>>>
    https://www.gdoesinger.at
    Take-Off? Ready when you are!

    2022-06-03 at 3:46 pm #52656
    gdoes
    Participant

    Solved!

    So, there were a few wordings unaligned concerning the spelling and I think a puzzle has a wrong spelling (percentage != percantage) but I got so lost in the process I can’t really figure where it went wrong.

    After all it was down to a variable not being called with the right name.

    Thanks for all your help. The loading bar in between scenes is now showing up.

    I get the hang of it.

    Btw, thanks for the great thing that Verge3D is. I still have a few issues with it on the “programming” side but it really fulfills my needs as a 3D-Artist using Blender.

    Attachments:
    You must be logged in to view attached files.

    >>>>>
    https://www.gdoesinger.at
    Take-Off? Ready when you are!

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.