Adding a new scene in an exported tour by modifying javascript

338 views
Skip to first unread message

kiwaisako

unread,
Jun 25, 2021, 5:00:44 PM6/25/21
to marzipano
Hello, 

I am trying to add a new panorama scene manually into an already exported tour created using Marzipano Tool. I cannot get the scene display correctly. Any advice would be  appreciated! 

<What I did>
1. Uploaded a new 360° image file to Marzipano Tool to process it. Exported as a single-scene tour.
2. Copied the scene's tile folder from the exported tour. Specifically, the '20-r0010186-11-ev2' folder inside the 'tile' folder.
Screen Shot 2021-06-25 at 4.46.58 PM.png

3. Copied the scene data in the data.js of the exported tour. Inserted it into the existing tour's data.js as the last scene in the scenes array.
Screen Shot 2021-06-25 at 4.50.27 PM.png 

<What I get>
As soon as I save and reload the browser (local environment), the scene is completely black (though the scene list, autorotate button and fullscreen buttons are visible). 

Thanks!
Kay

Joost

unread,
Jun 25, 2021, 6:33:42 PM6/25/21
to marzipano
First, check what the console says. Can you post that here? Each browser has a different way to open it, google it for yours.

 (My first guess is CORS error)

Thx in advance,
Joost

Op vr 25 jun. 2021 23:00 schreef kiwaisako <keiko.i...@gmail.com>:
--
You received this message because you are subscribed to the Google Groups "marzipano" group.
To unsubscribe from this group and stop receiving emails from it, send an email to marzipano+...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/marzipano/227e0147-15c4-4bf6-82dc-5259f2a32001n%40googlegroups.com.

kiwaisako

unread,
Jun 25, 2021, 11:28:29 PM6/25/21
to marzipano
Hi Joost, thanks for the response. 

Here is the message in console:

/////
The key "target-densitydpi" is not supported.      <index.html:9>

Uncaught TypeError: Cannot read property 'addEventListener' of null      <index.js: 165>
    at index.js:165
    at Array.forEach (<anonymous>)
    at index.js:161
    at index.js:471 
/////

BTW, the tour has multiple scenes and the only scene that gives me blackout is the newly added one. 

Thanks again, 
Kay

Joost

unread,
Jun 26, 2021, 2:12:07 AM6/26/21
to marzipano
Hi, 

Did you also add the scene to the index.html file? You also have to add scenes there.

Joost 


Op za 26 jun. 2021 05:28 schreef kiwaisako <keiko.i...@gmail.com>:

kiwaisako

unread,
Jun 26, 2021, 12:00:51 PM6/26/21
to marzipano
That's it!  Thank you - I added the scene in the sceneList div in index.html, and it is now working!

Kay

ReubenMRU

unread,
Jun 26, 2021, 6:39:57 PM6/26/21
to marzipano
Hello Kay,

I've modified mine a lot, so i'm not sure if what I'm going to say is valid for default tours, so no guarantee this will work...

For a multiple scene tour,
Inside 'tiles' There is a main folder which should be named as the name of the first folder in the js file.
Within that folder there should be another folder of the same name containing the actual tiles - this is for the first default scene appearing in your .js file.
All the other scenes have to be in there as well...

(again my apologies if the above is not valid for default tours)

To trouble shoot for your scenario, I would give the folder a simpler name. Like say 'test' for example... rename the folder 'test' and rename the id of the folder in the js file as 'test' as well ... These are the things I would try...

Also I assume that you've already modified your html to include the new scene as well?

Under scenes as such:

image.png
You didn't mention modifying your html in your original email... May be that is what you missed.

Cheers,

Reuben



Reply all
Reply to author
Forward
0 new messages