Ivan Lyubovnikov

Hi, it’s not supported to upload a pdf file into a WebGL texure. It needs to be converted to a compatible format.

There might be a problem with uploading that specific file. I’d suggest to check the log of the uploading operation. You can do that by opening Window -> Toggle System Console in Blender. There should be a bunch of messages telling which files were uploaded (or errors if something went wrong):

visualizer wrote:

Is this trick usable to make the youtube video play in iframe? ( either auto play or on click play )

yes, you can follow this manual to get the embedding code and then just paste it into puzzles: https://support.google.com/youtube/answer/171780?hl=en

Hi,
The embedded app doesn’t work properly due to some crash in the puzzles logic.
Specifically, it’s the following line in the generated puzzles code that leads to the crash:

setHTMLElemStyle('marginTop', 'auto', 'generator_panel_details_button_colour_06', true);

– it means that you have a “set style” puzzle for the generator_panel_details_button_colour_06 element and it has the “in parent doc” option enabled. I think if you disable “in parent doc” then the error should go away.

farzinkhodadadi wrote:

what do you mean by reorganize my puzzle? can you give me any sample or help please?
thank you so much for your time

Hi, it seems that you want to progressively show some objects after each click. If that’s the case then it can be done by counting the amount of clicks (by saving it in some variable) and testing if it’s the first time the object was clicked, the second, the third, etc… All of that inside a single “on event of” puzzle.
Like this, for example:

Hi John, you are using the set_style puzzle but you need set_css_rule instead.

David Duperron wrote:

Next step, set-up the same kind of communication the other way around: from the Vue page script to the V3D app script, to trigger animations for example. If you have a few minutes to guide me in the right direction?? ;)

If you want to use some code defined in the puzzles logic file, then you can put it inside a procedure puzzle, let’s name it “myProcedure”, and then just call it like this from within a Vue component:

v3d.puzzles.procedures['myProcedure']();

You also can use the application instance directly like this: v3d.apps[0], and then access the app’s scene v3d.apps[0].scene, the camera v3d.apps[0].camera, etc…

Hi,

In your second example the html file is a bit outdated for some reason. It has the scene container element with the id “container”, but the application tries to access “v3d-container” instead (which is the default one for all new verge3d projects).

So, in order to fix that you need to open the application’s html file, then find the line:

<div id="container"></div>

and change it to:

<div id="v3d-container"></div>