Jump to content
Search Community

GSDevTools only show global timeline

kfconeone test
Moderator Tag

Go to solution Solved by OSUblake,

Recommended Posts

I'm trying using GSDevTools on my vue3 project, with just the simplest DEMO example:

<script setup lang="ts">
import {onMounted } from "vue";
import gsap from "gsap";
import GSDevTools from "gsap/GSDevTools";
gsap.registerPlugin(GSDevTools);
onMounted(() => {
  //give this tween an id
  gsap.to(".grey", {
    duration: 1,
    x: 700,
    rotation: 360,
    delay: 3,
    id: "grey",
  });
  GSDevTools.create();

});
</script>

<template>
  <div class="w-12 h-12 bg-gray-500 grey"></div>
</template>

but there is only one option  "global timeline" for me to choose

 906857598_2021-12-03122920.png.70fe50400f6c71e1f7697712f2e237ac.png

 

I've checked the documents, if I specify the animation id in GSDevTools.create(), it worked fine but only one animation can I choose.

 

What should I do?

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...