Jump to content
GreenSock

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

Dipscom last won the day on September 30

Dipscom had the most liked content!

Dipscom

Moderators
  • Content Count

    1,549
  • Joined

  • Last visited

  • Days Won

    59

Dipscom last won the day on September 30

Dipscom had the most liked content!

Community Reputation

3,048 Superhero

8 Followers

About Dipscom

  • Rank
    Advanced Member

Profile Information

  • Gender
    Not Telling
  • Location
    London

Recent Profile Visitors

10,004 profile views
  1. @Sae Woo it turns out that we can simplify your approach even more and there's no need to use the header script either. I've updated my own examples: onMount: https://svelte.dev/repl/94885eb0f90045da934ed5fd9f7fdb2a?version=3.29.0 Transition directive: https://svelte.dev/repl/1f70e16d637945fa8788fafafb481454?version=3.29.0 In/Out directives: https://svelte.dev/repl/000b2f192c204cd799dbb4f6d70a1c21?version=3.29.0 Action directive: https://svelte.dev/repl/eb2f99e9f3324e25af4eaada0389eed6?version=3.29.0 Animation directive: (TO-DO soon). Tha
  2. Nice one Sae Woo. I'll be using that for my own experiments.
  3. Ah, state machines. It's been on my reading list for so long... I am yet to get my hands on it and try some implementations. Share whatever you can, it's great to see how other people approaches.
  4. Heya! Remember I said I was working on a Svelte project that would be needing some GSAP? Here are some of the barebones examples I made using GSAP and Svelte. onMount: https://svelte.dev/repl/94885eb0f90045da934ed5fd9f7fdb2a?version=3.29.0 Transition directive: https://svelte.dev/repl/1f70e16d637945fa8788fafafb481454?version=3.29.0 In/Out directives: https://svelte.dev/repl/000b2f192c204cd799dbb4f6d70a1c21?version=3.29.0 Action directive: https://svelte.dev/repl/eb2f99e9f3324e25af4eaada0389eed6?version=3.29.0 Animation directive: (TO-DO soon).
  5. Nothing from the top of my head that is similar to that, no. Sorry. But search around for the basics of coding physics and you'll be halfway there. The nature of code is a great book - not really physics but a worth the time. https://natureofcode.com/
  6. Hi dolzsky, Welcome to the forums! These liquid effects are created with canvas. This one you are referring to are based on hit-area detection while the mouse is moving, some fake physics simulation and a little bit of trigonometry. GSAP can definitely help you with that but you will still need to understand the underlying principles that drive it.
  7. If you try to have a go and get yourself stuck, let us know. And remember you can get bind a reference to the DOM element with: <script> let reference; </script> <Element bind:this={reference} />
  8. VS Code has some magic in it and it will add import/require declarations on top of your files if it thinks you need/want some.
  9. Hi Carolina, I have worked on scroll-based animations in the past, yes. I have no experience with Angular, I am afraid. When you say your pages are not responsive, are you refering to whether they respond to the size of the viewport or to the user interaction? The memory consumption will, likely, be your Javascript. There is bound to be a memory leak somewhere there. I'll go back to my original comment - If this is a product explanation page, do you really need a javascript framework to put it together? Removing as much javascript as you possibly
  10. I've just re-read what I wrote above and would like to say that if that is coming across as unfriendly, I apologise. I do not mean it that way. I mean to say there is plenty of room to improve by optimizing the images, removing unnecessary ones, replacing others with live text and considering if you need as much javascript as you currently have in your page.
  11. You are loading around 30 megabytes of content right out of the gate and it seems that quite a bit of it are PNG images that you can convert to reusable assets and mix them with live text. Why you have a 5.6MB uncompressed js bundle is beyond me. What is on this bundle that is needed? 761kb of gzipped javascript looks excessive if all you have is a presentation website.
  12. Indded I have. In fact, right at this time I am working on a web app that is built with Svelte and will make use of GSAP. There's no mystery to work with GSAP and Svelte. Load up the library via CDN (I just prefer that way, saves on the js bundle and takes advantage of caching) then GSAP away. Did you have any particular question?
  13. Hard to believe you are sorry with that smirk on your face. 😐
  14. That's happening because you're setting the default skews with CSS and then telling GSAP to animate it. All you have to do is .set() your defaults using GSAP's method or, you can do a .from() tween. Oh well, bin it. Zack responded while I was typing... Such is life. No brownies for me.
  15. I understand. It's like that everywhere. To the ones outside it's one image, to the ones living in it, it's a different reality. I have a friend whose father lives in Japan (they're originally from the UK). He told me that, in Japan, there's this view the japanese are above the foreigners. They will treat you politely to your face but to your back they will refer to you as less than them. I've never been to Japan, all I know of it and its culture if from consuming Manga and TV shows and films from it. As for the DeepL, give the below for it to translate and let me know if it makes
×