Xcode Hype Auto Sizing & Constraints

Sorry to bug. Can you post a pic of your Hype export settings and your Xcode project tree (where your main.storyboard, info.plist, etc. is)? When I’ve done the basic export in the past, I’ll get a “projectName.resources” folder and a “projectName.html” file. With these new settings, it puts it all into a single “projectName” folder with everything in it. So I don’t know if I need to change the way I call the file in code or if I’m doing something wrong. I think sharing your images may help. Thanks!

2 Likes

Is this what you want?

12

2 Likes

Yes. Thank you!

1 Like

For some reason, it’s still not switching. :thinking: I removed all but the Cover Page Scene to narrow down the focus. It basically keeps defaulting to iPad Layout in Simulator for both the iPad and the iPhone. Weird.
Hype Upload settings…


Xcode WebView settings…
29%20PM

I would suggest to make a new xcode project with the testhype I sent. See what happens there.

1 Like

Good idea. I’ll give that a try.

Hi there. I made a few interactive storybooks with hype and used Cordova tot port it over as an iOS app.
It’s been a while for me, but I know I had a simple solution to this. Have to dig up the project from my archive. Just give me a moment.

3 Likes

Thank you! I look forward to hearing anything you have to offer!

Frank

Thanks for your help! Your project switches just fine. I created a new Xcode project with your Hype file and it works fine. Mine however, is another story. I input my Hype project files and it doesn’t work. I’ve copied your settings and still have no success. I’m wondering if there is something else preventing the switching? I think it is related to my project. Thanks again for your help!

Frank

Can you post the hype file with just 1 or 2 scenes? Then
I can see what happens here.

1 Like

Why did you choose to build it using the flexible settings?
You could make different layouts to fit the devices you are targeting.
From a design standpoint it will be better since you are displaying your work in a webview in iOS.
Flexible layout will reorder things but that puts too many design variables into play.

1 Like

Can do.

Here you go…

sorry. I don’t have the beta 4. Cannot open your file.

1 Like

simply dropping off all your included js, and css-files seems to let hype work as expected. some of the libraries are loaded several times in different versions … what the hell … :wink: do you expect¿

start cleaning your hypefile and when it at least’ll work within the browser then start wrapping an app …

sorry if this is not helpful, but this file is really messed up with third party js and css

1 Like

Thanks! I’ve cut the project down from about 16 scenes to what you are seeing. I used Bookry.com for simple games (not in this file) and that is where you are seeing all of the Java Script from. Had a feeling that that was the problem. :thinking:

Hello. Thanks for all your help and the tips. A Javascript file called “bootloader.js” was part of the problem. By unticking the "Include in document ", the document now loads and senses layout sizes between devices.
26%20PM

The next and final problem that I’ve encountered is regarding the Bookry javascript widget on the Hype scene which was encoded in Xcode. I created a completely separate Hype project with just the Bookry files. From Hype, the preview works just fine and displays the Jigsaw Puzzle. As you can see from Simulator, the frame loads but without the Jigsaw Puzzle…

How it should appear
00%20PM

How is previews in Simulator

I’ve included the small project file. I have three books that will all have the same problem. Each book will have a section for additional learning and these small games. I basically hope to find out if they can stay in the books or not. Any help you can provide would be so appreciated! Thanks!

Frank
Test.zip (2.0 MB)

Hello,

After much back and forth, I noticed that there were items/files that were not selected in the Advanced Export under Included Resources. When they were included in the export, the Bookry widgets began to work. I think I’m good “for now”. LOL! Thank you everyone for your help! I really appreciate it!

1 Like

Basically… Is there a way to scale both the image object and motion path at the same time?

Thanks for letting us know what hit you - Advanced Export uses the minimal set of files it finds associated with the document, but if you have a file used that it doesn't know about (say in code) then you'd need to manually check it. There was a lot of debate on what the behavior should be when designing it!

The best method (as mentioned in the other thread) is to group the element and use the scale transformation.