cancel
Showing results for 
Search instead for 
Did you mean: 
cancel
Showing results for 
Search instead for 
Did you mean: 

Community Tip - When posting, your subject should be specific and summarize your question. Here are some additional tips on asking a great question. X

Creating Slideshow or 3D video?

bpowers3
2-Explorer

Creating Slideshow or 3D video?

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!

ACCEPTED SOLUTION

Accepted Solutions
sdidier
17-Peridot
(To:bpowers3)

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

View solution in original post

1 REPLY 1
sdidier
17-Peridot
(To:bpowers3)

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

Announcements

Top Tags