Navigation Map Zone active or inactive (alpha)

[Manel]

Hi everyone!

I have a question for the experts, actually two

I’m trying to build a new skin, I just want the navigation through the Tour Nodes or through the maps zones areas (not the markers), in this case: square, circle, rounded square.
The Markers are not clickable.

I want the active zone area with a 100% alpha (where the active marker is), as soon some of the markers inside active are.
Per example, If I change from the circle to the square, the square should be 100% alpha and the circle back to 50%. Does someone know how to do this? it must be for sure a Variable/Logic Block order.

And all this should work by clicking the Tour Nodes or the arrows as well.

Another question, this one I think is impossible, can the arrows (next & previous Panorama) act randomly?

Thanks in advance!
Manel

Pano2VR Files attached.

[Hopki]

Hi,
User a Node Marker which is one of the elements found in the Skin Editor.
Set normal and active SVG images, in this example, I'm using a square and circle SVG from the Components Tool Box.
The circle is set to Alpha 127 and the square is set to its default Alpha 255.
Then in the Node Marker properties set which node it should react with.
Copy and then change the Node Marker ID and which node it should react to, make a copy for each node you need to have a visual display for.

node_marker.gif (2.08 MiB) Viewed 31174 times

Regards,

[Manel]

Thank you Hopky!

Your solution it's just with the clickable markers.
The markers must be not clickable (due the amount, I guess like 100).
What it will be clickable is the zone area, then I can just reduce to 10 the clickable zones (if not it's a big mess, especially on mobiles).

What I was asking if this zone can be visually activated (just with alpha 100%) when one of the markers active inside are, specially by clicking on tour nodes jumping from one zone to another.
Well, maybe is not possible.

Thank you like always anyway!

[Hopki]

Hi,
Open the skin and select both the SVG images, in the SVG images properties select Permeable, then that will not be selectable.

Screenshot 2025-02-22 at 14.02.07.png (57.21 KiB) Viewed 31144 times

But getting back to your request, it seems like I missed the point.
So let me try to understand, you want a large square, a large circle, and another large square.
Each would have several nodes which are just circles.

So if the first square has an active node it should be 100% alpha, while the large circle and the other large square should be 50% alpha.
This should not pose a problem, if this is what you wnat


Regards,

[Manel]

This was not a markers issue.
The markers are already permeable.

I see is not possible. Don't worry. thanks again.

[Hopki]

All things are possible, it's just trying to understand what you want.
In this example I have added tags to the nodes, so zone1 to node1 and node2, zone2 to node 3 and zone3 to node4 and node5.
There is then an Alpha logic block in the rectangle zones, that when the required tag is detected it changes the alpha to 1 from 0.5.

Please see attached, if this is not what you want then please can you try and explain a bit more.
But as said all things are possible.
Regards,

[Hopki]

With regards to the random next and previous, would a button to open a random node work?

[Manel]

Yes, a button to open a random node would be nice. Never seen a button like that.

[Manel]

Works like a charm. You're the one
Impressive thing the tags possibilities
Thanks again for your patience.

[Tony]

Hi,

can the arrows (next & previous Panorama) act randomly?

You would probably be better, in addition to the Previous/Next buttons, having a third button called "Explore".

The Previous/Next imply an order that could become confusing but it is possible to have them randomly open a node.

Here's an example where I use the third button method in conjunction with the Previous/Next buttons.

https://tonyredhead.services/P2VR/LECHAT/RANDOM-NODE/

It also comes with an AI generated Podcast!

Here I'm using Javascript code I generated in the AI application NotebookLM.

1. Count Node ID's function when the images are ready to count the number of nodes and put that number in a variable
2. Generate Random Node ID when the button is clicked
3. Get the Current Node ID and exclude it from the random generation (so we don't get the same node shown when we mouse click)
4. Go to the new random node id

If enough people are interested I could publish a tutorial.

cheers,

Tony

[Manel]

Thanks Tony! Interesting, but complicated though, i though it'd be easier.

[Tony]

Interesting, but complicated though, i though it'd be easier.

Litterally a five minute process in Mistral Le Chat to generated the Javascript then just one button and two Code Blocks.

random-skin.png (603.98 KiB) Viewed 30995 times

Tony

P.S. added a podcast generated in NotebookLM from the Le Chat content.

[Manel]

Thanks a lot Tony, I'll give a try!
Never used LeChat.
I thoght it'd be just a generic CCS code working for everything