Jump to content
Search Community

Osh

Members
  • Posts

    12
  • Joined

  • Last visited

Everything posted by Osh

  1. Osh

    Flutter Gsock

    Hi everyone, I apologize for creating a post that's similar to one from 2-3 years ago, but I don't think I'm the only one who's joined Dart-side. So, how is GSAP working with Flutter? Because doing animations with Dart is difficult. If you could confirm that it works with Flutter, could you please provide me with links to some tutorials on how to set it up? Thanks in advance!
  2. So I am working "exclusive edition" on my assignment ??‍♂️ When I comment out <img> I can see perfect animation on headers and buttons. But when I comment it back it shows nothing animation. Can it be from json, that it is too heavy to load every image? I don't know if this is off topic but I don't understand why it doesn't animate. I tried to animate boxes as well ? but it didn't work. Maybe I shouldn't call axios? Maybe axios made too complicated with GSAP? I don't know, I just guessing. Btw. I made it in Vue 2. so I don't know how to change in CodePen from html to .vue component. ? ...
  3. Thank you! .. For saving my time and energy, haha! I will take a look at the link you gave spiritapp
  4. Hi, I wonder if there is a GSAP program like this where I can do animation like tweening instead coding by hands? I found this picture from https://dev.to/timvdeijnden/tweening-with-gsap-inside-vue-1lb1 My mission is to animate like this website https://haerfest.com/collections/tech and I want to animate add to cart button. I was about to use Vuetify but not sure if that's gonna help with GSAP. Or shall I do own vue button and add gsap animation? Advice please ?
  5. Hi @OSUblake ! Thank you for correcting me! I mean PHONE not mobile, haha ?, I accidently wrote the word in Swedish. Thank you so much @OSUblake, I have never heard Nuxt, I will check that up! I have assignment to hand in Webb App in Vue so I thought to use in GSAP as well I want to impress my teacher hehe ... SO I hope other people can share some tutorials!! Gosh so cool in codesandbox!! ? Awesome!
  6. So, this morning I asked google "GSAP phone" to find something interesting and inspiration about how to use gsap in phone webb app. But I can't find any. So I wonder if anyone has used Vue with GSAP? Will it be a problem to work with? Is there something I need to know before I get stuck? Any advice? Or any tutorials I go through? ------------------------------------------------------------- Edit: @OSUblake Thank you for correcting me!! I wrote the word mobile in swedish , what I meant is PHONE! ?
  7. The whole code/script would be nice !! Much easier! I Can you please do something similar like this site https://www.npmjs.com/package/gsap? !
  8. I know this is sound dumb but .. can it be my windows system? Because how can other copy paste perfect from google chrome.. I have tried FireFox Developer Edt, that didn't work either ? The funny fact that this teacher from Udemy also having same problem with copy paste..
  9. I am trying to copy ease:"power2.out" and tried to copy as well gsap.to(graph, { duration: 2.5, ease: "power2.out", y: -500 }); I'm using Windows, browser Chrome. Yeah, I think I must find out how to copy witout formatting. What is the editor program you are using? I'm using IntelliJ IDEA. I tried to paste to text , it didn't work. I have also tried in VSC, same result I have tried to paste by command shift+ctrl+v, it didn't work ?
  10. Let's say you are going to Doc then Ease. In GreenSock Ease Visualizer if you click example power2 and you want to copy just only ease script.. What will happen? Well, when you copy ease script and paste it on your code in it will show up like this ? see the gap...? Now image when you are doing in costom... Lucky that those number works (second parameter at create() ) otherwise I will throw my keyboard away from balcony.. I don't know if this is realted to GSAP.. But I felt there must be a way to copy those script without painfully.. Can someone give me a hand how to copy-paste from gsap Vizualiser instead writing manually? ?
  11. Osh

    How to use GSAP in NPM

    Thank you so much. It took me actually 3hrs to figure it out those two recommendations; snowflakes and parcel. I have tried to install snowflake - that was too complex! It returned some 404 error. The parcel isthe best! It was not scary to fallow and install it. So thank you so much!! Finally no CDN! To GSAP-infinity .. and beyond! ?‍♂️?
  12. I am newbie here? So I want to try by using npm instead CDN Gsap. I started to install from windows terminal npm install gsap i , After installing I tried to go index.html, removed from script <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.6.1/gsap.min.js"></script> then refresh in index.html and it doesn't work! It doesn't animate! However it works perfect if I call back script in CDN! Maybe I have to call npm run gsap? Or do I need to install web server?
×
×
  • Create New...