I started using Hype because it offers a lot of freedom in terms of element positioning and animation. I can create really complex and very appealing animations without practically touching the code, and that's wonderful.
However, one aspect isn't clear to me: Hype creates its animations within a Canvas. So if I want to develop the entire site with Hype, it would behave like a kind of Keynote presentation (pardon the comparison).
Also, if I enable timeline scrolling, it works on mobile but not on desktop. On computers, I have to click and drag the Hype Canvas to advance the animation, which isn't very natural, as people usually use the scroll bar or the mouse wheel. I'm about to start a fairly important project, and I'm not sure if Hype is the best solution. So, in my confused state, I'm asking for your help with the choice.
A point of clarification for posterity on terminology: "canvas" is a very specific HTML tag that is used for drawing graphics, but Hype does not utilize this. Instead, Hype constructs HTML dynamically via the DOM APIs, such that it presents as a normal web page. This is why instead we typically use the terms document or scene, which is simply a div containing other elements. Now onto your question...
It is true that Hype's scenes have set widths and heights that use absolute element positioning. While some parts of Hype like Responsive and Flexible layouts give a little leeway to changing the size of scenes and repositioning elements, ultimately thinking about it as a Keynote presentation is a good model.
This is Hype's model because Hype's goal is to favor making animations and interactivity. It is much easier to reason about this when things are absolutely positioned.
While there are some features that overlap more with scrolling web pages, such as the On Enter/Exit Viewport actions to start animations when items come into view, and the On Drag action that can be bound to a timeline, there's probably also room to improve with more dedicated scroll actions in a future release.
I tend to tell folks that if your document will have a high degree of animation and interactivity, choosing Hype for the whole page can probably work out. But if you are planning a more traditional web page, it may be better to build this with another tool and then insert Hype animations onto the page as appropriate.
There are some bits of code that can in fact help with managing scrolling and timelines though. Here's a couple:
Sorry for my definition of “canvas”… it created some of my doubts.
I see the tutorial you linked, but the scrolling between the scenes feels “strange”, so isn’t it possible to replicate a more natural scroll in the desktop version of my future project?
If you're willing, perhaps you could post a zip of your current project and what you have as far as requirements (especially around responsiveness)? I guess I'd just wonder if it is something that could just use a tall scene height?