Jump to content
GreenSock

Search In
  • More options...
Find results that contain...
Find results in...

silverd

ShockinglyGreen
  • Content Count

    24
  • Joined

  • Last visited

Community Reputation

1 Newbie

About silverd

  • Rank
    Member

Profile Information

  • Gender
    Not Telling
  1. silverd

    VueJS Gsap

    Hello Zach thanks I will try it's just complicate because the project is on nuxtjs (vuejs) and so the document.body is probably weirdly understood by this framework because every time I uncomment that // Smooth scroll setup const bodyScrollBar = Scrollbar.init(document.body, { damping: 0.1, delegateTo: document, }); bodyScrollBar.setPosition(0, 0); bodyScrollBar.track.xAxis.element.remove(); // How to get them to work together ScrollTrigger.scrollerProxy("body", { scrollTop(value) { if (arguments.length) { b
  2. silverd

    VueJS Gsap

    I have no error and the smooth scroll work perfectly but when I put it into the default layouts of vueJs all the animation depending of scroll-trigger doesn't work anymore did I forget something ? // Smooth scroll setup const bodyScrollBar = Scrollbar.init(document.body, { damping: 0.1, delegateTo: document, }); bodyScrollBar.setPosition(0, 0); bodyScrollBar.track.xAxis.element.remove(); // How to get them to work together ScrollTrigger.scrollerProxy("body", { scrollTop(value) { if (arguments.length) {
  3. silverd

    VueJS Gsap

    ah yes now I have no more error but it's not working anymore everything is hidden but thanks no more error
  4. silverd

    VueJS Gsap

    Hello I have just this error and I have no idea why gsap_dist_ScrollTrigger__WEBPACK_IMPORTED_MODULE_12__.ScrollTrigger.scrollerProxy is not a function The scrollTrigger works perfectly, I just wanted to add some smooth to my scroll so I added that part // Smooth scroll setup const bodyScrollBar = Scrollbar.init(document.body, { damping: 0.1, delegateTo: document, }); bodyScrollBar.setPosition(0, 0); bodyScrollBar.track.xAxis.element.remove(); // How to get them to work together ScrollTrigger.scrollerProxy("body", {
  5. silverd

    NuxtJS Gsap

    I will try your example maybe it will work thanks sorry if I am not really clear it's not a child into a parent but more a child into a parents sibling of the parent I want to reach anyway thank you
  6. silverd

    NuxtJS Gsap

    for your component your $emit is into the logo who is called inside the index.vue that I already saw plenty of example like that and it's quite common but I called my component loader on the layout default and like that is above the nuxt route the header and footer who are in the default.vue layout maybe I am totally wrong into my application splitting but I tried to organised everything into my default layout to be sure is everywhere if needed
  7. silverd

    NuxtJS Gsap

    Hello here a link to my sandbox https://codesandbox.io/s/test-loading-u4485?file=/layouts/parts/Loader.vue like you can see the emit is into the loader.vue maybe not the right place I never really understood this emit yet and how get the data inside the index.vue where the tlHome is because I have to do .play on this specific tl
  8. silverd

    NuxtJS Gsap

    Hahahaha in fact I try just to know when my animation from a component is done like that I can start the other one my tlHome is my timeline from my <nuxt/> component index/home I was just hoping maybe someone have the same kind of issue because it's difficult to explain and difficult to share but my loader component have animation when it's done complete I would like to start the animation of my home one maybe I will try to use the states from VueX
  9. silverd

    NuxtJS Gsap

    Hello Guys I have a question maybe it will be not clear but I hope and if there is already an answer for this specific question pls let me know so I have my portfolio app a nuxtjs app (vuejs) I have a loader so obviously it will be trigger only when you enter into my portfolio and it's working good but I would like to with the onComplete to pass a timeline.play to my first screen after the loading to start exactly after the loading ending but my issue is I have no idea how to proceed I thought to use an $emit but it seem didn't work here my layout
  10. Yes great the design is perfect sorry about codepen the next time
  11. Thanks but the render it's not very good with your example maybe it's better with svg ? i have two functions and with that my design is perfect function init() { var canvas = document.getElementById("canvas"); var ctx = canvas.getContext("2d"); draw(ctx); } function draw(ctx) { // fondCopie/Trac transparent ctx.save(); ctx.beginPath(); // fondCopie/Trac transparent/Trac ctx.moveTo(90.0, 113.5); ctx.bezierCurveTo(79.9, 113.5, 67.1, 111.3, 61.8, 106.7); ctx.bezierC
  12. Hi i have a question maybe it's simple but maybe not I would like animate a color of canvas shape but i don't understand how in my draw ctx i have this line ctx.fillStyle = colorLogo; colorLogo it's my variable var colorLogo = "rgb(65, 190, 238)"; but with css in tweeMax i don't understand how i have to proceed can you help me ? i have to create a function animate ? Thanks
  13. silverd

    Simple Question

    Hello Rodrigo, This is a continuation of my question about text animation on the path I have not been able to do what I wanted with my text animation so I had to tweak it, taking a .gif animation is text around my form. That's why I have to trigger this gif. at a specific time. I know it's not a best practice but since I can not do it I had to try another way I should add the ".gif" at this time otherwise the animation will start from the beginning of the timeline and thus arrived at the point in question, the animation is already finished: ( Best Jeff
  14. silverd

    Simple Question

    Hi Rodrigo, thanks I wanted to know : why It's not possible to do easily tl.add(slide02.append('<img src="img/text.gif">'), 1.2, {autoAlpha:1, ease:Power2.easeOut}); or .to or .insert because the image.gif is load in the start of animation I throught that as the "addchild" in flash until i don't use "addchild" the animation.gif is not load A bit like "load" my picture just in my timeline at the precise moment I want without using a simple function for it. Because there my function is very very simple maybe too simple for just load one image.gif But it's maybe not possib
  15. silverd

    Simple Question

    Hello i think it's simple but i would like add and remove a image .gif in my timelineMax I tried to do : tl.to(slide02.append('<img src="img/text.gif">'), 1.2, {autoAlpha:1, ease:Power2.easeOut}); and add or insert but my problem it's that the image .gif begin in start of timeline but i don"t want that, because the .gif is animate and the animation have to start after few others animations. I tried with onComplete and the function but after i don't know how the remove it because after the gif animation i have few others animations and I think it's not the best way function ad
×