Skip to main content
B
bpowers31-Visitor
1-Visitor
February 20, 2019
Solved

Creating Slideshow or 3D video?

  • February 20, 2019
  • 1 reply
  • 1883 views

I'm trying to make an image tracking experience for my business cards. Basically, I want to be able to hold up my card and launch a mobile portfolio.

 

I can't figure out how to create a carousel of images/slideshow in Studio. Is there an easy way to do this? I'd also like to be able to have a 3D video play, but it doesn't look like that's a feature? Thanks!

Best answer by sdidier

Hello,

 

I didn't check it but I will follow these steps to create that :

  1. Choose an open source library to create a Carousel. For example this one https://github.com/glidejs/glide
  2. Import Javascript and CSS file in the Project
  3. Load them by using this syntax in javascript More details in this thread https://community.ptc.com/t5/Studio/Including-js-file-from-resources/td-p/556781  
    In Application Style to load CSS:
    @import url(#{$resources}/Uploaded/test.css);

    In javascript :
    $scope.app.fn.loadResourceScript("Uploaded/[filename].js");
  4. After that, follow up the usage of the carousel library to setup it.
  5. Create a javascript function to create HTML tags needed for each slides
  6. Use a TML widget in 3D Canvas to run javascript function and display carousel

 

  • Did you try or think about another approch in your side?

 

Best regards,

Samuel

1 reply

S
sdidier17-PeridotAnswer
17-Peridot
February 20, 2019

Hello,

 

I didn't check it but I will follow these steps to create that :

  1. Choose an open source library to create a Carousel. For example this one https://github.com/glidejs/glide
  2. Import Javascript and CSS file in the Project
  3. Load them by using this syntax in javascript More details in this thread https://community.ptc.com/t5/Studio/Including-js-file-from-resources/td-p/556781  
    In Application Style to load CSS:
    @import url(#{$resources}/Uploaded/test.css);

    In javascript :
    $scope.app.fn.loadResourceScript("Uploaded/[filename].js");
  4. After that, follow up the usage of the carousel library to setup it.
  5. Create a javascript function to create HTML tags needed for each slides
  6. Use a TML widget in 3D Canvas to run javascript function and display carousel

 

  • Did you try or think about another approch in your side?

 

Best regards,

Samuel

Terms & ConditionsAccessibility statement