I've only been using Hype for a couple of days, and I just created my first project with a button.
I believe I've done everything according to this tutorial I have. But when I preview the thing in the browser, it looks right but the buttons are not active. Not only do they not function, they don't even change when the mouse hovers over them.
Is there some setting that I likely overlooked to make my project open correctly in preview? Or is there possibly some other explanation?
An example hype file would be useful as there is no way we can guess what You have done - kinda like "What number am I thinking of?" (Zip your Hype example file and upload to this thread; 3MB max file size).
Also please include what your intent is in your example... i.e. the button should highlight "red" and run the "Main Timeline" when clicked, etc.
File would be nice yes. Your problem sounds a bit like there is some object above/over your button preventing the click to register. Try to put the button on top of the rest.
As You discovered the "Text" object was covering the buttons (please see Fig.1 for references in this post). Objects can block other objects below them from mouse (aka "pointer") interaction even if they are transparent.
3 remedies:
• Move the text block below the buttons in the list of elements.
• Raise the lower part of the text box (i.e. adjust the height) so it is not covering the buttons.
• With the text box selected click on the "Ignore all pointer events" checkbox.
That works too - there is often several different ways to solve an issue - one might be better than another in a particular instance.
So along the line of "transparency" ("Element" Inspector pane)... if You have an element - say a red rectangle and change its opacity to "0" it is still part of the scheme of things - much like a window, transparent but You can not touch what is on the other side.
If You wish to remove its interactivity when it is fully transparent (i.e. it is blocking something below it) You can use my third suggestion above ("Ignore all pointer events") OR You can select "Hidden" for that element. "Hidden" is immediately below the "Opacity" setting in the "Element" Inspector" pane.
An example of where these techniques are useful is fading out an element (transparency animates to "0") and wish to remove its influence from your scene.