How to code never-ending presentation? 🤔

Using JavaScript with Hype
1

I already built a presentantion on my website.
But how can I built never-ending switching by arrows?
My goal is to create something similar to this  :slight_smile:

I tried to create multiple scenes with arrows (buttons) as persistents symbols, but result was not good for me.

Every advice I’ll appreciate.

2

just simple - do it by using maintimeline and keyframe
slideshowSimple.hype.zip (721,2 KB)

3

@strmiska Thanks. And how to make the presentation controlable? This is what I was asking for :slight_smile:

4

create a persistant symbol for the navigation
slideshowSimple_v2.hype.zip (724,0 KB)

5

Thanks. This is exactly how I tried before to do presentation.
Everything looks good, except one thing.
When I’m on the last scene, how can I switch to the first scene only with one click (never-ending-switching)?
I would say I need to add some javascript, but I searched the web and I found nothing :frowning:

6

give the button for nextscene the id ‘next’ and run

    var scenenames = hypeDocument.sceneNames(), 
    firstScenename = scenenames[0], 
    lastScenename = scenenames[scenenames.length -1], 
    transition = hypeDocument.kSceneTransitionCrossfade, 
    duration = 1;

    switch(element.id)
    {
    case "next" : 
    if(hypeDocument.currentSceneName() === lastScenename)
    {
    hypeDocument.showSceneNamed(firstScenename, transition, duration);
    }else{
    hypeDocument.showNextScene(transition, duration);
    }; break;
    
    default : 
    if(hypeDocument.currentSceneName() === firstScenename)
    {
    hypeDocument.showSceneNamed(lastScenename, transition, duration);
    }else{
    hypeDocument.showPreviousScene(transition, duration)
    }; break;
    }

for both …

1 Like
7

@h_classen thanks! this is working great.
slideshowSimple_v3.hype.zip (712,0 KB)

other possibility would be you start a symbolTimeline at sceneEnd, make a button visible on entering scene,
which points to first scene without using any javascript.

1 Like
8

You could also activate the option for the button “can restart timeline”.

1 Like
9

i made a script for a kiosk with controls and autoplay based off scenes instead of timelines if it helps you

1 Like