Jump to content

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


  • Posts

  • Joined

  • Last visited

About Creativist-Lab

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

Creativist-Lab's Achievements

  1. Yes I definitely encountered what you are saying already more than once but I guess there is always this thing that you can overlook. And probably with everything that you discover you have another option to look out for with a next thing that doesn't work the way it should. Anyway thanks once again for taking the time to answer.
  2. Hello @Cassie so your tip kinda worked...... I inspected the elements again and then I noticed that when i am using text it is being wrapped in an extra DIV so I made the exact example in a codeblock on my website and now it behaves as it should. Sorry again to bother you with this but I'm glad I finally figured it out (still with the help of you guys )
  3. Hello @Cassie, yes I understand this but I thought because I literally copied some examples to test this which gave the same result it wouldn't bring much insight because on Codepen the examples work normally. So what I did now which is hopefully ok is made a test on the site that I'm working on so this example I copied on my site: https://greensock.com/docs/v3/GSAP/CorePlugins/ModifiersPlugin And here you can see how it behaves on my site: Test I'm sorry for bothering you guys with it but I have been trying to figure out things for a long time but I keep getting the same results that's why I thought maybe better ask here. Thanks again.
  4. Hello, I'm having some problems with some of my tweens and my suspicion is that there is a conflict but I'm kinda at a dead-end with my knowledge. So my main question is what is the best way to debug when there are no errors showing in the console? I'm working in WordPress so I already switched all other plugins off, cleared all caches etc. Also I followed some examples from the forum which are working without any errors on my site but I'm getting a different result in its behavior compared to the examples. I followed on this page the example of the wrap utility function: https://greensock.com/docs/v3/GSAP/CorePlugins/ModifiersPlugin And a few other examples that should give similar results but they all behave in a similar unwanted way (so at least something is consistent ) Basically what I'm trying to achieve is having a line with text move from right to left in a endless loop I tried what I think is the easiest option first with the following code: gsap.to('.newsline', {x: -720, duration: 5, ease: 'none', repeat: -1 }) But what happens is after the first duration the tween just kinda bounces a bit from left to right you can see the live example here: Mister Bamboo Straws | Premium | Reusable | Customized branded straw | Eco friendly | Eco-friendly and reusable plastic straw alternative, Premium bamboo laser branded straws Thanks in advance for any help/tips!
  5. Thanks a lot! That does the trick
  6. Hello guys, I'm following Carl Schooff his tutorials and I'm a total beginner with GSAP and Javascript, so most likely the mistake(s) are totally on me I just can't figure out what I'm doing wrong. This is the code that I'm using: gsap.registerPlugin( SplitText, ScrollTrigger ); let wrappers = document.querySelectorAll('.wrapper') wrappers.forEach( ( element ) => { let heading = element.querySelector('h2') let paragraph = element.querySelector('p') paragraph = new SplitText('p') console.log(element); let tl = gsap.timeline() .from(heading, {opacity: 0, yPercent:100, duration: 0.3, ease: 'back' }) .from(paragraph.lines,{opacity: 0, yPercent: 100, stagger: 0.15, duration: 0.3, ease: 'ease.in'}, '>') ScrollTrigger.create({ trigger:element, start: 'top 90%', toggleActions:'play none none reset', animation:tl, markers: true, }) }) So I created divs with the class 'wrapper' and in those divs I'm targeting the h2 and p element. The h2 elements are animating in as I wanted but the 'p' elements take a long time to animate in and also the 'p' that are not having a class of 'wrapper' are being animated. Furthermore I'm getting the following warnings: gsap.min.js:10 GSAP target null not found. https://greensock.com and gsap.min.js:10 GSAP target not found. https://greensock.com I have been trying to figure out for quite some time now what I'm doing wrong but with no success unfortunately. Any help would be very much appreciated and so thanks in advance.
  7. @OSUblake thanks for your message. I still didn't manage it completely via the NPM route, probably I need a bundler because I'm getting an error in the console saying: Uncaught SyntaxError: Cannot use import statement outside a module is my guess correct that I get this error because of not using a bundler?
  8. Hey Jack, thanks. Well I will go for that option if I can't get it to work via the NPM. I don't mind learning new things that's why I took this road first but yeah as you understand I have totally no experience with all of this. But it looks like I took the right steps and everything is uploaded and activated via the NPM route. If so it is an easy process (when you know what to do haha). Anyways thanks for your help. Cheers.
  9. Hello guys, here I'm again. Since I still have no clue what I'm doing here I'm checking up with you guys if it is correct what I have done. I followed the GSAP instruction video after setting up VScode. I created a NPMRC file in my project directory with the command prompt. After this I installed GSAP also via the command line in this directory as shown in the instruction video. So after this I got the following screen giving some warnings, so I don't know if everything went well. When all if this is looking good my next step would be installing the plugins that I want to use by following "How to Install GSAP via Modules (npm, Yarn)"video and then just upload it to the server? Again my apologies for these noob questions, hopefully I'm getting into the right direction now as this whole process has been taking me way too long ¯\_(ツ)_/¯ Thanks in advance.
  10. Thanks Cassie, I will check this one.
  11. Hello Jack thanks. So yeah the thing is even after trying to find some documentation on the things that you mention, I really have no knowledge (yet) on how to do this. There is so much information available but I can't seem to find the proper steps on how to do this on my WordPress site. If I understand you correct I need to setup a terminal between the editor that I'm using (VsCode) and my WordPress install, is this correct? Because I need to run npm install ./gsap-bonus.tgz in VsCode and upload it to my project directory which is WordPress? Sorry for these maybe very simple questions but I guess one has to start somewhere and I just have no clue how to take the proper steps to do this. Thanks again.
  12. Hello guys, sorry for this very newbie question. I just became a Club Greensock member so I have access to all the plugins. But I'm kinda stuck with how to register via a NPMRC file. I watched the tutorial on how to do this but it doesn't go enough into detail about how to create this file (I'm a total noob with this process). Is there somewhere a more detailed video/tutorial on how to create this file and implement it into my website? Just some additional info, I'm using WordPress, I already installed Node.js and I'm using VsCode on a Windows system. Any help is much welcome and thanks in advance! Cheers.
  13. Thanks Cassie for this I will see if I can solve it with this info.
  14. Hello Jack, that was my thought also. I just thought maybe there is someone here who ran into a similar problem and has a solution. Anyway thanks again for your message.
  15. Hello again, I thought I had everything fixed but turns out something is still not good. Although on the front end everything seems to load normal I get the following results when using Google pagespeeds (see the screenshot) should I just ignore this or is there something I can do. Just a bit of additional info, I turned of all caching plugins and I updated GSAP via CDN to 3.7 but there is still a primary thread blocking going on of almost 22 seconds. Thanks again.