xeon

The method John Sperry uses is a good solution but in the end you will still need to understand HTML (html puzzles) and CSS (css puzzles). If this is problematic or you don’t want to go down this route you can create your own 3D object buttons in 3D space and then hide and show other objects, planes with textures, etc. Those items can have links to other items, links to URLS…etc. Both methods work…both have their specific uses cases.

You will need to define your use case: do you need your app to be responsive, does the text / links need to be live text…etc. That will help you define what method to use.

The load/unload demo project utilizes dictionaires, html puzzles and the “scene” tab puzzles. I would suggest trying to recreate the project without the dictionaries and html puzzles first and concentrate on the understanding of the Scene puzzles. You can used a stand in 3D objects as a button to eliminate the HTML issues and then try loading in one GLTF.

The tricky part is that the main scene..will contain all your puzzles for the GLTFs you are ultimately going to load. I typically start my main scene project with the object I need to load inside it until I have Created all the puzzles…validate all the puzzles work then as the last step remove the object i want to load in. This will cause some of your objects puzzles to appear “red”, indicating the object is not in the scene. Dont worry about that since once you load the object…the puzzles will work.

It sounds like you have to adjust your near and far clipping on your camera but you may also want to check your normals fir the objects that disappear

• This reply was modified 2 weeks, 5 days ago by xeon.

This might help.

email me first and I will send an invite. I heading out today..back tomorrow after 10:00 am PST. In the email…let me know timezone you are in and times during the day that would work for you.

You might catch me in the evenings on Discord: Xeons3Dlabs. If you use discord send me a DM and we can go from there if you prefer.

• This reply was modified 4 weeks ago by xeon.

I normally don’t group them the way I have shown….but the “When Clicked” puzzles are stackable…they have the little divit on the top of their puzzle.

In this particular example….I used a +/- 5 increment. This means that the rotation or position is changed from what is was by 5. You can decrease this value to an number you like…smaller numbers…smoother but requires much more input to move. Often a slider is a better choice but you are not going to have mouse control…so you are stuck with When clicked events.

What you may want to consider is that these buttons do not cause an increment but start and stop a rotation in that direction. This way when you click say the rotate left button..it just starts rotating at given speed of say 1 and then if you click it again .. it goes faster. Using the right button it may slow it down until it stops…and then once it passes the stop point it starts rotating the other way.

To do this you will need a different set of logic. Just curious …why do you believe the user would rather not navigate via the mouse or what the business requirements are that you have to create it this way.

I have been trying to understand your request based on this statement, “should be in both Verge3D animation and Cycles render”. Which leads to me to my question…why?

If you are trying to have your blender timeline be a linear timeline that when exported to V3D that you use the same frame numbers… then I can imagine why you would want that Render button to work as it would make the blender animations and V3D work seamlessly from a timeline perspective. I personally dont use this sort of approach but wanting it to work that way I can understand the request.

Since you are using Cycles and not EEVEE you are aware of the difference between the shader node requirements, color managment, etc. so an approach you may want to take is to create a shader node that makes the object transparent and animated that using a value node vs using the Render View. This allows you to animated on a linear timeline in Blender and the output can be controlled easily in V3D.

You may find that turning on Order-Indep. Transparency will help. Its located in the Render/Render Properties panel under Verge3D Settings.