Forum Replies Created
-
If you are using the “setup preloader” puzzle piece in the init tab, Verge3D is smart enough to know not to add the simple preloader div elements to the page. My point is, if you are using the “setup preloader” puzzle, you don’t have to do anything to hide the simple preloader.
If your custom preloader page is black, I might be able to guess why that is. The v3d-container is black. You need to draw your custom preloader in front of it and ensure that your custom preloader fully covers the v3d-container.
Here is a simple setup that does just that:
But, to answer your question directly, if you want to use puzzles to remove elements from the DOM, you can use the “set prop” puzzle. Use this puzzle to set the innerHTML to a null string “”. That should delete any div element within the element that you target. Again, this is probably not the right approach. If you use the official “setup preloader” puzzle, this is already taken care of for you.
Jeremy Wernick
@arslankhan, if you truly want to hide the preloader, set its display to “none”. You can set up a css puzzle in the init tab. Set the “display” style to “none” for the “.v3d-simple-preloader-container”. Do not check the “in parent doc” option.
If you look at the screenshot of the markup in my first response, you will see that this hides the container that contains the logo and the progress bar.
It is probably a better idea to restyle the preloader rather than hiding it. The preloader is there to help the end-user, but I will assume you have a good reason for hiding it.
Jeremy Wernick
The default preloader has these classes:
.v3d-simple-preloader-logo
.v3d-simple-preloader-bar
.v3d-simple-preloader-background
.v3d-simple-preloader-containerIf you just want to change the logo you could try:
.v3d-simple-preloader-logo {
background-image: url(“./media/my_new_logo.png”);
}Here are the elements of the simple preloader:
Here are the default definitions of the bar and logo classes:
Edit your project’s CSS file and override these classes as you see fit.
Jeremy Wernick
In Blender, go to:
Render Properties -> Verge3D Settings -> Export Collections
and select the collections that you wish to export. See attached screenshot.
Jeremy Wernick
Hi Yuri,
I removed all of the customer information, so I can post it here in the forums. The project is attached here. The code is simple. It compares two number inputs with the less than operator “<“. You can see the error message in the Chrome dev tools console in one of the attached screenshots.
Remove line 23 of the ‘isLessThan.block’ file and Uncomment line 24 and the block should work.
Using the greater than symbol “>” causes a different parser error.
Using Unicode escapes is a workaround.
On a related subject, I would like a design pattern that would allow me to get my code (rather than the API code) out of string literals. VSCode does not apply Intellisense to the code in a string literal. The editor will not match brackets, quote marks, check syntax, etc. The best approach that I found was to first implement and de-bug my code outside of the puzzle system in app.ExternalInterface and then copy the working code into the puzzle system.
Still, puzzle plugins are a great solution for us! Thank you.Jeremy Wernick
