Version 3.0.2 (458) Animation smart phone


#1

Hello,

I’m new on this forum.
I have an older version of Hype. All works well for desktop and iPad but
the animation on an iPhone is to big. Anything I can do to fix this?

Thanks.
Jay


(Ken Heins) #2

Have you made a layout for phone?

Attaching a file would be good.


#3

Hi,
Would my website address work?
Where do I get a tiny URL to prevent being on the internet?

Thanks.


(Ken Heins) #4

Use Hype’s Preview feature.


#5

http://127.0.0.1:50055/preview/F9A8B6DF-3190-41DF-A039-3576E84854FA-1436-0000027B265C548E/index.html


(Ken Heins) #6

And go to Develop menu in Safari : Enter Responsive Design Mode


#7

is this what you a referring to?
If so, where do i insert this code?


(Ken Heins) #9

You should look at the Hype documentation and the various tutorials that are out there


(Jonathan Deutsch) #10

There are two main features in Hype that can help with changing content to best fit different browsers/devices:

  • Responsive Layouts - have entirely different content that is shown based on “breakpoints” of width
  • Flexible Layout - Adjust element positions and sizes based on the browser (or container) width and height.

Note there are also ways to change the Scene Size in the Scene Inspector and mobile viewport options in the Document Inspector.

A couple other notes:

  • Your title shows you are on version 3.0.2, but the latest is 3.6.3 and is a free upgrade. You can download from here or update via Mac App Store if that’s where you got it.
  • If you intend to share your site, unless it is integrated into another page, I would recommend attaching a zip of the .hype document.