Multi HTML Pages Share Same Hyperesources Folder

[faruk (Frank Faruk Ceviz)]

Hi Mark,
Thank you for your reply.
I have just done what you wrote above.
Unfortunately the website is not loading / showing anything.

Thanks

[MarkHunte]

It maybe that you missed some path code in the js.

Are you able to post the projects.

[faruk (Frank Faruk Ceviz)]

https://dl.dropboxusercontent.com/u/518592/Fora%20Restaurant%20Master.zip

[faruk (Frank Faruk Ceviz)]

This is the master Hype project that I want to create separate page for each scene. Thanks

[MarkHunte]

My understanding was that you already had them separated and just wanted them to share one .hyperesources ?

[MarkHunte]

Have a look at this

Decreasing load times and optimizing performance: Preparing a Large project in Hype

Tumult Hype is built for producing animations as a part of other websites, but we have also seen projects that take the form of entire websites. While building and launching large Tumult Hype projects with many scenes is possible, there are a few things you should keep in mind to ensure that your website loads quickly, works well on mobile devices, and is easy to maintain: Defer loading of images Images added to your document will need to be downloaded when your visitor first visits your site, …

in particular the Split up large projects

[faruk (Frank Faruk Ceviz)]

I will read this link.
Here is the separated files. Thanks again
https://dl.dropboxusercontent.com/u/518592/Fora%20Restaurant%20Web%20Pages-2.zip

[MarkHunte]

Cheers I will have a look.

I was looking for a new Restaurant to try don’t think I have been there so will probably check it out soon.

[MarkHunte]

Ok.

first use the index.hyperesources folder as you main resource folder.

Don’t change its name.

Then for example in the StJohnsWood-Home.html

change ALL StJohnsWood-Home.hyperesources to index.hyperesources

You will also need the html files in the same directory as the index.hyperesources folder.

Any links in the projects, you will need to follow the other instructions about linking.

[faruk (Frank Faruk Ceviz)]

I work there as a musician (Thusday to Saturday 7Pm-10pm)
Get a Lamb on Skewer it is best.
Let me know when you are coming I’ll buy you a beer or something

[MarkHunte]

Nice one, Will do…

[MarkHunte]

Thinking about this.

One attractive thing about multiple hyperesources folders, is if you have to change an image in one scene but no others then you can do so with out having to re jiggle all the others.

[faruk (Frank Faruk Ceviz)]

Okay I’ll look at it tomorrow. Thanks Mark

[faruk (Frank Faruk Ceviz)]

Hi Mark,

Brilliant. It is working.
I wish Tumult do this automatically: as an optional saving function
Thanks for your help.

Cheers

[Backbone (Dan Wright)]

Hi, I was following this thread as I need to do the same, each chapter of my ‘book’ has been generated with a separate hype resources folder and it’s made the overall file too large to send to PhoneGap Build. I tried changing all references in the Chapter 1.html file to the Index.html hype resources folder but it just comes up blank when I test the html whereas it works fine if I don’t change the references, it would be great of you could help, the only lines I’ve had to change so far have been the font references and this line:

<div id="chapter1_hype_container" style="margin:auto;position:relative;width:100%;height:100%;overflow:hidden;">
	<script type="text/javascript" charset="utf-8" src="Index.hyperesources/chapter1_hype_generated_script.js?2848"></script>
</div>

The Index.html equivalent line is this:

<div id="index_hype_container" style="margin:auto;position:relative;width:100%;height:100%;overflow:hidden;">
	<script type="text/javascript" charset="utf-8" src="Index.hyperesources/index_hype_generated_script.js?24495"></script>
</div>

Any ideas would be great!

Thanks

Dan

[Backbone (Dan Wright)]

Also, I just realised that the final Chapter is significantly larger than all the rest which only really seem to reference the fonts included, I’ll post all up in a link with just the ‘Chapter 1.html’ edited with the ‘Index.html’ hype resources folder edited as above so far:

Dropbox - Link not found

[MarkHunte]

@Backbone

Index.hyperesources

You need to put the chapter1_hype_generated_script.js file inside the Index.hyperesources folder and change the
Chapter 1.html content to point to the chapter1_hype_generated_script.js file inside the Index.hyperesources folder.

i.e

change

<div id="chapter1_hype_container" style="margin:auto;position:relative;width:100%;height:100%;overflow:hidden;">
		<script type="text/javascript" charset="utf-8" src="Chapter%201.hyperesources/chapter1_hype_generated_script.js?2848"></script>
	</div>

to

<div id="chapter1_hype_container" style="margin:auto;position:relative;width:100%;height:100%;overflow:hidden;">
		<script type="text/javascript" charset="utf-8" src="Index.hyperesources/chapter1_hype_generated_script.js?2848"></script>
	</div>

[Backbone (Dan Wright)]

Thanks MarkHunte,

I’m new to coding and what I put where but I did just that by altering the source folder reference to all the Chapters’ html files and added the following to the Index.html but the project doesn’t work, it will not open the ‘contents’ or other chapters after opening the index.html page, I’m guessing I’m doing something hopelessly wrong!:

<div id="index_hype_container" style="margin:auto;position:relative;width:100%;height:100%;overflow:hidden;">
	<script type="text/javascript" charset="utf-8" src="Index.hyperesources/index_hype_generated_script.js?24495"></script>
</div>

<div id="contents1_hype_container" style="margin:auto;position:relative;width:100%;height:100%;overflow:hidden;">
    <script type="text/javascript" charset="utf-8" src="Index.hyperesources/contents1_hype_generated_script.js?34661"></script>
</div>

<div id="chapter1_hype_container" style="margin:auto;position:relative;width:100%;height:100%;overflow:hidden;">
    <script type="text/javascript" charset="utf-8" src="Index.hyperesources/index_hype_generated_script.js?2848"></script>
</div>

<div id="chapter2_hype_container" style="margin:auto;position:relative;width:100%;height:100%;overflow:hidden;">
    <script type="text/javascript" charset="utf-8" src="Index.hyperesources/chapter2_hype_generated_script.js?980"></script>
</div>

<div id="chapter3_hype_container" style="margin:auto;position:relative;width:100%;height:100%;overflow:hidden;">
    <script type="text/javascript" charset="utf-8" src="Index.hyperesources/chapter3_hype_generated_script.js?23955"></script>
</div>

<div id="chapter4_hype_container" style="margin:auto;position:relative;width:100%;height:100%;overflow:hidden;">
    <script type="text/javascript" charset="utf-8" src="Index.hyperesources/chapter4_hype_generated_script.js?36147"></script>
</div>

<!-- end copy -->

[MarkHunte]

Here is a quick example

Archive.zip (94.4 KB)

	<div id="index_hype_container" style="margin:auto;position:relative;width:600px;height:400px;overflow:hidden;">
		<script type="text/javascript" charset="utf-8" src="index.hyperesources/index_hype_generated_script.js?54452"></script>
	</div>

	<!-- end copy -->
	
	
	<div id="chp2_hype_container" style="margin:auto;position:relative;width:600px;height:400px;overflow:hidden;">
		<script type="text/javascript" charset="utf-8" src="index.hyperesources/chp2_hype_generated_script.js?54708"></script>
	</div>
  </body>

---

index.hyperesources:
-> 96C8F8-restorable.plist
-> blank.gif
-> chp2_hype_generated_script.js
-> HYPE-584.full.min.js
-> HYPE-584.thin.min.js
-> index_hype_generated_script.js
-> PIE.htc

but can you post the index project and chapter1 so I can look at it to see whats going on

[Backbone (Dan Wright)]

Sure, no problem:

Chapters.zip