jQuery reel 360 and Hype


(Luis Montero) #1

Hi everyone
First of all, sorry for my english.
I’m (super)new in Hype and programmation. I’m trying to use jQuery reel 360 adding some annotations.
But I can not switch to another Hype scene when I click on any of the annotations.
Can anybody help me? I’m really busy :sob:

Thanks in advance


#2

Can you share what you have?

Did you try using the Hype scene change API yet?

http://tumult.com/hype/documentation/3.0/#scenes122


(Luis Montero) #3

Hi, Daniel
Thanks for your help.

Here´s the code (do not panic, remember that I am a newbie :wink:)

_ _
_ $(’#image’).reel({_
_ image: ‘${resourcesFolderName}/coche360_64frames.jpg’,_
_ frames: 64,_
_ footage: 8,_
_ speed: 0.0,_
_ annotations: { _
_ “etiqueta1”: {_
_ x: [ 636, 632, 622, 613, 594, 583, 553, 532, 503, 486, 474, 458, 441, 424, 404, 384, 376, 355, 327, 306, 276, 261, 248 ],_
_ y: 190,_
_ start: 5,_
_ end: 27,_
_ image: { src: “http://www.grupovmedia.com/imgMail/newsletter/hype/coche360_botonMas.png”, width: 26, height: 26,},_
_ link: {href: “”,} here is my doubt, I don’t know what shuold I type to make Hype jump to a scene called “scene2” (e.g.)_
_ } _
_ }_
_ });_
Thanks again, Daniel


#4

Can you share a ZIP file of your Tumult Hype document?


(Luis Montero) #5

Here´s the code
I’m trying to upload a zip but the file is too big

<img id="image" src="${resourcesFolderName}/coche360_frameInicial.jpg" width="900" height="450">
<script>
$('#image').reel({
image:       '${resourcesFolderName}/coche360_64frames.jpg',
frames:      64,
footage:     8,
speed:       0.0,
annotations: { 
"etiqueta1": {
x: [ 636, 632, 622, 613, 594, 583, 553, 532, 503, 486, 474, 458, 441, 424, 404, 384, 376, 355, 327, 306, 276, 261, 248 ],
y: 190,
start: 5,
end: 27,
image: { src: "http://www.grupovmedia.com/imgMail/newsletter/hype/coche360_botonMas.png", width: 26, height: 26,},
link: {href: "#",}  _**here is my doubt, I don't know what should I type to make Hype jump to a scene called "scene2" (e.g.)**
}
}
});

If the code is not enough, I will try to make a lighter version of the Hype file

Thanks again, Daniel


#6

Or use https://www.wetransfer.com


(Luis Montero) #7

Hi, Daniel
The attached file is a reduced version of the original file.
My idea is that when you click on “+”, Hype jumps to Scene 2 (e.g.)

Probably the solution is very simple, but I’m pretty stuck. :sweat:
Thanks again

Prueba360Coches Light.hype.zip (2.8 MB)