Jump to content
Search Community

benoit

Members
  • Posts

    135
  • Joined

  • Last visited

Everything posted by benoit

  1. benoit

    Perlin Noise

    Slow computer ?
  2. benoit

    Perlin Noise

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

    Perlin Noise

    On Brave browser : green dots are ?
  4. 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?
  5. 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
  6. Maybe MotionPath & Pixi (I remember a codepen by Osublake).
  7. Hi, Is it possible to use pixi and modifiers plugins and how to ?
  8. So http://pixijs.download/release/docs/PIXI.Spritesheet.html and… any example ? I don't want to animate my particule.
  9. 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
  10. 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 ?
  11. Thank you ! of course @OSUblake I will check ! No question for now, just like to start from the right way
  12. Hi, I know GSAP and SVG, GSAP and HTML, but now I would like to explore GSAP and Pixi. PixijS examples are more about the power of Pixi than the power of GSAP like timeline (works great), stagger (yes!), draggable (not testing yet). Any ressources ?
  13. benoit

    wrapYoyo(0,0,x) NaN

    Just playing with math, design, shapes and an input range. I make many css transforms and I use wrap (yoyo). gsap.utils.wrapYoyo(0, 0 /* the value from my range between 0 and 100 */, x ) Return a NaN not sound like give me a wrap number between x and y. gsap.utils.random(0,0) // 0 ;¬) Just to make sense
  14. Hi, I use a Yoyo wrap on a slide and may be if it's 0, return a 0 could be great But I am OK, if this is a good idea to return a NaN gsap.utils.wrapYoyo(0, 0, x )
  15. benoit

    TypoTap

    Thank you! @ZachSaucier Sound is too high for all letters ? I think I can fix-it with ToneJS I made a post in french about my code : https://jenseign.com/typotap-1/
  16. benoit

    TypoTap

    Hi, No question I've just finish this project (26 letters / 26 days of confinement). 99% GSAP + SVG ❤️ https://typotap.jenseign.com/ Enjoy !
  17. benoit

    CSS transform

    Adding this in CSS and .ddd3 doesn't display. What's the trick ? transform-origin:600px 200px;
  18. I try something with blend-mode, z-index… https://codepen.io/benoitwimart/pen/abzXKpZ
  19. This is a new feature in GSAP3. No more _gsTransform.
  20. benoit

    CSS transform

    Hi, I don't understand why the green element is not at the same position, like `.ddd2` (CSS orange). What's wrong ?
  21. benoit

    SVG path function

    '5.7777 1.33 8.333333333'.replace(/(?<=\.\d\d)\d+/g,'') Like this
  22. benoit

    SVG path function

    I know, I love and I use but doing a SVGOMG then a stringToPath and stringToRawPath make my path longer…
  23. benoit

    SVG path function

    Hi, Any shortcut to reduce precision ? Like C51.13333,85.23333… -> C51.13,85.23
×
×
  • Create New...