Jump to content
GreenSock

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

benoit

Members
  • Posts

    123
  • Joined

  • Last visited

Everything posted by benoit

  1. Thank You @akapowl !
  2. My best test : https://codepen.io/benoitwimart/pen/zYPeMBa
  3. Hi, I don't understand how to pin two elements or if this is possible with scrollTriger. In my codepen I would like to pin ".main" and remove the white space.
  4. benoit

    Sound and Timeline

    OK I found my error ! ```repeat:1``` is 1 time + 1 repeat https://codepen.io/benoitwimart/pen/JjOYWRB?editors=1010
  5. benoit

    Sound and Timeline

    I made another pen with tl.play (left and yellow bar) VS tick (right and blue bar)… tick version is faster (maybe timeScale + progress need a tricks) ? https://codepen.io/benoitwimart/pen/JjOYbYg
  6. benoit

    Sound and Timeline

    Hi, I try to make my own player with timeline and sound butI don't know what's wrong in my codepen. Read the sound, is good in synch but seek and pause fail. In my case, I change the timeScale to make it easy to "snap" with half-note and use "progress" to "seek". The yellow circle is the open hit hat and is not good when I "seek" or "pause" the sound. Any idea, any similar tools (with sound, I know GSDEVtools) ?
  7. JS version is online : https://www.opacoise.fr/opac2022/
  8. @OSUblake thank you great PixiJS + GSAP master
  9. Hello, No question, just GSAP fanboy I've just finish this project : - Animation with GSAP and PixiJS (from SVG to json and sprite + PNG) - Export in png with PHP - And mp4 made with FFMPEG (sound is made with Ableton)
  10. function isNum(n) { return !isNaN(parseFloat(n)) && !isNaN(n - 0) } let d= "M23,80.5 C48,64.83333 73,49.16667 98,33.5 80.16667,28.5 62.33333,23.5 44.5,18.5 53.16667,49.16667 61.83333,79.83333 70.5,110.5 "; d = d.trim().replaceAll(/([A-Z])+/ig, "$1 "); d = d.replaceAll(/,/ig, " "); d = d.split(' ') let format = {"C":7,"M":3,"L":3,"V":2,"H":2,"Q":5,"Z":0}; d.forEach((e,i) => { if(!isNum(e)){ if(isNum(d[i+format[e]])) d.splice(i+format[e], 0, e); } }); Pretty Ugly
  11. Thank you @Cassie (I looked at your site last night and now you are answering my question ) I work with SVG and opentypeJS, so I need to format my path. So I will make a split regex replace swip wizzz function to deal with this.
  12. Hi, SVG/GSAP question Why the end of the d value is like this ? The "C curveTo " have 18 arguments for 6 (C x1 y1, x2 y2, x y) ? Anyway to "normalize" this?
  13. benoit

    Perlin Noise

    Slow computer 😕
  14. benoit

    Perlin Noise

    Macos last, Mac Mini. Chrome or Brave Firefox better.
  15. benoit

    Perlin Noise

    On Brave browser : green dots are 🤪
  16. benoit

    Perlin Noise

    Hi, I use this script to get Perlin Noise https://gist.github.com/Demonstrandum/4dcebc41e54961abd0b0a1b0ecfdd97d gsap modifiers and stagger (and the pixijs in real). If you run many times the codepen, something a circle not really follow the first. Any suggestion?
  17. Hi, Close, but don't find how to get the length of a motionPath. const rawPath = MotionPathPlugin.arrayToRawPath([{x:0,y:10},{x:50,y:1000}], {curviness:2}); const d = MotionPathPlugin.rawPathToString(rawPath); console.log(DrawSVGPlugin.getLength(d)); // hum
  18. Maybe MotionPath & Pixi (I remember a codepen by Osublake).
  19. Hi, Is it possible to use pixi and modifiers plugins and how to ?
  20. So http://pixijs.download/release/docs/PIXI.Spritesheet.html and… any example ? I don't want to animate my particule.
  21. Hi, No cross-origin problem (screenshot). for(let i = 0;i<50;i++){ let man = new PIXI.Sprite(texture[1]); // bubble man.anchor.set(0.5, 0.5); sprites.addChild(man); } // problem for(let i = 0;i<50;i++){ let sman = new PIXI.Sprite(texture[0]); // gsap man #fail sman.anchor.set(0.5, 0.5); sprites.addChild(sman); } https://codepen.io/benoitwimart/pen/ZEQLGzg
  22. Hi, Really easy to use PixiJS with TL, but do you know if I can use ParticleContainer with more image (png/svg/…) or I just need to create another ParticleContainer ?
  23. Thank you ! of course @OSUblake I will check ! No question for now, just like to start from the right way
×